@stylexjs/shared 0.2.0-beta.8 → 0.3.0

package/lib/stylex-defaultValue.js

@@ -1,397 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StylexValueBuilder = void 0;
-exports.default = stylexDefaultValue;
-var messages = _interopRequireWildcard(require("./messages"));
-var _dashify = _interopRequireDefault(require("./utils/dashify"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
-function _classPrivateMethodInitSpec(obj, privateSet) { _checkPrivateRedeclaration(obj, privateSet); privateSet.add(obj); }
-function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
-function _classPrivateMethodGet(receiver, privateSet, fn) { if (!privateSet.has(receiver)) { throw new TypeError("attempted to get private field on non-instance"); } return fn; }
-function _classPrivateFieldGet(receiver, privateMap) { var descriptor = _classExtractFieldDescriptor(receiver, privateMap, "get"); return _classApplyDescriptorGet(receiver, descriptor); }
-function _classExtractFieldDescriptor(receiver, privateMap, action) { if (!privateMap.has(receiver)) { throw new TypeError("attempted to " + action + " private field on non-instance"); } return privateMap.get(receiver); }
-function _classApplyDescriptorGet(receiver, descriptor) { if (descriptor.get) { return descriptor.get.call(receiver); } return descriptor.value; }
-var _set = /*#__PURE__*/new WeakSet();
-var _mediaWidths = /*#__PURE__*/new WeakMap();
-var _mediaHeights = /*#__PURE__*/new WeakMap();
-class StylexValueBuilder {
-  constructor(defaultValue) {
-    _classPrivateMethodInitSpec(this, _set);
-    _classPrivateFieldInitSpec(this, _mediaWidths, {
-      writable: true,
-      value: []
-    });
-    _classPrivateFieldInitSpec(this, _mediaHeights, {
-      writable: true,
-      value: []
-    });
-    this.default = defaultValue;
-  }
-  mediaWidth(_ref, value) {
-    let [min, max] = _ref;
-    if (_classPrivateFieldGet(this, _mediaWidths).some(_ref2 => {
-      let [m, M] = _ref2;
-      return m <= min && min < M || m < max && max <= M || min <= m && max >= M;
-    })) {
-      throw new Error(messages.OVERLAPPING_MEDIA_WIDTHS);
-    }
-    _classPrivateFieldGet(this, _mediaWidths).push([min, max]);
-    if (min > 0 && max < Infinity) {
-      return _classPrivateMethodGet(this, _set, _set2).call(this, `@media (min-width: ${min}px and max-width: ${max}px)`, value);
-    } else if (min === 0) {
-      return _classPrivateMethodGet(this, _set, _set2).call(this, `@media (max-width: ${max}px)`, value);
-    } else if (max === Infinity) {
-      return _classPrivateMethodGet(this, _set, _set2).call(this, `@media (min-width: ${min}px)`, value);
-    }
-    throw new Error(messages.INVALID_MEDIA_QUERY);
-  }
-  mediaHeight(_ref3, value) {
-    let [min, max] = _ref3;
-    if (_classPrivateFieldGet(this, _mediaHeights).some(_ref4 => {
-      let [m, M] = _ref4;
-      return m <= min && min < M || m < max && max <= M || min <= m && max >= M;
-    })) {
-      throw new Error(messages.OVERLAPPING_MEDIA_HEIGHTS);
-    }
-    _classPrivateFieldGet(this, _mediaHeights).push([min, max]);
-    if (min > 0 && max < Infinity) {
-      return _classPrivateMethodGet(this, _set, _set2).call(this, `@media (min-height: ${min}px and max-height: ${max}px)`, value);
-    } else if (min === 0) {
-      return _classPrivateMethodGet(this, _set, _set2).call(this, `@media (max-height: ${max}px)`, value);
-    } else if (max === Infinity) {
-      return _classPrivateMethodGet(this, _set, _set2).call(this, `@media (min-height: ${min}px)`, value);
-    }
-    throw new Error(messages.INVALID_MEDIA_QUERY);
-  }
-
-  // mediaAspectRatio<TAddedValue>(
-  //   [min, max]: [number, number],
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   if (min > 0 && max < Infinity) {
-  //     return this.#set(
-  //       `@media (min-aspect-ratio: ${min} and max-aspect-ratio: $, })`,
-  //       value
-  //     );
-  //   } else if (min === 0) {
-  //     return this.#set(`@media (max-aspect-ratio: ${max})`, value);
-  //   } else if (max === Infinity) {
-  //     return this.#set(`@media (min-aspect-ratio: ${min})`, value);
-  //   }
-  //   throw new Error(messages.INVALID_MEDIA_QUERY);
-  // }
-
-  // mediaPortrait<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (orientation: portrait)', value);
-  // }
-
-  // mediaLandscape<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (orientation: landscape)', value);
-  // }
-
-  // mediaSRGBDisplay<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (color-gamut: srgb)', value);
-  // }
-
-  // mediaP3Display<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (color-gamut: p3)', value);
-  // }
-
-  // mediaRec2020Display<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (color-gamut: rec2020)', value);
-  // }
-
-  // mediaIsFullscreen<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (display-mode: fullscreen)', value);
-  // }
-
-  // These are confusing, so skipping them for now
-  // mediaIsStandalone
-  // mediaIsMinimalUI
-
-  // mediaSDRDisplay<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (dynamic-range: standard)', value);
-  // }
-
-  // mediaHDRDisplay<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (dynamic-range: high)', value);
-  // }
-
-  // mediaSupportsHDRVideo<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (video-dynamic-range: high)', value);
-  // }
-
-  //<TAddedValue> mediaHasColor(value: TAddedValue): StylexValueBuilder<TValue | TAddedValue> {
-  //  return this.#set('@media (color)', value);
-  // }
-
-  // primaryInputCanHover<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (hover: hover)', value);
-  // }
-  // primaryInputCanNotHover<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (hover: none)', value);
-  // }
-
-  // someInputCanHover<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (any-hover: hover)', value);
-  // }
-
-  // noInputCanHover<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (any-hover: none)', value);
-  // }
-
-  // somePointerIsFine<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (any-pointer: fine)', value);
-  // }
-
-  // somePointerIsCoarse<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (any-pointer: coarse)', value);
-  // }
-
-  // primaryPointerIsFine<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (pointer: fine)', value);
-  // }
-
-  // primaryPointerIsCoarse<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (pointer: coarse)', value);
-  // }
-
-  // lightMode<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (prefers-color-scheme: light)', value);
-  // }
-
-  // darkMode<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (prefers-color-scheme: dark)', value);
-  // }
-
-  // userPrefersMoreContrast<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (prefers-contrast: more)', value);
-  // }
-
-  // userPrefersLessContrast<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (prefers-contrast: less)', value);
-  // }
-
-  // userPrefersReducedMotion<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (prefers-reduced-motion)', value);
-  // }
-
-  // noScript<TAddedValue>(
-  //   value: TAddedValue
-  // ): StylexValueBuilder<TValue | TAddedValue> {
-  //   return this.#set('@media (scripting: none)', value);
-  // }
-
-  // Choosing a catch-all for now for familiarity
-  matchMedia(query, value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, `@media ${query}`, value);
-  }
-  supports(selector, value) {
-    const toSelector = _ref5 => {
-      let [k, v] = _ref5;
-      return `(${(0, _dashify.default)(k)}: ${String(v)})`;
-    };
-    const query = Object.entries(selector).map(toSelector).join(' and ');
-    return _classPrivateMethodGet(this, _set, _set2).call(this, `@supports ${query}`, value);
-  }
-  supportsNot(selector, value) {
-    const toSelector = _ref6 => {
-      let [k, v] = _ref6;
-      return `(not (${(0, _dashify.default)(k)}: ${String(v)}))`;
-    };
-    const query = Object.entries(selector).map(toSelector).join(' and ');
-    return _classPrivateMethodGet(this, _set, _set2).call(this, `@supports ${query}`, value);
-  }
-
-  // Pseudo Classes
-
-  hover(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':hover', value);
-  }
-  focus(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':focus', value);
-  }
-  focusVisible(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':focus-visible', value);
-  }
-  focusWithin(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':focus-within', value);
-  }
-  active(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':active', value);
-  }
-  anyLink(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':any-link', value);
-  }
-  autofill(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':autofill', value);
-  }
-  checked(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':checked', value);
-  }
-  defaultSelection(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':default', value);
-  }
-  disabled(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':disabled', value);
-  }
-  empty(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':empty', value);
-  }
-  enabled(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':enabled', value);
-  }
-  fullscreen(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':fullscreen', value);
-  }
-  indeterminate(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':indeterminate', value);
-  }
-  invalid(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':invalid', value);
-  }
-  lang(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':lang', value);
-  }
-  dirRTLUNSFAE(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':dir(rtl)', value);
-  }
-  link(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':link', value);
-  }
-  optional(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':optional', value);
-  }
-  pictureInPicture(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':picture-in-picture', value);
-  }
-  placeholderShown(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':placeholder-shown', value);
-  }
-  paused(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':paused', value);
-  }
-  playing(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':playing', value);
-  }
-  readOnly(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':read-only', value);
-  }
-  readWrite(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':read-write', value);
-  }
-  required(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':required', value);
-  }
-  target(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':target', value);
-  }
-  valid(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':valid', value);
-  }
-  visited(value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, ':visited', value);
-  }
-  get not() {
-    return {
-      hover: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:hover)', value),
-      focus: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:focus)', value),
-      focusVisible: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:focus-visible)', value),
-      focusWithin: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:focus-within)', value),
-      active: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:active)', value),
-      anyLink: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:any-link)', value),
-      autofill: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:autofill)', value),
-      checked: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:checked)', value),
-      defaultSelection: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:default)', value),
-      disabled: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:disabled)', value),
-      empty: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:empty)', value),
-      enabled: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:enabled)', value),
-      fullscreen: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:fullscreen)', value),
-      indeterminate: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:indeterminate)', value),
-      invalid: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:invalid)', value),
-      lang: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:lang)', value),
-      dirRTLUNSFAE: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:dir-rtlunsfae)', value),
-      link: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:link)', value),
-      optional: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:optional)', value),
-      pictureInPicture: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:picture-in-picture)', value),
-      placeholderShown: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:placeholder-shown)', value),
-      paused: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:paused)', value),
-      playing: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:playing)', value),
-      readOnly: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:read-only)', value),
-      readWrite: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:read-write)', value),
-      required: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:required)', value),
-      target: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:target)', value),
-      valid: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:valid)', value),
-      visited: value => _classPrivateMethodGet(this, _set, _set2).call(this, ':not(:visited)', value)
-    };
-  }
-  pseudoUNSAFE(selector, value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, `:${selector}`, value);
-  }
-  // These can be used to write arbitrary CSS selectors
-  // Which is UNSAFE!
-  _isUNSAFE(selector, value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, `:is(${selector})`, value);
-  }
-  _notUNSAFE(selector, value) {
-    return _classPrivateMethodGet(this, _set, _set2).call(this, `:not(${selector})`, value);
-  }
-}
-exports.StylexValueBuilder = StylexValueBuilder;
-function _set2(key, value) {
-  this[key] = value;
-  return this;
-}
-function stylexDefaultValue(value) {
-  return new StylexValueBuilder(value);
-}