@primer/components 0.0.0-2021116165050 → 0.0.0-202111619107

package/lib/utils/iterateFocusableElements.js

@@ -1,113 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.iterateFocusableElements = iterateFocusableElements;
-exports.isFocusable = isFocusable;
-exports.isTabbable = isTabbable;
-
-/**
- * Options to the focusable elements iterator
- */
-
-/**
- * Returns an iterator over all of the focusable elements within `container`.
- * Note: If `container` is itself focusable it will be included in the results.
- * @param container The container over which to find focusable elements.
- * @param reverse If true, iterate backwards through focusable elements.
- */
-function* iterateFocusableElements(container, options = {}) {
-  var _options$strict, _options$onlyTabbable;
-
-  const strict = (_options$strict = options.strict) !== null && _options$strict !== void 0 ? _options$strict : false;
-  const acceptFn = ((_options$onlyTabbable = options.onlyTabbable) !== null && _options$onlyTabbable !== void 0 ? _options$onlyTabbable : false) ? isTabbable : isFocusable;
-  const walker = document.createTreeWalker(container, NodeFilter.SHOW_ELEMENT, {
-    acceptNode: node => node instanceof HTMLElement && acceptFn(node, strict) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP
-  });
-  let nextNode = null; // Allow the container to participate
-
-  if (!options.reverse && acceptFn(container, strict)) {
-    yield container;
-  } // If iterating in reverse, continue traversing down into the last child until we reach
-  // a leaf DOM node
-
-
-  if (options.reverse) {
-    let lastChild = walker.lastChild();
-
-    while (lastChild) {
-      nextNode = lastChild;
-      lastChild = walker.lastChild();
-    }
-  } else {
-    nextNode = walker.firstChild();
-  }
-
-  while (nextNode instanceof HTMLElement) {
-    yield nextNode;
-    nextNode = options.reverse ? walker.previousNode() : walker.nextNode();
-  } // Allow the container to participate (in reverse)
-
-
-  if (options.reverse && acceptFn(container, strict)) {
-    yield container;
-  }
-
-  return undefined;
-}
-/**
- * Determines whether the given element is focusable. If `strict` is true, we may
- * perform additional checks that require a reflow (less performant).
- * @param elem
- * @param strict
- */
-
-
-function isFocusable(elem, strict = false) {
-  // Certain conditions cause an element to never be focusable, even if they have tabindex="0"
-  const disabledAttrInert = ['BUTTON', 'INPUT', 'SELECT', 'TEXTAREA', 'OPTGROUP', 'OPTION', 'FIELDSET'].includes(elem.tagName) && elem.disabled;
-  const hiddenInert = elem.hidden;
-  const hiddenInputInert = elem instanceof HTMLInputElement && elem.type === 'hidden';
-
-  if (disabledAttrInert || hiddenInert || hiddenInputInert) {
-    return false;
-  } // Each of the conditions checked below require a reflow, thus are gated by the `strict`
-  // argument. If any are true, the element is not focusable, even if tabindex is set.
-
-
-  if (strict) {
-    const sizeInert = elem.offsetWidth === 0 || elem.offsetHeight === 0;
-    const visibilityInert = ['hidden', 'collapse'].includes(getComputedStyle(elem).visibility);
-    const clientRectsInert = elem.getClientRects().length === 0;
-
-    if (sizeInert || visibilityInert || clientRectsInert) {
-      return false;
-    }
-  } // Any element with `tabindex` explicitly set can be focusable, even if it's set to "-1"
-
-
-  if (elem.getAttribute('tabindex') != null) {
-    return true;
-  } // One last way `elem.tabIndex` can be wrong.
-
-
-  if (elem instanceof HTMLAnchorElement && elem.getAttribute('href') == null) {
-    return false;
-  }
-
-  return elem.tabIndex !== -1;
-}
-/**
- * Determines whether the given element is tabbable. If `strict` is true, we may
- * perform additional checks that require a reflow (less performant). This check
- * ensures that the element is focusable and that its tabindex is not explicitly
- * set to "-1" (which makes it focusable, but removes it from the tab order).
- * @param elem
- * @param strict
- */
-
-
-function isTabbable(elem, strict = false) {
-  return isFocusable(elem, strict) && elem.getAttribute('tabindex') !== '-1';
-}

package/lib/utils/types/FormValidationStatus.d.ts

@@ -1 +0,0 @@
-export declare type FormValidationStatus = 'error' | 'success';

package/lib/utils/types/FormValidationStatus.js

@@ -1 +0,0 @@
-"use strict";

package/lib/utils/uniqueId.d.ts

@@ -1 +0,0 @@
-export declare function uniqueId(): string;

package/lib/utils/uniqueId.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.uniqueId = uniqueId;
-// Note: uniqueId may be unsafe in SSR contexts if it is used create DOM IDs or otherwise cause a hydration warning. Use useSSRSafeId instead.
-let idSeed = 10000;
-
-function uniqueId() {
-  return `__primer_id_${idSeed++}`;
-}

package/lib/utils/userAgent.d.ts

@@ -1 +0,0 @@
-export declare function isMacOS(): boolean;

package/lib/utils/userAgent.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isMacOS = isMacOS;
-let isMac = undefined;
-
-function isMacOS() {
-  if (isMac === undefined) {
-    isMac = /^mac/i.test(window.navigator.platform);
-  }
-
-  return isMac;
-}

package/lib-esm/CheckboxInputField.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-declare const _default: React.FC<import("./_InputField/ToggleInputField").Props> & {
-    Input: React.FC<Omit<React.HTMLProps<HTMLInputElement>, "ref"> & {
-        ref?: React.Ref<HTMLInputElement> | undefined;
-    }>;
-    Caption: React.FC<{}>;
-    Label: React.FC<import("./_InputField/InputFieldLabel").Props>;
-    LeadingVisual: React.FC<{}>;
-};
-export default _default;

package/lib-esm/CheckboxInputField.js

@@ -1,56 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import { Checkbox } from '.';
-import InputField from './_InputField/InputField';
-import { Slot } from './_InputField/slots';
-import ToggleInputField from './_InputField/ToggleInputField';
-import ToggleInputLeadingVisual from './_InputField/ToggleInputLeadingVisual';
-
-const Input = ({
-  id: idProp,
-  required: requiredProp,
-  disabled: disabledProp,
-  ...rest
-}) => {
-  if (idProp) {
-    // eslint-disable-next-line no-console
-    console.warn("instead of passing the 'id' prop directly to <TextInputField.Input>, it should be passed to the parent component, <TextInputField>");
-  }
-
-  if (disabledProp) {
-    // eslint-disable-next-line no-console
-    console.warn("instead of passing the 'disabled' prop directly to <TextInputField.Input>, it should be passed to the parent component, <TextInputField>");
-  }
-
-  if (requiredProp) {
-    // eslint-disable-next-line no-console
-    console.warn("instead of passing the 'required' prop directly to <TextInputField.Input>, it should be passed to the parent component, <TextInputField>");
-  }
-
-  return /*#__PURE__*/React.createElement(Slot, {
-    name: "Input"
-  }, ({
-    disabled,
-    id,
-    required,
-    captionId
-  }) => /*#__PURE__*/React.createElement(Checkbox, _extends({
-    "aria-describedby": captionId,
-    id: id,
-    required: required,
-    disabled: disabled
-  }, rest)));
-};
-
-Input.displayName = "Input";
-
-const CheckboxInputField = props => /*#__PURE__*/React.createElement(ToggleInputField, props);
-
-CheckboxInputField.displayName = "CheckboxInputField";
-export default Object.assign(CheckboxInputField, {
-  Input,
-  Caption: InputField.Caption,
-  Label: InputField.Label,
-  LeadingVisual: ToggleInputLeadingVisual
-});

package/lib-esm/RadioInputField.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-import { RadioProps } from '.';
-declare const _default: React.FC<import("./_InputField/ToggleInputField").Props> & {
-    Input: React.FC<RadioProps>;
-    Caption: React.FC<{}>;
-    Label: React.FC<import("./_InputField/InputFieldLabel").Props>;
-    LeadingVisual: React.FC<{}>;
-};
-export default _default;

package/lib-esm/RadioInputField.js

@@ -1,56 +0,0 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import { Radio } from '.';
-import InputField from './_InputField/InputField';
-import { Slot } from './_InputField/slots';
-import ToggleInputField from './_InputField/ToggleInputField';
-import ToggleInputLeadingVisual from './_InputField/ToggleInputLeadingVisual'; // pulling out `id`, `disabled`, and `required` because those should come from the parent TextInputField component
-
-const Input = ({
-  id: idProp,
-  required: requiredProp,
-  disabled: disabledProp,
-  ...rest
-}) => {
-  if (idProp) {
-    // eslint-disable-next-line no-console
-    console.warn("instead of passing the 'id' prop directly to <TextInputField.Input>, it should be passed to the parent component, <TextInputField>");
-  }
-
-  if (disabledProp) {
-    // eslint-disable-next-line no-console
-    console.warn("instead of passing the 'disabled' prop directly to <TextInputField.Input>, it should be passed to the parent component, <TextInputField>");
-  }
-
-  if (requiredProp) {
-    // eslint-disable-next-line no-console
-    console.warn("instead of passing the 'required' prop directly to <TextInputField.Input>, it should be passed to the parent component, <TextInputField>");
-  }
-
-  return /*#__PURE__*/React.createElement(Slot, {
-    name: "Input"
-  }, ({
-    disabled,
-    id,
-    required,
-    captionId
-  }) => /*#__PURE__*/React.createElement(Radio, _extends({
-    "aria-describedby": captionId,
-    id: id,
-    required: required,
-    disabled: disabled
-  }, rest)));
-};
-
-Input.displayName = "Input";
-
-const RadioInputField = props => /*#__PURE__*/React.createElement(ToggleInputField, props);
-
-RadioInputField.displayName = "RadioInputField";
-export default Object.assign(RadioInputField, {
-  Input,
-  Caption: InputField.Caption,
-  Label: InputField.Label,
-  LeadingVisual: ToggleInputLeadingVisual
-});