@primer/components 0.0.0-202111114525 → 0.0.0-2021111164412

package/lib-esm/ChoiceFieldset/ChoiceFieldsetListContext.d.ts

@@ -0,0 +1,18 @@
+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 | undefined;
+    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;
+} | null>;
+export default ChoiceFieldsetListContext;

package/lib-esm/ChoiceFieldset/ChoiceFieldsetListContext.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+import { CheckboxInputField } from '..';
+const ChoiceFieldsetListContext = /*#__PURE__*/createContext(null);
+CheckboxInputField.Input;
+export default ChoiceFieldsetListContext;

package/lib-esm/ChoiceFieldset/ChoiceFieldsetListItem.d.ts

@@ -0,0 +1,24 @@
+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
+     */
+    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-esm/ChoiceFieldset/ChoiceFieldsetListItem.js

@@ -0,0 +1,44 @@
+import React, { useContext } from 'react';
+import { uniqueId } from '../utils/uniqueId';
+import ToggleInputLeadingVisual from '../_InputField/ToggleInputLeadingVisual';
+import ChoiceFieldCaption from './ChoiceFieldCaption';
+import ChoiceFieldLabel from './ChoiceFieldLabel';
+import ChoiceFieldsetListContext from './ChoiceFieldsetListContext';
+
+const ChoiceFieldsetListItem = ({
+  children,
+  id,
+  disabled: disabledProp,
+  value
+}) => {
+  const choiceFieldsetListContext = useContext(ChoiceFieldsetListContext);
+
+  if (choiceFieldsetListContext === null) {
+    throw new Error('ChoiceFieldsetListContext returned null');
+  }
+
+  const {
+    name,
+    onChange,
+    fieldComponent: FieldComponent,
+    selected,
+    disabled
+  } = choiceFieldsetListContext;
+  const fieldId = id || uniqueId();
+  return /*#__PURE__*/React.createElement(FieldComponent, {
+    id: fieldId,
+    disabled: disabledProp || disabled
+  }, /*#__PURE__*/React.createElement(FieldComponent.Input, {
+    checked: selected === null || selected === void 0 ? void 0 : selected.includes(value),
+    value: value,
+    name: name,
+    onChange: onChange
+  }), children);
+};
+
+ChoiceFieldsetListItem.displayName = "ChoiceFieldsetListItem";
+export default Object.assign(ChoiceFieldsetListItem, {
+  Caption: ChoiceFieldCaption,
+  Label: ChoiceFieldLabel,
+  LeadingVisual: ToggleInputLeadingVisual
+});

package/lib-esm/ChoiceFieldset/ChoiceFieldsetValidation.d.ts

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

package/lib-esm/ChoiceFieldset/ChoiceFieldsetValidation.js

@@ -0,0 +1,7 @@
+import React from 'react';
+
+const ChoiceFieldsetValidation = ({
+  children
+}) => /*#__PURE__*/React.createElement(React.Fragment, null, children);
+
+export default ChoiceFieldsetValidation;

package/lib-esm/ChoiceFieldset/index.d.ts

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

package/lib-esm/ChoiceFieldset/index.js

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

package/lib-esm/CircleBadge.d.ts

@@ -0,0 +1,24 @@
+/// <reference types="hoist-non-react-statics" />
+/// <reference types="react" />
+import { SxProp } from './sx';
+import { ComponentProps } from './utils/types';
+declare const CircleBadge: import("styled-components").StyledComponent<"div", any, {
+    inline?: boolean | undefined;
+    variant?: "small" | "medium" | "large" | undefined;
+    size?: number | undefined;
+} & SxProp, never>;
+declare const CircleBadgeIcon: import("styled-components").StyledComponent<({ icon: IconComponent, ...rest }: {
+    icon: import("react").ElementType<any>;
+} & import("@primer/octicons-react/dist/icons").IconProps) => JSX.Element, any, SxProp, never>;
+export declare type CircleBadgeProps = ComponentProps<typeof CircleBadge>;
+export declare type CircleBadgeIconProps = ComponentProps<typeof CircleBadgeIcon>;
+declare const _default: string & import("styled-components").StyledComponentBase<"div", any, {
+    inline?: boolean | undefined;
+    variant?: "small" | "medium" | "large" | undefined;
+    size?: number | undefined;
+} & SxProp, never> & import("hoist-non-react-statics").NonReactStatics<never, {}> & {
+    Icon: import("styled-components").StyledComponent<({ icon: IconComponent, ...rest }: {
+        icon: import("react").ElementType<any>;
+    } & import("@primer/octicons-react/dist/icons").IconProps) => JSX.Element, any, SxProp, never>;
+};
+export default _default;

package/lib-esm/CircleBadge.js

@@ -1,13 +1,8 @@
-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 PropTypes from 'prop-types';
 import styled from 'styled-components';
-import { COMMON, get } from './constants';
-import isNumeric from './utils/isNumeric';
-import theme from './theme';
-import sx from './sx';
+import { get } from './constants';
 import StyledOcticon from './StyledOcticon';
+import sx from './sx';
+import isNumeric from './utils/isNumeric';
 const variantSizes = {
   small: 56,
   medium: 96,
@@ -16,7 +11,7 @@ const variantSizes = {
 
 const sizeStyles = ({
   size,
-  variant
+  variant = 'medium'
 }) => {
   const calc = isNumeric(size) ? size : variantSizes[variant];
   return {
@@ -27,35 +22,16 @@ const sizeStyles = ({
 
 const CircleBadge = styled.div.withConfig({
   displayName: "CircleBadge",
-  componentId: "sc-19eysyj-0"
-})(["display:", ";align-items:center;justify-content:center;background-color:", ";border-radius:50%;box-shadow:", ";", " ", ";", ";"], props => props.inline ? 'inline-flex' : 'flex', get('colors.white'), get('shadows.medium'), COMMON, sizeStyles, sx);
-
-CircleBadge.Icon = props => /*#__PURE__*/React.createElement(StyledOcticon, _extends({}, props, {
-  sx: Object.assign(props.sx, {
-    height: 'auto',
-    maxWidth: '60%',
-    maxHeight: '55%'
-  })
-}));
-
+  componentId: "sc-1lho816-0"
+})(["display:", ";align-items:center;justify-content:center;background-color:", ";border-radius:50%;box-shadow:", ";", ";", ";"], props => props.inline ? 'inline-flex' : 'flex', get('colors.canvas.default'), get('shadows.shadow.medium'), sizeStyles, sx);
+const CircleBadgeIcon = styled(StyledOcticon).withConfig({
+  displayName: "CircleBadge__CircleBadgeIcon",
+  componentId: "sc-1lho816-1"
+})(["height:auto;max-width:60%;max-height:55%;"]);
 CircleBadge.defaultProps = {
-  inline: false,
-  theme,
-  variant: 'medium'
-};
-CircleBadge.propTypes = {
-  inline: PropTypes.bool,
-  size: PropTypes.number,
-  theme: PropTypes.object,
-  variant: PropTypes.oneOf(['small', 'medium', 'large']),
-  ...COMMON.propTypes,
-  ...sx.propTypes
-};
-CircleBadge.Icon.defaultProps = {
-  theme,
-  sx: {}
-};
-CircleBadge.Icon.propTypes = { ...StyledOcticon.propTypes
+  inline: false
 };
-CircleBadge.Icon.displayName = 'CircleBadge.Icon';
-export default CircleBadge;
+CircleBadgeIcon.displayName = 'CircleBadge.Icon';
+export default Object.assign(CircleBadge, {
+  Icon: CircleBadgeIcon
+});