@primer/components 0.0.0-2021116181214 → 0.0.0-2021116201150

package/lib/ChoiceFieldset/ChoiceFieldsetDescription.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ = require("..");
-
-var _ChoiceFieldset = require("./ChoiceFieldset");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const ChoiceFieldsetDescription = ({
-  children
-}) => /*#__PURE__*/_react.default.createElement(_ChoiceFieldset.Slot, {
-  name: "Description"
-}, ({
-  disabled
-}) => /*#__PURE__*/_react.default.createElement(_.Text, {
-  color: disabled ? 'fg.muted' : 'fg.default',
-  fontSize: 1
-}, children));
-
-ChoiceFieldsetDescription.displayName = "ChoiceFieldsetDescription";
-var _default = ChoiceFieldsetDescription;
-exports.default = _default;

package/lib/ChoiceFieldset/ChoiceFieldsetLegend.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export interface ChoiceFieldsetLegendProps {
-    /**
-     * Whether to visually hide the fieldset legend
-     */
-    visuallyHidden?: boolean;
-}
-declare const ChoiceFieldsetLegend: React.FC<ChoiceFieldsetLegendProps>;
-export default ChoiceFieldsetLegend;

package/lib/ChoiceFieldset/ChoiceFieldsetLegend.js

@@ -1,44 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ = require("..");
-
-var _VisuallyHidden = _interopRequireDefault(require("../_VisuallyHidden"));
-
-var _ChoiceFieldset = require("./ChoiceFieldset");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const ChoiceFieldsetLegend = ({
-  children,
-  visuallyHidden
-}) => /*#__PURE__*/_react.default.createElement(_ChoiceFieldset.Slot, {
-  name: "Legend"
-}, ({
-  required,
-  disabled
-}) => /*#__PURE__*/_react.default.createElement(_VisuallyHidden.default, {
-  as: "legend",
-  isVisible: !visuallyHidden,
-  title: required ? 'required field' : undefined,
-  sx: {
-    color: disabled ? 'fg.muted' : undefined,
-    fontSize: 2,
-    padding: 0
-  }
-}, required ? /*#__PURE__*/_react.default.createElement(_.Box, {
-  display: "flex",
-  as: "span"
-}, /*#__PURE__*/_react.default.createElement(_.Box, {
-  mr: 1
-}, children), /*#__PURE__*/_react.default.createElement("span", null, "*")) : children));
-
-ChoiceFieldsetLegend.displayName = "ChoiceFieldsetLegend";
-var _default = ChoiceFieldsetLegend;
-exports.default = _default;

package/lib/ChoiceFieldset/ChoiceFieldsetList.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-export interface ChoiceFieldsetListProps {
-    /**
-     * Whether multiple items or a single item can be selected
-     */
-    selectionVariant?: 'single' | 'multiple';
-}
-declare const ChoiceFieldsetList: React.FC<ChoiceFieldsetListProps>;
-export default ChoiceFieldsetList;

package/lib/ChoiceFieldset/ChoiceFieldsetList.js

@@ -1,69 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _ = require("..");
-
-var _constants = require("../constants");
-
-var _uniqueId = require("../utils/uniqueId");
-
-var _ChoiceFieldset = require("./ChoiceFieldset");
-
-var _ChoiceFieldsetListContext = _interopRequireDefault(require("./ChoiceFieldsetListContext"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const List = _styledComponents.default.ul.withConfig({
-  displayName: "ChoiceFieldsetList__List",
-  componentId: "sc-16da7ba-0"
-})(["display:flex;flex-direction:column;list-style:none;margin:0;padding:0;> li + li{margin-top:", ";}"], (0, _constants.get)('space.2'));
-
-const ChoiceFieldsetList = ({
-  selectionVariant,
-  children
-}) => /*#__PURE__*/_react.default.createElement(_ChoiceFieldset.Slot, {
-  name: "ChoiceList"
-}, ({
-  name,
-  onSelect,
-  disabled,
-  selected = []
-}) => {
-  const getSelectedCheckboxes = (value, checked) => {
-    if (checked) {
-      return selectionVariant === 'multiple' ? [...selected, value] : [value];
-    }
-
-    return selected.filter(selectedValue => selectedValue !== value);
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_ChoiceFieldsetListContext.default.Provider, {
-    value: {
-      disabled,
-      selected,
-      name: name || (0, _uniqueId.uniqueId)(),
-      fieldComponent: selectionVariant === 'multiple' ? _.CheckboxInputField : _.RadioInputField,
-      onChange: e => {
-        onSelect && onSelect(getSelectedCheckboxes(e.currentTarget.value, e.currentTarget.checked));
-      },
-      selectionVariant
-    }
-  }, /*#__PURE__*/_react.default.createElement(List, null, _react.default.Children.map(children, (child, i) => /*#__PURE__*/_react.default.createElement("li", {
-    key: i
-  }, child))));
-});
-
-ChoiceFieldsetList.displayName = "ChoiceFieldsetList";
-ChoiceFieldsetList.defaultProps = {
-  selectionVariant: 'single'
-};
-var _default = ChoiceFieldsetList;
-exports.default = _default;

package/lib/ChoiceFieldset/ChoiceFieldsetListContext.d.ts

@@ -1,19 +0,0 @@
-import { ChangeEventHandler } from 'react';
-import { CheckboxInputField, RadioInputField } from '..';
-import { ComponentProps } from '../utils/types';
-import InputField from '../_InputField';
-import ToggleInputField, { ToggleInputFieldProps } from '../_InputField/ToggleInputField';
-declare const ChoiceFieldsetListContext: import("react").Context<{
-    disabled?: boolean | undefined;
-    name: string;
-    onChange: ChangeEventHandler<HTMLInputElement>;
-    fieldComponent: React.FC<ToggleInputFieldProps> & {
-        Input: React.FC<ComponentProps<typeof RadioInputField.Input>> | React.FC<ComponentProps<typeof CheckboxInputField.Input>>;
-        Caption: React.FC<ComponentProps<typeof InputField.Caption>>;
-        Label: React.FC<ComponentProps<typeof InputField.Label>>;
-        LeadingVisual: React.FC<ComponentProps<typeof ToggleInputField.LeadingVisual>>;
-    };
-    selected?: string[] | undefined;
-    selectionVariant?: "single" | "multiple" | undefined;
-} | null>;
-export default ChoiceFieldsetListContext;

package/lib/ChoiceFieldset/ChoiceFieldsetListContext.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = require("react");
-
-var _ = require("..");
-
-const ChoiceFieldsetListContext = /*#__PURE__*/(0, _react.createContext)(null);
-_.CheckboxInputField.Input;
-var _default = ChoiceFieldsetListContext;
-exports.default = _default;

package/lib/ChoiceFieldset/ChoiceFieldsetListItem.d.ts

@@ -1,25 +0,0 @@
-import React from 'react';
-import { ComponentProps } from '../utils/types';
-export interface ChoiceFieldProps {
-    /**
-     * Whether the field is ready for user input
-     */
-    disabled?: boolean;
-    /**
-     * The unique identifier for this field. Used to associate the label, validation text, and caption text.
-     * If an ID is not provided, one will be automatically generated.
-     */
-    id?: string;
-    /**
-     * The value that is being selected
-     */
-    value: string;
-}
-declare const ChoiceFieldsetListItem: React.FC<ChoiceFieldProps>;
-export declare type ChoiceFieldComponentProps = ComponentProps<typeof ChoiceFieldsetListItem>;
-declare const _default: React.FC<ChoiceFieldProps> & {
-    Caption: React.FC<{}>;
-    Label: React.FC<{}>;
-    LeadingVisual: React.FC<{}>;
-};
-export default _default;

package/lib/ChoiceFieldset/ChoiceFieldsetListItem.js

@@ -1,75 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _uniqueId = require("../utils/uniqueId");
-
-var _ToggleInputLeadingVisual = _interopRequireDefault(require("../_InputField/ToggleInputLeadingVisual"));
-
-var _ChoiceFieldCaption = _interopRequireDefault(require("./ChoiceFieldCaption"));
-
-var _ChoiceFieldLabel = _interopRequireDefault(require("./ChoiceFieldLabel"));
-
-var _ChoiceFieldsetListContext = _interopRequireDefault(require("./ChoiceFieldsetListContext"));
-
-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; }
-
-const ChoiceFieldsetListItem = ({
-  children,
-  id,
-  disabled: disabledProp,
-  value
-}) => {
-  const choiceFieldsetListContext = (0, _react.useContext)(_ChoiceFieldsetListContext.default);
-
-  if (choiceFieldsetListContext === null) {
-    throw new Error('ChoiceFieldsetListContext returned null');
-  }
-
-  const {
-    name,
-    onChange,
-    fieldComponent: FieldComponent,
-    selected,
-    disabled,
-    selectionVariant
-  } = choiceFieldsetListContext;
-  const fieldId = id || (0, _uniqueId.uniqueId)();
-
-  const labelChild = _react.default.Children.toArray(children).find(child => /*#__PURE__*/_react.default.isValidElement(child) && child.type === _ChoiceFieldLabel.default);
-
-  const otherValidChildren = _react.default.Children.toArray(children).filter(child => /*#__PURE__*/_react.default.isValidElement(child) && (child.type === _ChoiceFieldCaption.default || child.type === _ToggleInputLeadingVisual.default));
-
-  return /*#__PURE__*/_react.default.createElement(FieldComponent, {
-    id: fieldId,
-    disabled: disabledProp || disabled
-  }, /*#__PURE__*/_react.default.createElement(FieldComponent.Input, {
-    checked: selected === null || selected === void 0 ? void 0 : selected.includes(value),
-    value: value,
-    name: selectionVariant === 'multiple' ? value : name,
-    onChange: onChange
-  }), labelChild ? // if <Item.Label> was passed, we can just render the children as-is
-  children :
-  /*#__PURE__*/
-  // if <Item.Label> was NOT passed, treat all the children except <Item.Caption> and <Item.LeadingVisual> as the label
-  _react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(FieldComponent.Label, null, children), otherValidChildren));
-};
-
-ChoiceFieldsetListItem.displayName = "ChoiceFieldsetListItem";
-
-var _default = Object.assign(ChoiceFieldsetListItem, {
-  Caption: _ChoiceFieldCaption.default,
-  Label: _ChoiceFieldLabel.default,
-  LeadingVisual: _ToggleInputLeadingVisual.default
-});
-
-exports.default = _default;

package/lib/ChoiceFieldset/ChoiceFieldsetValidation.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export interface ChoiceFieldsetValidationProps {
-    validationKey: string;
-}
-declare const ChoiceFieldsetValidation: React.FC<ChoiceFieldsetValidationProps>;
-export default ChoiceFieldsetValidation;

package/lib/ChoiceFieldset/ChoiceFieldsetValidation.js

@@ -1,17 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const ChoiceFieldsetValidation = ({
-  children
-}) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
-
-var _default = ChoiceFieldsetValidation;
-exports.default = _default;

package/lib/ChoiceFieldset/index.d.ts

@@ -1,3 +0,0 @@
-export { default } from './ChoiceFieldset';
-export { default as Item } from './ChoiceFieldsetListItem';
-export type { ChoiceFieldsetProps } from './ChoiceFieldset';

package/lib/ChoiceFieldset/index.js

@@ -1,23 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function () {
-    return _ChoiceFieldset.default;
-  }
-});
-Object.defineProperty(exports, "Item", {
-  enumerable: true,
-  get: function () {
-    return _ChoiceFieldsetListItem.default;
-  }
-});
-
-var _ChoiceFieldset = _interopRequireDefault(require("./ChoiceFieldset"));
-
-var _ChoiceFieldsetListItem = _interopRequireDefault(require("./ChoiceFieldsetListItem"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/Radio.d.ts

@@ -1,38 +0,0 @@
-import React, { InputHTMLAttributes } from 'react';
-import { SxProp } from './sx';
-export declare type RadioProps = {
-    /**
-     * A unique value that is never shown to the user.
-     * Used during form submission and to identify which radio button in a group is selected
-     */
-    value: string;
-    /**
-     * Name attribute of the input element. Required for grouping radio inputs
-     */
-    name: string;
-    /**
-     * Apply inactive visual appearance to the radio button
-     */
-    disabled?: boolean;
-    /**
-     * Indicates whether the radio button is selected
-     */
-    checked?: boolean;
-    /**
-     * Forward a ref to the underlying input element
-     */
-    ref?: React.RefObject<HTMLInputElement>;
-    /**
-     * Indicates whether the radio button must be checked before the form can be submitted
-     */
-    required?: boolean;
-    /**
-     * Indicates whether the radio button validation state is non-standard
-     */
-    validationStatus?: 'error' | 'success';
-} & InputHTMLAttributes<HTMLInputElement> & SxProp;
-/**
- * An accessible, native radio component for selecting one option from a list.
- */
-declare const Radio: React.ForwardRefExoticComponent<Pick<RadioProps, "sx" | keyof React.InputHTMLAttributes<HTMLInputElement> | "validationStatus"> & React.RefAttributes<HTMLInputElement>>;
-export default Radio;

package/lib/Radio.js

@@ -1,55 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _sx = _interopRequireDefault(require("./sx"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-const StyledRadio = _styledComponents.default.input.withConfig({
-  displayName: "Radio__StyledRadio",
-  componentId: "sc-1ak1fjg-0"
-})(["cursor:pointer;", " ", ""], props => props.disabled && `cursor: not-allowed;`, _sx.default);
-/**
- * An accessible, native radio component for selecting one option from a list.
- */
-
-
-const Radio = /*#__PURE__*/_react.default.forwardRef(({
-  checked,
-  disabled,
-  sx: sxProp,
-  required,
-  validationStatus,
-  value,
-  name,
-  ...rest
-}, ref) => {
-  return /*#__PURE__*/_react.default.createElement(StyledRadio, _extends({
-    type: "radio",
-    value: value,
-    name: name,
-    ref: ref,
-    disabled: disabled,
-    "aria-disabled": disabled ? 'true' : 'false',
-    checked: checked,
-    "aria-checked": checked ? 'true' : 'false',
-    required: required,
-    "aria-required": required ? 'true' : 'false',
-    "aria-invalid": validationStatus === 'error' ? 'true' : 'false',
-    sx: sxProp
-  }, rest));
-});
-
-Radio.displayName = 'Radio';
-var _default = Radio;
-exports.default = _default;

package/lib/RadioInputField.d.ts

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

package/lib/RadioInputField.js

@@ -1,74 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _ = require(".");
-
-var _InputField = _interopRequireDefault(require("./_InputField/InputField"));
-
-var _slots = require("./_InputField/slots");
-
-var _ToggleInputField = _interopRequireDefault(require("./_InputField/ToggleInputField"));
-
-var _ToggleInputLeadingVisual = _interopRequireDefault(require("./_InputField/ToggleInputLeadingVisual"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-// 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.default.createElement(_slots.Slot, {
-    name: "Input"
-  }, ({
-    disabled,
-    id,
-    required,
-    captionId
-  }) => /*#__PURE__*/_react.default.createElement(_.Radio, _extends({
-    "aria-describedby": captionId,
-    id: id,
-    required: required,
-    disabled: disabled
-  }, rest)));
-};
-
-Input.displayName = "Input";
-
-const RadioInputField = props => /*#__PURE__*/_react.default.createElement(_ToggleInputField.default, props);
-
-RadioInputField.displayName = "RadioInputField";
-
-var _default = Object.assign(RadioInputField, {
-  Input,
-  Caption: _InputField.default.Caption,
-  Label: _InputField.default.Label,
-  LeadingVisual: _ToggleInputLeadingVisual.default
-});
-
-exports.default = _default;