@openedx/paragon 22.11.1 → 22.12.0

package/README.md

@@ -123,6 +123,14 @@ Note that if you are using ``@edx/frontend-platform``'s ``AppProvider`` componen
 
 ## Contributing
 
+The branch to target with your PR depends on the type of change you are contributing to Paragon.
+
+| Branch to Target | Type of Change | Documentation Site |
+| - | - | - |
+| [`release-22.x`](https://github.com/openedx/paragon/tree/release-22.x) | Bug fix/security patch | https://paragon-openedx-v22.netlify.app/ |
+| [`release-23.x`](https://github.com/openedx/paragon/tree/release-23.x) | Bug fix/security patch/new (non-breaking) feature | https://paragon-openedx-v23.netlify.app/ |
+| [`next`](https://github.com/openedx/paragon/tree/next) | Breaking change | https://paragon-openedx.netlify.app/ |
+
 Please refer to the ["How to Contribute"](https://openedx.org/r/how-to-contribute) documentation and [Code of Conduct](https://openedx.org/code-of-conduct/) from Open edX.
 
 The Paragon Working Group accepts bug fixes, new features, documentation, and security patches. You may find open issues [here](https://github.com/openedx/paragon/issues) or by visiting the Paragon Working Group [project board](https://github.com/orgs/openedx/projects/43/views/15).

package/dist/Card/CardFallbackDefaultImage.js

@@ -0,0 +1 @@
+export const cardSrcFallbackImg = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAXwAAACMCAYAAAB/AhJnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAH6SURBVHgB7dRBEYBADACxwuDf5j0QUXywiYhc7zk7APzd3gNAgvABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIoQPECF8gAjhA0QIHyBC+AARwgeIED5AhPABIp4BaNpp2Q/3/wfPkGyXOQAAAABJRU5ErkJggg==';

package/dist/Card/CardImageCap.js

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Skeleton from 'react-loading-skeleton';
 import CardContext from './CardContext';
-import cardSrcFallbackImg from './fallback-default.png';
+import { cardSrcFallbackImg } from './CardFallbackDefaultImage';
 const SKELETON_HEIGHT_VALUE = 140;
 const LOGO_SKELETON_HEIGHT_VALUE = 41;
 const CardImageCap = /*#__PURE__*/React.forwardRef((_ref, ref) => {

package/dist/Card/CardImageCap.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardImageCap.js","names":["React","useContext","useState","PropTypes","classNames","Skeleton","CardContext","cardSrcFallbackImg","SKELETON_HEIGHT_VALUE","LOGO_SKELETON_HEIGHT_VALUE","CardImageCap","forwardRef","_ref","ref","src","fallbackSrc","srcAlt","logoSrc","fallbackLogoSrc","logoAlt","skeletonHeight","skeletonWidth","logoSkeleton","logoSkeletonHeight","logoSkeletonWidth","className","imageLoadingType","orientation","isLoading","showImageCap","setShowImageCap","showLogoCap","setShowLogoCap","wrapperClassName","createElement","containerClassName","height","width","handleSrcFallback","event","altSrc","imageKey","currentTarget","endsWith","show","onError","onLoad","alt","loading","propTypes","string","number","bool","oneOf","defaultProps","undefined"],"sources":["../../src/Card/CardImageCap.jsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\nimport cardSrcFallbackImg from './fallback-default.png';\n\nconst SKELETON_HEIGHT_VALUE = 140;\nconst LOGO_SKELETON_HEIGHT_VALUE = 41;\n\nconst CardImageCap = React.forwardRef(({\n  src,\n  fallbackSrc,\n  srcAlt,\n  logoSrc,\n  fallbackLogoSrc,\n  logoAlt,\n  skeletonHeight,\n  skeletonWidth,\n  logoSkeleton,\n  logoSkeletonHeight,\n  logoSkeletonWidth,\n  className,\n  imageLoadingType,\n}, ref) => {\n  const { orientation, isLoading } = useContext(CardContext);\n  const [showImageCap, setShowImageCap] = useState(false);\n  const [showLogoCap, setShowLogoCap] = useState(false);\n\n  const wrapperClassName = `pgn__card-wrapper-image-cap ${orientation}`;\n\n  if (isLoading) {\n    return (\n      <div\n        className={classNames(wrapperClassName, className)}\n        data-testid=\"image-loader-wrapper\"\n      >\n        <Skeleton\n          containerClassName=\"pgn__card-image-cap-loader\"\n          height={orientation === 'horizontal' ? '100%' : skeletonHeight}\n          width={skeletonWidth}\n        />\n        {logoSkeleton && (\n          <Skeleton\n            containerClassName=\"pgn__card-logo-cap\"\n            height={logoSkeletonHeight}\n            width={logoSkeletonWidth}\n          />\n        )}\n      </div>\n    );\n  }\n\n  const handleSrcFallback = (event, altSrc, imageKey) => {\n    const { currentTarget } = event;\n\n    if (!altSrc || currentTarget.src.endsWith(altSrc)) {\n      if (imageKey === 'imageCap') {\n        currentTarget.src = cardSrcFallbackImg;\n      } else {\n        setShowLogoCap(false);\n      }\n\n      return;\n    }\n\n    currentTarget.src = altSrc;\n  };\n\n  return (\n    <div className={classNames(className, wrapperClassName)} ref={ref}>\n      {!!src && (\n        <img\n          className={classNames('pgn__card-image-cap', { show: showImageCap })}\n          src={src}\n          onError={(event) => handleSrcFallback(event, fallbackSrc, 'imageCap')}\n          onLoad={() => setShowImageCap(true)}\n          alt={srcAlt}\n          loading={imageLoadingType}\n        />\n      )}\n      {!!logoSrc && (\n        <img\n          className={classNames('pgn__card-logo-cap', { show: showLogoCap })}\n          src={logoSrc}\n          onError={(event) => handleSrcFallback(event, fallbackLogoSrc, 'logoCap')}\n          onLoad={() => setShowLogoCap(true)}\n          alt={logoAlt}\n          loading={imageLoadingType}\n        />\n      )}\n    </div>\n  );\n});\n\nCardImageCap.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies image src. */\n  src: PropTypes.string,\n  /** Specifies fallback image src. */\n  fallbackSrc: PropTypes.string,\n  /** Specifies image alt text. */\n  srcAlt: PropTypes.string,\n  /** Specifies logo src to put on top of the image. */\n  logoSrc: PropTypes.string,\n  /** Specifies fallback image logo src. */\n  fallbackLogoSrc: PropTypes.string,\n  /** Specifies logo image alt text. */\n  logoAlt: PropTypes.string,\n  /** Specifies height of Image skeleton in loading state. */\n  skeletonHeight: PropTypes.number,\n  /** Specifies width of Image skeleton in loading state. */\n  skeletonWidth: PropTypes.number,\n  /** Specifies whether the cap should be displayed during loading. */\n  logoSkeleton: PropTypes.bool,\n  /** Specifies height of Logo skeleton in loading state. */\n  logoSkeletonHeight: PropTypes.number,\n  /** Specifies width of Logo skeleton in loading state. */\n  logoSkeletonWidth: PropTypes.number,\n  /** Specifies loading type for images */\n  imageLoadingType: PropTypes.oneOf(['eager', 'lazy']),\n};\n\nCardImageCap.defaultProps = {\n  src: undefined,\n  fallbackSrc: cardSrcFallbackImg,\n  logoSrc: undefined,\n  fallbackLogoSrc: undefined,\n  className: undefined,\n  srcAlt: undefined,\n  logoAlt: undefined,\n  skeletonHeight: SKELETON_HEIGHT_VALUE,\n  logoSkeleton: false,\n  logoSkeletonHeight: LOGO_SKELETON_HEIGHT_VALUE,\n  skeletonWidth: undefined,\n  logoSkeletonWidth: undefined,\n  imageLoadingType: 'eager',\n};\n\nexport default CardImageCap;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CardImageCap.js","names":["React","useContext","useState","PropTypes","classNames","Skeleton","CardContext","cardSrcFallbackImg","SKELETON_HEIGHT_VALUE","LOGO_SKELETON_HEIGHT_VALUE","CardImageCap","forwardRef","_ref","ref","src","fallbackSrc","srcAlt","logoSrc","fallbackLogoSrc","logoAlt","skeletonHeight","skeletonWidth","logoSkeleton","logoSkeletonHeight","logoSkeletonWidth","className","imageLoadingType","orientation","isLoading","showImageCap","setShowImageCap","showLogoCap","setShowLogoCap","wrapperClassName","createElement","containerClassName","height","width","handleSrcFallback","event","altSrc","imageKey","currentTarget","endsWith","show","onError","onLoad","alt","loading","propTypes","string","number","bool","oneOf","defaultProps","undefined"],"sources":["../../src/Card/CardImageCap.jsx"],"sourcesContent":["import React, { useContext, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Skeleton from 'react-loading-skeleton';\nimport CardContext from './CardContext';\nimport { cardSrcFallbackImg } from './CardFallbackDefaultImage';\n\nconst SKELETON_HEIGHT_VALUE = 140;\nconst LOGO_SKELETON_HEIGHT_VALUE = 41;\n\nconst CardImageCap = React.forwardRef(({\n  src,\n  fallbackSrc,\n  srcAlt,\n  logoSrc,\n  fallbackLogoSrc,\n  logoAlt,\n  skeletonHeight,\n  skeletonWidth,\n  logoSkeleton,\n  logoSkeletonHeight,\n  logoSkeletonWidth,\n  className,\n  imageLoadingType,\n}, ref) => {\n  const { orientation, isLoading } = useContext(CardContext);\n  const [showImageCap, setShowImageCap] = useState(false);\n  const [showLogoCap, setShowLogoCap] = useState(false);\n\n  const wrapperClassName = `pgn__card-wrapper-image-cap ${orientation}`;\n\n  if (isLoading) {\n    return (\n      <div\n        className={classNames(wrapperClassName, className)}\n        data-testid=\"image-loader-wrapper\"\n      >\n        <Skeleton\n          containerClassName=\"pgn__card-image-cap-loader\"\n          height={orientation === 'horizontal' ? '100%' : skeletonHeight}\n          width={skeletonWidth}\n        />\n        {logoSkeleton && (\n          <Skeleton\n            containerClassName=\"pgn__card-logo-cap\"\n            height={logoSkeletonHeight}\n            width={logoSkeletonWidth}\n          />\n        )}\n      </div>\n    );\n  }\n\n  const handleSrcFallback = (event, altSrc, imageKey) => {\n    const { currentTarget } = event;\n\n    if (!altSrc || currentTarget.src.endsWith(altSrc)) {\n      if (imageKey === 'imageCap') {\n        currentTarget.src = cardSrcFallbackImg;\n      } else {\n        setShowLogoCap(false);\n      }\n\n      return;\n    }\n\n    currentTarget.src = altSrc;\n  };\n\n  return (\n    <div className={classNames(className, wrapperClassName)} ref={ref}>\n      {!!src && (\n        <img\n          className={classNames('pgn__card-image-cap', { show: showImageCap })}\n          src={src}\n          onError={(event) => handleSrcFallback(event, fallbackSrc, 'imageCap')}\n          onLoad={() => setShowImageCap(true)}\n          alt={srcAlt}\n          loading={imageLoadingType}\n        />\n      )}\n      {!!logoSrc && (\n        <img\n          className={classNames('pgn__card-logo-cap', { show: showLogoCap })}\n          src={logoSrc}\n          onError={(event) => handleSrcFallback(event, fallbackLogoSrc, 'logoCap')}\n          onLoad={() => setShowLogoCap(true)}\n          alt={logoAlt}\n          loading={imageLoadingType}\n        />\n      )}\n    </div>\n  );\n});\n\nCardImageCap.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies image src. */\n  src: PropTypes.string,\n  /** Specifies fallback image src. */\n  fallbackSrc: PropTypes.string,\n  /** Specifies image alt text. */\n  srcAlt: PropTypes.string,\n  /** Specifies logo src to put on top of the image. */\n  logoSrc: PropTypes.string,\n  /** Specifies fallback image logo src. */\n  fallbackLogoSrc: PropTypes.string,\n  /** Specifies logo image alt text. */\n  logoAlt: PropTypes.string,\n  /** Specifies height of Image skeleton in loading state. */\n  skeletonHeight: PropTypes.number,\n  /** Specifies width of Image skeleton in loading state. */\n  skeletonWidth: PropTypes.number,\n  /** Specifies whether the cap should be displayed during loading. */\n  logoSkeleton: PropTypes.bool,\n  /** Specifies height of Logo skeleton in loading state. */\n  logoSkeletonHeight: PropTypes.number,\n  /** Specifies width of Logo skeleton in loading state. */\n  logoSkeletonWidth: PropTypes.number,\n  /** Specifies loading type for images */\n  imageLoadingType: PropTypes.oneOf(['eager', 'lazy']),\n};\n\nCardImageCap.defaultProps = {\n  src: undefined,\n  fallbackSrc: cardSrcFallbackImg,\n  logoSrc: undefined,\n  fallbackLogoSrc: undefined,\n  className: undefined,\n  srcAlt: undefined,\n  logoAlt: undefined,\n  skeletonHeight: SKELETON_HEIGHT_VALUE,\n  logoSkeleton: false,\n  logoSkeletonHeight: LOGO_SKELETON_HEIGHT_VALUE,\n  skeletonWidth: undefined,\n  logoSkeletonWidth: undefined,\n  imageLoadingType: 'eager',\n};\n\nexport default CardImageCap;\n"],"mappings":"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","ignoreList":[]}

package/dist/Form/FormGroup.d.ts

@@ -0,0 +1,41 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import { FORM_CONTROL_SIZES } from './constants';
+interface Props<As extends React.ElementType> {
+    /** Specifies contents of the component. */
+    children: React.ReactNode;
+    /** Specifies class name to append to the base element. */
+    className?: string;
+    /** Specifies base element for the component. */
+    as?: As;
+    /** Specifies id to use in the group, it will be used as `htmlFor` in `FormLabel` and as `id` in input components.
+     *  Will be autogenerated if none is supplied. */
+    controlId?: string;
+    /** Specifies whether to display components in invalid state, this affects styling. */
+    isInvalid?: boolean;
+    /** Specifies whether to display components in valid state, this affects styling. */
+    isValid?: boolean;
+    /** Specifies size for the component. */
+    size?: typeof FORM_CONTROL_SIZES.SMALL | typeof FORM_CONTROL_SIZES.LARGE;
+}
+declare function FormGroup<As extends React.ElementType = 'div'>({ children, controlId, isInvalid, isValid, size, as, ...props }: Props<As> & React.ComponentPropsWithoutRef<As>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+declare namespace FormGroup {
+    var propTypes: {
+        /** Specifies contents of the component. */
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        /** Specifies class name to append to the base element. */
+        className: PropTypes.Requireable<string>;
+        /** Specifies base element for the component. */
+        as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        /** Specifies id to use in the group, it will be used as `htmlFor` in `FormLabel` and as `id` in input components.
+         *  Will be autogenerated if none is supplied. */
+        controlId: PropTypes.Requireable<string>;
+        /** Specifies whether to display components in invalid state, this affects styling. */
+        isInvalid: PropTypes.Requireable<boolean>;
+        /** Specifies whether to display components in valid state, this affects styling. */
+        isValid: PropTypes.Requireable<boolean>;
+        /** Specifies size for the component. */
+        size: PropTypes.Requireable<string>;
+    };
+}
+export default FormGroup;

package/dist/Form/FormGroup.js

@@ -6,13 +6,13 @@ function FormGroup(_ref) {
   let {
     children,
     controlId,
-    isInvalid,
-    isValid,
+    isInvalid = false,
+    isValid = false,
     size,
     as,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement(as, {
+  return /*#__PURE__*/React.createElement(as ?? 'div', {
     ...props,
     className: classNames('pgn__form-group', props.className)
   }, /*#__PURE__*/React.createElement(FormGroupContextProvider, {
@@ -40,13 +40,5 @@ FormGroup.propTypes = {
   /** Specifies size for the component. */
   size: PropTypes.oneOf(SIZE_CHOICES)
 };
-FormGroup.defaultProps = {
-  as: 'div',
-  className: undefined,
-  controlId: undefined,
-  isInvalid: false,
-  isValid: false,
-  size: undefined
-};
 export default FormGroup;
 //# sourceMappingURL=FormGroup.js.map

package/dist/Form/FormGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormGroup.js","names":["React","PropTypes","classNames","FormGroupContextProvider","FormGroup","_ref","children","controlId","isInvalid","isValid","size","as","props","createElement","className","SIZE_CHOICES","propTypes","node","isRequired","string","elementType","bool","oneOf","defaultProps","undefined"],"sources":["../../src/Form/FormGroup.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FormGroupContextProvider } from './FormGroupContext';\n\nfunction FormGroup({\n  children,\n  controlId,\n  isInvalid,\n  isValid,\n  size,\n  as,\n  ...props\n}) {\n  return React.createElement(\n    as,\n    {\n      ...props,\n      className: classNames('pgn__form-group', props.className),\n    }, (\n      <FormGroupContextProvider\n        controlId={controlId}\n        isInvalid={isInvalid}\n        isValid={isValid}\n        size={size}\n      >\n        {children}\n      </FormGroupContextProvider>\n    ),\n  );\n}\n\nconst SIZE_CHOICES = ['sm', 'lg'];\n\nFormGroup.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies base element for the component. */\n  as: PropTypes.elementType,\n  /** Specifies id to use in the group, it will be used as `htmlFor` in `FormLabel` and as `id` in input components.\n   *  Will be autogenerated if none is supplied. */\n  controlId: PropTypes.string,\n  /** Specifies whether to display components in invalid state, this affects styling. */\n  isInvalid: PropTypes.bool,\n  /** Specifies whether to display components in valid state, this affects styling. */\n  isValid: PropTypes.bool,\n  /** Specifies size for the component. */\n  size: PropTypes.oneOf(SIZE_CHOICES),\n};\n\nFormGroup.defaultProps = {\n  as: 'div',\n  className: undefined,\n  controlId: undefined,\n  isInvalid: false,\n  isValid: false,\n  size: undefined,\n};\n\nexport default FormGroup;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,wBAAwB,QAAQ,oBAAoB;AAE7D,SAASC,SAASA,CAAAC,IAAA,EAQf;EAAA,IARgB;IACjBC,QAAQ;IACRC,SAAS;IACTC,SAAS;IACTC,OAAO;IACPC,IAAI;IACJC,EAAE;IACF,GAAGC;EACL,CAAC,GAAAP,IAAA;EACC,oBAAOL,KAAK,CAACa,aAAa,CACxBF,EAAE,EACF;IACE,GAAGC,KAAK;IACRE,SAAS,EAAEZ,UAAU,CAAC,iBAAiB,EAAEU,KAAK,CAACE,SAAS;EAC1D,CAAC,eACCd,KAAA,CAAAa,aAAA,CAACV,wBAAwB;IACvBI,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA;EAAK,GAEVJ,QACuB,CAE9B,CAAC;AACH;AAEA,MAAMS,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC;AAEjCX,SAAS,CAACY,SAAS,GAAG;EACpB;EACAV,QAAQ,EAAEL,SAAS,CAACgB,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEb,SAAS,CAACkB,MAAM;EAC3B;EACAR,EAAE,EAAEV,SAAS,CAACmB,WAAW;EACzB;AACF;EACEb,SAAS,EAAEN,SAAS,CAACkB,MAAM;EAC3B;EACAX,SAAS,EAAEP,SAAS,CAACoB,IAAI;EACzB;EACAZ,OAAO,EAAER,SAAS,CAACoB,IAAI;EACvB;EACAX,IAAI,EAAET,SAAS,CAACqB,KAAK,CAACP,YAAY;AACpC,CAAC;AAEDX,SAAS,CAACmB,YAAY,GAAG;EACvBZ,EAAE,EAAE,KAAK;EACTG,SAAS,EAAEU,SAAS;EACpBjB,SAAS,EAAEiB,SAAS;EACpBhB,SAAS,EAAE,KAAK;EAChBC,OAAO,EAAE,KAAK;EACdC,IAAI,EAAEc;AACR,CAAC;AAED,eAAepB,SAAS","ignoreList":[]}
+{"version":3,"file":"FormGroup.js","names":["React","PropTypes","classNames","FormGroupContextProvider","FormGroup","_ref","children","controlId","isInvalid","isValid","size","as","props","createElement","className","SIZE_CHOICES","propTypes","node","isRequired","string","elementType","bool","oneOf"],"sources":["../../src/Form/FormGroup.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { FormGroupContextProvider } from './FormGroupContext';\nimport { FORM_CONTROL_SIZES } from './constants';\n\ninterface Props<As extends React.ElementType> {\n  /** Specifies contents of the component. */\n  children: React.ReactNode;\n  /** Specifies class name to append to the base element. */\n  className?: string;\n  /** Specifies base element for the component. */\n  as?: As;\n  /** Specifies id to use in the group, it will be used as `htmlFor` in `FormLabel` and as `id` in input components.\n   *  Will be autogenerated if none is supplied. */\n  controlId?: string;\n  /** Specifies whether to display components in invalid state, this affects styling. */\n  isInvalid?: boolean;\n  /** Specifies whether to display components in valid state, this affects styling. */\n  isValid?: boolean;\n  /** Specifies size for the component. */\n  size?: typeof FORM_CONTROL_SIZES.SMALL | typeof FORM_CONTROL_SIZES.LARGE;\n}\n\nfunction FormGroup<As extends React.ElementType = 'div'>({\n  children,\n  controlId,\n  isInvalid = false,\n  isValid = false,\n  size,\n  as,\n  ...props\n}: Props<As> & React.ComponentPropsWithoutRef<As>) {\n  return React.createElement(\n    as ?? 'div',\n    {\n      ...props,\n      className: classNames('pgn__form-group', props.className),\n    }, (\n      <FormGroupContextProvider\n        controlId={controlId}\n        isInvalid={isInvalid}\n        isValid={isValid}\n        size={size}\n      >\n        {children}\n      </FormGroupContextProvider>\n    ),\n  );\n}\n\nconst SIZE_CHOICES = ['sm', 'lg'];\n\nFormGroup.propTypes = {\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies base element for the component. */\n  as: PropTypes.elementType,\n  /** Specifies id to use in the group, it will be used as `htmlFor` in `FormLabel` and as `id` in input components.\n   *  Will be autogenerated if none is supplied. */\n  controlId: PropTypes.string,\n  /** Specifies whether to display components in invalid state, this affects styling. */\n  isInvalid: PropTypes.bool,\n  /** Specifies whether to display components in valid state, this affects styling. */\n  isValid: PropTypes.bool,\n  /** Specifies size for the component. */\n  size: PropTypes.oneOf(SIZE_CHOICES),\n};\n\nexport default FormGroup;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,wBAAwB,QAAQ,oBAAoB;AAqB7D,SAASC,SAASA,CAAAC,IAAA,EAQiC;EAAA,IARM;IACvDC,QAAQ;IACRC,SAAS;IACTC,SAAS,GAAG,KAAK;IACjBC,OAAO,GAAG,KAAK;IACfC,IAAI;IACJC,EAAE;IACF,GAAGC;EAC2C,CAAC,GAAAP,IAAA;EAC/C,oBAAOL,KAAK,CAACa,aAAa,CACxBF,EAAE,IAAI,KAAK,EACX;IACE,GAAGC,KAAK;IACRE,SAAS,EAAEZ,UAAU,CAAC,iBAAiB,EAAEU,KAAK,CAACE,SAAS;EAC1D,CAAC,eACCd,KAAA,CAAAa,aAAA,CAACV,wBAAwB;IACvBI,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBC,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA;EAAK,GAEVJ,QACuB,CAE9B,CAAC;AACH;AAEA,MAAMS,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC;AAEjCX,SAAS,CAACY,SAAS,GAAG;EACpB;EACAV,QAAQ,EAAEL,SAAS,CAACgB,IAAI,CAACC,UAAU;EACnC;EACAJ,SAAS,EAAEb,SAAS,CAACkB,MAAM;EAC3B;EACAR,EAAE,EAAEV,SAAS,CAACmB,WAAW;EACzB;AACF;EACEb,SAAS,EAAEN,SAAS,CAACkB,MAAM;EAC3B;EACAX,SAAS,EAAEP,SAAS,CAACoB,IAAI;EACzB;EACAZ,OAAO,EAAER,SAAS,CAACoB,IAAI;EACvB;EACAX,IAAI,EAAET,SAAS,CAACqB,KAAK,CAACP,YAAY;AACpC,CAAC;AAED,eAAeX,SAAS","ignoreList":[]}

package/dist/Form/FormGroupContext.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { FORM_CONTROL_SIZES } from './constants';
+interface FormGroupContextData {
+    getControlProps: (props: Record<string, any>) => Record<string, any>;
+    getLabelProps: (props: React.ComponentPropsWithoutRef<'label'>) => React.ComponentPropsWithoutRef<'label'>;
+    getDescriptorProps: (props: Record<string, any>) => Record<string, any>;
+    useSetIsControlGroupEffect: (isControlGroup: boolean) => void;
+    isControlGroup?: boolean;
+    controlId?: string;
+    isInvalid?: boolean;
+    isValid?: boolean;
+    size?: string;
+    hasFormGroupProvider?: boolean;
+}
+declare const FormGroupContext: React.Context<FormGroupContextData>;
+declare const useFormGroupContext: () => FormGroupContextData;
+declare function FormGroupContextProvider({ children, controlId: explicitControlId, isInvalid, isValid, size, }: {
+    children: React.ReactNode;
+    controlId?: string;
+    isInvalid?: boolean;
+    isValid?: boolean;
+    size?: typeof FORM_CONTROL_SIZES.SMALL | typeof FORM_CONTROL_SIZES.LARGE;
+}): React.JSX.Element;
+export { FormGroupContext, FormGroupContextProvider, useFormGroupContext, };

package/dist/Form/FormGroupContext.js

@@ -1,9 +1,7 @@
 import React, { useState, useEffect, useMemo, useCallback } from 'react';
-import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { newId } from '../utils';
 import { useIdList, omitUndefinedProperties } from './fieldUtils';
-import { FORM_CONTROL_SIZES } from './constants';
 const identityFn = props => props;
 const noop = () => {};
 const FormGroupContext = /*#__PURE__*/React.createContext({
@@ -14,13 +12,13 @@ const FormGroupContext = /*#__PURE__*/React.createContext({
   hasFormGroupProvider: false
 });
 const useFormGroupContext = () => React.useContext(FormGroupContext);
-const useStateEffect = initialState => {
+function useStateEffect(initialState) {
   const [state, setState] = useState(initialState);
   const useSetStateEffect = newState => {
     useEffect(() => setState(newState), [newState]);
   };
   return [state, useSetStateEffect];
-};
+}
 function FormGroupContextProvider(_ref) {
   let {
     children,
@@ -85,18 +83,5 @@ function FormGroupContextProvider(_ref) {
     value: contextValue
   }, children);
 }
-FormGroupContextProvider.propTypes = {
-  children: PropTypes.node.isRequired,
-  controlId: PropTypes.string,
-  isInvalid: PropTypes.bool,
-  isValid: PropTypes.bool,
-  size: PropTypes.oneOf([FORM_CONTROL_SIZES.SMALL, FORM_CONTROL_SIZES.LARGE])
-};
-FormGroupContextProvider.defaultProps = {
-  controlId: undefined,
-  isInvalid: undefined,
-  isValid: undefined,
-  size: undefined
-};
 export { FormGroupContext, FormGroupContextProvider, useFormGroupContext };
 //# sourceMappingURL=FormGroupContext.js.map

package/dist/Form/FormGroupContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormGroupContext.js","names":["React","useState","useEffect","useMemo","useCallback","PropTypes","classNames","newId","useIdList","omitUndefinedProperties","FORM_CONTROL_SIZES","identityFn","props","noop","FormGroupContext","createContext","getControlProps","useSetIsControlGroupEffect","getLabelProps","getDescriptorProps","hasFormGroupProvider","useFormGroupContext","useContext","useStateEffect","initialState","state","setState","useSetStateEffect","newState","FormGroupContextProvider","_ref","children","controlId","explicitControlId","isInvalid","isValid","size","describedByIds","registerDescriptorId","labelledByIds","registerLabelerId","isControlGroup","controlProps","labelledByIdsForControl","undefined","id","labelProps","htmlFor","descriptorProps","contextValue","createElement","Provider","value","propTypes","node","isRequired","string","bool","oneOf","SMALL","LARGE","defaultProps"],"sources":["../../src/Form/FormGroupContext.jsx"],"sourcesContent":["import React, {\n  useState, useEffect, useMemo, useCallback,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { newId } from '../utils';\nimport { useIdList, omitUndefinedProperties } from './fieldUtils';\nimport { FORM_CONTROL_SIZES } from './constants';\n\nconst identityFn = props => props;\nconst noop = () => {};\n\nconst FormGroupContext = React.createContext({\n  getControlProps: identityFn,\n  useSetIsControlGroupEffect: noop,\n  getLabelProps: identityFn,\n  getDescriptorProps: identityFn,\n  hasFormGroupProvider: false,\n});\n\nconst useFormGroupContext = () => React.useContext(FormGroupContext);\n\nconst useStateEffect = (initialState) => {\n  const [state, setState] = useState(initialState);\n  const useSetStateEffect = (newState) => {\n    useEffect(() => setState(newState), [newState]);\n  };\n  return [state, useSetStateEffect];\n};\n\nfunction FormGroupContextProvider({\n  children,\n  controlId: explicitControlId,\n  isInvalid,\n  isValid,\n  size,\n}) {\n  const controlId = useMemo(() => explicitControlId || newId('form-field'), [explicitControlId]);\n  const [describedByIds, registerDescriptorId] = useIdList(controlId);\n  const [labelledByIds, registerLabelerId] = useIdList(controlId);\n  const [isControlGroup, useSetIsControlGroupEffect] = useStateEffect(false);\n\n  const getControlProps = useCallback((controlProps) => {\n    // labelledByIds from the list above should only be added to a control\n    // if it the control is a group. We prefer adding a condition here because:\n    //    - Hooks cannot be called inside conditionals\n    //    - The getLabelProps function below is forced to generate an id\n    //      whether it is needed or not.\n    //    - This is what allows consumers of Paragon to use <Form.Label>\n    //      interchangeably between ControlGroup type controls and regular Controls\n    const labelledByIdsForControl = isControlGroup ? labelledByIds : undefined;\n    return omitUndefinedProperties({\n      ...controlProps,\n      'aria-describedby': classNames(controlProps['aria-describedby'], describedByIds) || undefined,\n      'aria-labelledby': classNames(controlProps['aria-labelledby'], labelledByIdsForControl) || undefined,\n      id: controlId,\n    });\n  }, [\n    isControlGroup,\n    describedByIds,\n    labelledByIds,\n    controlId,\n  ]);\n\n  const getLabelProps = (labelProps) => {\n    const id = registerLabelerId(labelProps?.id);\n    if (isControlGroup) {\n      return { ...labelProps, id };\n    }\n    return { ...labelProps, htmlFor: controlId };\n  };\n\n  const getDescriptorProps = (descriptorProps) => {\n    const id = registerDescriptorId(descriptorProps?.id);\n    return { ...descriptorProps, id };\n  };\n\n  const contextValue = {\n    getControlProps,\n    getLabelProps,\n    getDescriptorProps,\n    useSetIsControlGroupEffect,\n    isControlGroup,\n    controlId,\n    isInvalid,\n    isValid,\n    size,\n    hasFormGroupProvider: true,\n  };\n\n  return (\n    <FormGroupContext.Provider value={contextValue}>\n      {children}\n    </FormGroupContext.Provider>\n  );\n}\n\nFormGroupContextProvider.propTypes = {\n  children: PropTypes.node.isRequired,\n  controlId: PropTypes.string,\n  isInvalid: PropTypes.bool,\n  isValid: PropTypes.bool,\n  size: PropTypes.oneOf([\n    FORM_CONTROL_SIZES.SMALL,\n    FORM_CONTROL_SIZES.LARGE,\n  ]),\n};\n\nFormGroupContextProvider.defaultProps = {\n  controlId: undefined,\n  isInvalid: undefined,\n  isValid: undefined,\n  size: undefined,\n};\n\nexport {\n  FormGroupContext,\n  FormGroupContextProvider,\n  useFormGroupContext,\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FormGroupContext.js","names":["React","useState","useEffect","useMemo","useCallback","classNames","newId","useIdList","omitUndefinedProperties","identityFn","props","noop","FormGroupContext","createContext","getControlProps","useSetIsControlGroupEffect","getLabelProps","getDescriptorProps","hasFormGroupProvider","useFormGroupContext","useContext","useStateEffect","initialState","state","setState","useSetStateEffect","newState","FormGroupContextProvider","_ref","children","controlId","explicitControlId","isInvalid","isValid","size","describedByIds","registerDescriptorId","labelledByIds","registerLabelerId","isControlGroup","controlProps","labelledByIdsForControl","undefined","id","labelProps","htmlFor","descriptorProps","contextValue","createElement","Provider","value"],"sources":["../../src/Form/FormGroupContext.tsx"],"sourcesContent":["import React, {\n  useState, useEffect, useMemo, useCallback,\n} from 'react';\nimport classNames from 'classnames';\nimport { newId } from '../utils';\nimport { useIdList, omitUndefinedProperties } from './fieldUtils';\nimport { FORM_CONTROL_SIZES } from './constants';\n\nconst identityFn = (props: Record<string, any>) => props;\nconst noop = () => {};\n\ninterface FormGroupContextData {\n  getControlProps: (props: Record<string, any>) => Record<string, any>;\n  getLabelProps: (props: React.ComponentPropsWithoutRef<'label'>) => React.ComponentPropsWithoutRef<'label'>;\n  getDescriptorProps: (props: Record<string, any>) => Record<string, any>;\n  useSetIsControlGroupEffect: (isControlGroup: boolean) => void;\n  isControlGroup?: boolean;\n  controlId?: string;\n  isInvalid?: boolean;\n  isValid?: boolean;\n  size?: string;\n  hasFormGroupProvider?: boolean;\n}\n\nconst FormGroupContext = React.createContext<FormGroupContextData>({\n  getControlProps: identityFn,\n  useSetIsControlGroupEffect: noop,\n  getLabelProps: identityFn,\n  getDescriptorProps: identityFn,\n  hasFormGroupProvider: false,\n});\n\nconst useFormGroupContext = () => React.useContext(FormGroupContext);\n\nfunction useStateEffect<ValueType extends any>(\n  initialState: ValueType,\n): [value: ValueType, setter: (v: ValueType) => void] {\n  const [state, setState] = useState(initialState);\n  const useSetStateEffect = (newState: ValueType) => {\n    useEffect(() => setState(newState), [newState]);\n  };\n  return [state, useSetStateEffect];\n}\n\nfunction FormGroupContextProvider({\n  children,\n  controlId: explicitControlId,\n  isInvalid,\n  isValid,\n  size,\n}: {\n  children: React.ReactNode;\n  controlId?: string;\n  isInvalid?: boolean;\n  isValid?: boolean;\n  size?: typeof FORM_CONTROL_SIZES.SMALL | typeof FORM_CONTROL_SIZES.LARGE;\n}) {\n  const controlId = useMemo(() => explicitControlId || newId('form-field'), [explicitControlId]);\n  const [describedByIds, registerDescriptorId] = useIdList(controlId);\n  const [labelledByIds, registerLabelerId] = useIdList(controlId);\n  const [isControlGroup, useSetIsControlGroupEffect] = useStateEffect(false);\n\n  const getControlProps = useCallback((controlProps) => {\n    // labelledByIds from the list above should only be added to a control\n    // if it the control is a group. We prefer adding a condition here because:\n    //    - Hooks cannot be called inside conditionals\n    //    - The getLabelProps function below is forced to generate an id\n    //      whether it is needed or not.\n    //    - This is what allows consumers of Paragon to use <Form.Label>\n    //      interchangeably between ControlGroup type controls and regular Controls\n    const labelledByIdsForControl = isControlGroup ? labelledByIds : undefined;\n    return omitUndefinedProperties({\n      ...controlProps,\n      'aria-describedby': classNames(controlProps['aria-describedby'], describedByIds) || undefined,\n      'aria-labelledby': classNames(controlProps['aria-labelledby'], labelledByIdsForControl) || undefined,\n      id: controlId,\n    });\n  }, [\n    isControlGroup,\n    describedByIds,\n    labelledByIds,\n    controlId,\n  ]);\n\n  const getLabelProps = (labelProps: React.ComponentPropsWithoutRef<'label'>) => {\n    const id = registerLabelerId(labelProps?.id);\n    if (isControlGroup) {\n      return { ...labelProps, id };\n    }\n    return { ...labelProps, htmlFor: controlId };\n  };\n\n  const getDescriptorProps = (descriptorProps: Record<string, any>) => {\n    const id = registerDescriptorId(descriptorProps?.id);\n    return { ...descriptorProps, id };\n  };\n\n  const contextValue: FormGroupContextData = {\n    getControlProps,\n    getLabelProps,\n    getDescriptorProps,\n    useSetIsControlGroupEffect,\n    isControlGroup,\n    controlId,\n    isInvalid,\n    isValid,\n    size,\n    hasFormGroupProvider: true,\n  };\n\n  return (\n    <FormGroupContext.Provider value={contextValue}>\n      {children}\n    </FormGroupContext.Provider>\n  );\n}\n\nexport {\n  FormGroupContext,\n  FormGroupContextProvider,\n  useFormGroupContext,\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IACVC,QAAQ,EAAEC,SAAS,EAAEC,OAAO,EAAEC,WAAW,QACpC,OAAO;AACd,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,KAAK,QAAQ,UAAU;AAChC,SAASC,SAAS,EAAEC,uBAAuB,QAAQ,cAAc;AAGjE,MAAMC,UAAU,GAAIC,KAA0B,IAAKA,KAAK;AACxD,MAAMC,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;AAerB,MAAMC,gBAAgB,gBAAGZ,KAAK,CAACa,aAAa,CAAuB;EACjEC,eAAe,EAAEL,UAAU;EAC3BM,0BAA0B,EAAEJ,IAAI;EAChCK,aAAa,EAAEP,UAAU;EACzBQ,kBAAkB,EAAER,UAAU;EAC9BS,oBAAoB,EAAE;AACxB,CAAC,CAAC;AAEF,MAAMC,mBAAmB,GAAGA,CAAA,KAAMnB,KAAK,CAACoB,UAAU,CAACR,gBAAgB,CAAC;AAEpE,SAASS,cAAcA,CACrBC,YAAuB,EAC6B;EACpD,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGvB,QAAQ,CAACqB,YAAY,CAAC;EAChD,MAAMG,iBAAiB,GAAIC,QAAmB,IAAK;IACjDxB,SAAS,CAAC,MAAMsB,QAAQ,CAACE,QAAQ,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;EACjD,CAAC;EACD,OAAO,CAACH,KAAK,EAAEE,iBAAiB,CAAC;AACnC;AAEA,SAASE,wBAAwBA,CAAAC,IAAA,EAY9B;EAAA,IAZ+B;IAChCC,QAAQ;IACRC,SAAS,EAAEC,iBAAiB;IAC5BC,SAAS;IACTC,OAAO;IACPC;EAOF,CAAC,GAAAN,IAAA;EACC,MAAME,SAAS,GAAG3B,OAAO,CAAC,MAAM4B,iBAAiB,IAAIzB,KAAK,CAAC,YAAY,CAAC,EAAE,CAACyB,iBAAiB,CAAC,CAAC;EAC9F,MAAM,CAACI,cAAc,EAAEC,oBAAoB,CAAC,GAAG7B,SAAS,CAACuB,SAAS,CAAC;EACnE,MAAM,CAACO,aAAa,EAAEC,iBAAiB,CAAC,GAAG/B,SAAS,CAACuB,SAAS,CAAC;EAC/D,MAAM,CAACS,cAAc,EAAExB,0BAA0B,CAAC,GAAGM,cAAc,CAAC,KAAK,CAAC;EAE1E,MAAMP,eAAe,GAAGV,WAAW,CAAEoC,YAAY,IAAK;IACpD;IACA;IACA;IACA;IACA;IACA;IACA;IACA,MAAMC,uBAAuB,GAAGF,cAAc,GAAGF,aAAa,GAAGK,SAAS;IAC1E,OAAOlC,uBAAuB,CAAC;MAC7B,GAAGgC,YAAY;MACf,kBAAkB,EAAEnC,UAAU,CAACmC,YAAY,CAAC,kBAAkB,CAAC,EAAEL,cAAc,CAAC,IAAIO,SAAS;MAC7F,iBAAiB,EAAErC,UAAU,CAACmC,YAAY,CAAC,iBAAiB,CAAC,EAAEC,uBAAuB,CAAC,IAAIC,SAAS;MACpGC,EAAE,EAAEb;IACN,CAAC,CAAC;EACJ,CAAC,EAAE,CACDS,cAAc,EACdJ,cAAc,EACdE,aAAa,EACbP,SAAS,CACV,CAAC;EAEF,MAAMd,aAAa,GAAI4B,UAAmD,IAAK;IAC7E,MAAMD,EAAE,GAAGL,iBAAiB,CAACM,UAAU,EAAED,EAAE,CAAC;IAC5C,IAAIJ,cAAc,EAAE;MAClB,OAAO;QAAE,GAAGK,UAAU;QAAED;MAAG,CAAC;IAC9B;IACA,OAAO;MAAE,GAAGC,UAAU;MAAEC,OAAO,EAAEf;IAAU,CAAC;EAC9C,CAAC;EAED,MAAMb,kBAAkB,GAAI6B,eAAoC,IAAK;IACnE,MAAMH,EAAE,GAAGP,oBAAoB,CAACU,eAAe,EAAEH,EAAE,CAAC;IACpD,OAAO;MAAE,GAAGG,eAAe;MAAEH;IAAG,CAAC;EACnC,CAAC;EAED,MAAMI,YAAkC,GAAG;IACzCjC,eAAe;IACfE,aAAa;IACbC,kBAAkB;IAClBF,0BAA0B;IAC1BwB,cAAc;IACdT,SAAS;IACTE,SAAS;IACTC,OAAO;IACPC,IAAI;IACJhB,oBAAoB,EAAE;EACxB,CAAC;EAED,oBACElB,KAAA,CAAAgD,aAAA,CAACpC,gBAAgB,CAACqC,QAAQ;IAACC,KAAK,EAAEH;EAAa,GAC5ClB,QACwB,CAAC;AAEhC;AAEA,SACEjB,gBAAgB,EAChBe,wBAAwB,EACxBR,mBAAmB","ignoreList":[]}

package/dist/Form/FormLabel.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+interface Props {
+    /** Specifies contents of the component. */
+    children: React.ReactNode;
+    /** Specifies whether the component should be displayed with inline styling. */
+    isInline?: boolean;
+}
+declare function FormLabel({ children, isInline, ...props }: Props & React.ComponentPropsWithoutRef<'label'>): React.ReactElement<Omit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">, string | React.JSXElementConstructor<any>>;
+declare namespace FormLabel {
+    var propTypes: {
+        /** Specifies class name to append to the base element. */
+        className: PropTypes.Requireable<string>;
+        /** Specifies contents of the component. */
+        children: PropTypes.Validator<NonNullable<PropTypes.ReactNodeLike>>;
+        /** Specifies whether the component should be displayed with inline styling. */
+        isInline: PropTypes.Requireable<boolean>;
+    };
+}
+export default FormLabel;

package/dist/Form/FormLabel.js

@@ -6,7 +6,7 @@ import { FORM_CONTROL_SIZES } from './constants';
 function FormLabel(_ref) {
   let {
     children,
-    isInline,
+    isInline = false,
     ...props
   } = _ref;
   const {
@@ -26,21 +26,13 @@ function FormLabel(_ref) {
   const componentType = isControlGroup ? 'p' : 'label';
   return /*#__PURE__*/React.createElement(componentType, labelProps, children);
 }
-const SIZE_CHOICES = ['sm', 'lg'];
 FormLabel.propTypes = {
   /** Specifies class name to append to the base element. */
   className: PropTypes.string,
   /** Specifies contents of the component. */
   children: PropTypes.node.isRequired,
   /** Specifies whether the component should be displayed with inline styling. */
-  isInline: PropTypes.bool,
-  /** Specifies size of the component. */
-  size: PropTypes.oneOf(SIZE_CHOICES)
-};
-FormLabel.defaultProps = {
-  isInline: false,
-  size: undefined,
-  className: undefined
+  isInline: PropTypes.bool
 };
 export default FormLabel;
 //# sourceMappingURL=FormLabel.js.map

package/dist/Form/FormLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.js","names":["React","PropTypes","classNames","useFormGroupContext","FORM_CONTROL_SIZES","FormLabel","_ref","children","isInline","props","size","isControlGroup","getLabelProps","className","LARGE","SMALL","labelProps","componentType","createElement","SIZE_CHOICES","propTypes","string","node","isRequired","bool","oneOf","defaultProps","undefined"],"sources":["../../src/Form/FormLabel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useFormGroupContext } from './FormGroupContext';\nimport { FORM_CONTROL_SIZES } from './constants';\n\nfunction FormLabel({ children, isInline, ...props }) {\n  const { size, isControlGroup, getLabelProps } = useFormGroupContext();\n  const className = classNames(\n    'pgn__form-label',\n    {\n      'pgn__form-label-inline': isInline,\n      'pgn__form-label-lg': size === FORM_CONTROL_SIZES.LARGE,\n      'pgn__form-label-sm': size === FORM_CONTROL_SIZES.SMALL,\n    },\n    props.className,\n  );\n  const labelProps = getLabelProps({ ...props, className });\n  const componentType = isControlGroup ? 'p' : 'label';\n  return React.createElement(componentType, labelProps, children);\n}\n\nconst SIZE_CHOICES = ['sm', 'lg'];\n\nFormLabel.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies whether the component should be displayed with inline styling. */\n  isInline: PropTypes.bool,\n  /** Specifies size of the component. */\n  size: PropTypes.oneOf(SIZE_CHOICES),\n};\n\nFormLabel.defaultProps = {\n  isInline: false,\n  size: undefined,\n  className: undefined,\n};\n\nexport default FormLabel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,SAASC,kBAAkB,QAAQ,aAAa;AAEhD,SAASC,SAASA,CAAAC,IAAA,EAAmC;EAAA,IAAlC;IAAEC,QAAQ;IAAEC,QAAQ;IAAE,GAAGC;EAAM,CAAC,GAAAH,IAAA;EACjD,MAAM;IAAEI,IAAI;IAAEC,cAAc;IAAEC;EAAc,CAAC,GAAGT,mBAAmB,CAAC,CAAC;EACrE,MAAMU,SAAS,GAAGX,UAAU,CAC1B,iBAAiB,EACjB;IACE,wBAAwB,EAAEM,QAAQ;IAClC,oBAAoB,EAAEE,IAAI,KAAKN,kBAAkB,CAACU,KAAK;IACvD,oBAAoB,EAAEJ,IAAI,KAAKN,kBAAkB,CAACW;EACpD,CAAC,EACDN,KAAK,CAACI,SACR,CAAC;EACD,MAAMG,UAAU,GAAGJ,aAAa,CAAC;IAAE,GAAGH,KAAK;IAAEI;EAAU,CAAC,CAAC;EACzD,MAAMI,aAAa,GAAGN,cAAc,GAAG,GAAG,GAAG,OAAO;EACpD,oBAAOX,KAAK,CAACkB,aAAa,CAACD,aAAa,EAAED,UAAU,EAAET,QAAQ,CAAC;AACjE;AAEA,MAAMY,YAAY,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC;AAEjCd,SAAS,CAACe,SAAS,GAAG;EACpB;EACAP,SAAS,EAAEZ,SAAS,CAACoB,MAAM;EAC3B;EACAd,QAAQ,EAAEN,SAAS,CAACqB,IAAI,CAACC,UAAU;EACnC;EACAf,QAAQ,EAAEP,SAAS,CAACuB,IAAI;EACxB;EACAd,IAAI,EAAET,SAAS,CAACwB,KAAK,CAACN,YAAY;AACpC,CAAC;AAEDd,SAAS,CAACqB,YAAY,GAAG;EACvBlB,QAAQ,EAAE,KAAK;EACfE,IAAI,EAAEiB,SAAS;EACfd,SAAS,EAAEc;AACb,CAAC;AAED,eAAetB,SAAS","ignoreList":[]}
+{"version":3,"file":"FormLabel.js","names":["React","PropTypes","classNames","useFormGroupContext","FORM_CONTROL_SIZES","FormLabel","_ref","children","isInline","props","size","isControlGroup","getLabelProps","className","LARGE","SMALL","labelProps","componentType","createElement","propTypes","string","node","isRequired","bool"],"sources":["../../src/Form/FormLabel.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { useFormGroupContext } from './FormGroupContext';\nimport { FORM_CONTROL_SIZES } from './constants';\n\ninterface Props {\n  /** Specifies contents of the component. */\n  children: React.ReactNode;\n  /** Specifies whether the component should be displayed with inline styling. */\n  isInline?: boolean;\n}\n\nfunction FormLabel({ children, isInline = false, ...props }: Props & React.ComponentPropsWithoutRef<'label'>) {\n  const { size, isControlGroup, getLabelProps } = useFormGroupContext();\n  const className = classNames(\n    'pgn__form-label',\n    {\n      'pgn__form-label-inline': isInline,\n      'pgn__form-label-lg': size === FORM_CONTROL_SIZES.LARGE,\n      'pgn__form-label-sm': size === FORM_CONTROL_SIZES.SMALL,\n    },\n    props.className,\n  );\n  const labelProps = getLabelProps({ ...props, className });\n  const componentType = isControlGroup ? 'p' : 'label';\n  return React.createElement(componentType, labelProps, children);\n}\n\nFormLabel.propTypes = {\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n  /** Specifies contents of the component. */\n  children: PropTypes.node.isRequired,\n  /** Specifies whether the component should be displayed with inline styling. */\n  isInline: PropTypes.bool,\n};\n\nexport default FormLabel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,mBAAmB,QAAQ,oBAAoB;AACxD,SAASC,kBAAkB,QAAQ,aAAa;AAShD,SAASC,SAASA,CAAAC,IAAA,EAA4F;EAAA,IAA3F;IAAEC,QAAQ;IAAEC,QAAQ,GAAG,KAAK;IAAE,GAAGC;EAAuD,CAAC,GAAAH,IAAA;EAC1G,MAAM;IAAEI,IAAI;IAAEC,cAAc;IAAEC;EAAc,CAAC,GAAGT,mBAAmB,CAAC,CAAC;EACrE,MAAMU,SAAS,GAAGX,UAAU,CAC1B,iBAAiB,EACjB;IACE,wBAAwB,EAAEM,QAAQ;IAClC,oBAAoB,EAAEE,IAAI,KAAKN,kBAAkB,CAACU,KAAK;IACvD,oBAAoB,EAAEJ,IAAI,KAAKN,kBAAkB,CAACW;EACpD,CAAC,EACDN,KAAK,CAACI,SACR,CAAC;EACD,MAAMG,UAAU,GAAGJ,aAAa,CAAC;IAAE,GAAGH,KAAK;IAAEI;EAAU,CAAC,CAAC;EACzD,MAAMI,aAAa,GAAGN,cAAc,GAAG,GAAG,GAAG,OAAO;EACpD,oBAAOX,KAAK,CAACkB,aAAa,CAACD,aAAa,EAAED,UAAU,EAAET,QAAQ,CAAC;AACjE;AAEAF,SAAS,CAACc,SAAS,GAAG;EACpB;EACAN,SAAS,EAAEZ,SAAS,CAACmB,MAAM;EAC3B;EACAb,QAAQ,EAAEN,SAAS,CAACoB,IAAI,CAACC,UAAU;EACnC;EACAd,QAAQ,EAAEP,SAAS,CAACsB;AACtB,CAAC;AAED,eAAelB,SAAS","ignoreList":[]}

package/dist/Form/constants.d.ts

@@ -0,0 +1,13 @@
+export declare const FORM_CONTROL_SIZES: {
+    readonly SMALL: "sm";
+    readonly LARGE: "lg";
+};
+export declare const FORM_TEXT_TYPES: {
+    readonly DEFAULT: "default";
+    readonly VALID: "valid";
+    readonly INVALID: "invalid";
+    readonly WARNING: "warning";
+    readonly CRITERIA_EMPTY: "criteria-empty";
+    readonly CRITERIA_VALID: "criteria-valid";
+    readonly CRITERIA_INVALID: "criteria-invalid";
+};

package/dist/Form/constants.js

@@ -1,17 +1,14 @@
-/* eslint-disable import/prefer-default-export */
-const FORM_CONTROL_SIZES = {
+export const FORM_CONTROL_SIZES = {
   SMALL: 'sm',
-  LARGE: 'lg',
+  LARGE: 'lg'
 };
-
-const FORM_TEXT_TYPES = {
+export const FORM_TEXT_TYPES = {
   DEFAULT: 'default',
   VALID: 'valid',
   INVALID: 'invalid',
   WARNING: 'warning',
   CRITERIA_EMPTY: 'criteria-empty',
   CRITERIA_VALID: 'criteria-valid',
-  CRITERIA_INVALID: 'criteria-invalid',
+  CRITERIA_INVALID: 'criteria-invalid'
 };
-
-export { FORM_CONTROL_SIZES, FORM_TEXT_TYPES };
+//# sourceMappingURL=constants.js.map

package/dist/Form/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","names":["FORM_CONTROL_SIZES","SMALL","LARGE","FORM_TEXT_TYPES","DEFAULT","VALID","INVALID","WARNING","CRITERIA_EMPTY","CRITERIA_VALID","CRITERIA_INVALID"],"sources":["../../src/Form/constants.ts"],"sourcesContent":["export const FORM_CONTROL_SIZES = {\n  SMALL: 'sm',\n  LARGE: 'lg',\n} as const;\n\nexport const FORM_TEXT_TYPES = {\n  DEFAULT: 'default',\n  VALID: 'valid',\n  INVALID: 'invalid',\n  WARNING: 'warning',\n  CRITERIA_EMPTY: 'criteria-empty',\n  CRITERIA_VALID: 'criteria-valid',\n  CRITERIA_INVALID: 'criteria-invalid',\n} as const;\n"],"mappings":"AAAA,OAAO,MAAMA,kBAAkB,GAAG;EAChCC,KAAK,EAAE,IAAI;EACXC,KAAK,EAAE;AACT,CAAU;AAEV,OAAO,MAAMC,eAAe,GAAG;EAC7BC,OAAO,EAAE,SAAS;EAClBC,KAAK,EAAE,OAAO;EACdC,OAAO,EAAE,SAAS;EAClBC,OAAO,EAAE,SAAS;EAClBC,cAAc,EAAE,gBAAgB;EAChCC,cAAc,EAAE,gBAAgB;EAChCC,gBAAgB,EAAE;AACpB,CAAU","ignoreList":[]}

package/dist/Form/fieldUtils.d.ts

@@ -0,0 +1,9 @@
+declare const omitUndefinedProperties: (obj?: {}) => Record<string, any>;
+declare const callAllHandlers: <EventType extends Object>(...handlers: ((event: EventType) => void)[]) => (event: EventType) => void;
+declare const useHasValue: <ValueType>({ defaultValue, value }: {
+    defaultValue?: ValueType | undefined;
+    value?: ValueType | undefined;
+}) => (boolean | ((e: React.ChangeEvent<HTMLInputElement>) => void))[];
+declare const useIdList: (uniqueIdPrefix: string, initialList?: string[]) => [idList: string[], useRegisteredId: (id: string | undefined) => string | undefined];
+declare const mergeAttributeValues: (...values: (string | undefined)[]) => string | undefined;
+export { callAllHandlers, useHasValue, mergeAttributeValues, useIdList, omitUndefinedProperties, };

package/dist/Form/fieldUtils.js

@@ -1,34 +1,38 @@
 import classNames from 'classnames';
 import { useState, useEffect } from 'react';
 import { newId } from '../utils';
-
-const omitUndefinedProperties = (obj = {}) => Object.entries(obj)
-  .reduce((acc, [key, value]) => {
+const omitUndefinedProperties = function () {
+  let obj = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return Object.entries(obj).reduce((acc, _ref) => {
+    let [key, value] = _ref;
     if (value !== undefined) {
       acc[key] = value;
     }
     return acc;
   }, {});
-
-const callAllHandlers = (...handlers) => {
-  const unifiedEventHandler = (event) => {
-    handlers
-      .filter(handler => typeof handler === 'function')
-      .forEach(handler => handler(event));
+};
+const callAllHandlers = function () {
+  for (var _len = arguments.length, handlers = new Array(_len), _key = 0; _key < _len; _key++) {
+    handlers[_key] = arguments[_key];
+  }
+  const unifiedEventHandler = event => {
+    handlers.filter(handler => typeof handler === 'function').forEach(handler => handler(event));
   };
   return unifiedEventHandler;
 };
-
-const useHasValue = ({ defaultValue, value }) => {
+const useHasValue = _ref2 => {
+  let {
+    defaultValue,
+    value
+  } = _ref2;
   const [hasUncontrolledValue, setHasUncontrolledValue] = useState(!!defaultValue || defaultValue === 0);
   const hasValue = !!value || value === 0 || hasUncontrolledValue;
-  const handleInputEvent = (e) => setHasUncontrolledValue(e.target.value);
+  const handleInputEvent = e => setHasUncontrolledValue(!!e.target.value);
   return [hasValue, handleInputEvent];
 };
-
 const useIdList = (uniqueIdPrefix, initialList) => {
   const [idList, setIdList] = useState(initialList || []);
-  const addId = (idToAdd) => {
+  const addId = idToAdd => {
     setIdList(oldIdList => [...oldIdList, idToAdd]);
     return idToAdd;
   };
@@ -36,35 +40,29 @@ const useIdList = (uniqueIdPrefix, initialList) => {
     const idToAdd = newId(`${uniqueIdPrefix}-`);
     return addId(idToAdd);
   };
-  const removeId = (idToRemove) => {
+  const removeId = idToRemove => {
     setIdList(oldIdList => oldIdList.filter(id => id !== idToRemove));
   };
-
-  const useRegisteredId = (explicitlyRegisteredId) => {
+  const useRegisteredId = explicitlyRegisteredId => {
     const [registeredId, setRegisteredId] = useState(explicitlyRegisteredId);
     useEffect(() => {
       if (explicitlyRegisteredId) {
         addId(explicitlyRegisteredId);
       } else if (!registeredId) {
-        setRegisteredId(getNewId(uniqueIdPrefix));
+        setRegisteredId(getNewId());
       }
       return () => removeId(registeredId);
     }, [registeredId, explicitlyRegisteredId]);
     return registeredId;
   };
-
   return [idList, useRegisteredId];
 };
-
-const mergeAttributeValues = (...values) => {
+const mergeAttributeValues = function () {
+  for (var _len2 = arguments.length, values = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    values[_key2] = arguments[_key2];
+  }
   const mergedValues = classNames(values);
   return mergedValues || undefined;
 };
-
-export {
-  callAllHandlers,
-  useHasValue,
-  mergeAttributeValues,
-  useIdList,
-  omitUndefinedProperties,
-};
+export { callAllHandlers, useHasValue, mergeAttributeValues, useIdList, omitUndefinedProperties };
+//# sourceMappingURL=fieldUtils.js.map

package/dist/Form/fieldUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fieldUtils.js","names":["classNames","useState","useEffect","newId","omitUndefinedProperties","obj","arguments","length","undefined","Object","entries","reduce","acc","_ref","key","value","callAllHandlers","_len","handlers","Array","_key","unifiedEventHandler","event","filter","handler","forEach","useHasValue","_ref2","defaultValue","hasUncontrolledValue","setHasUncontrolledValue","hasValue","handleInputEvent","e","target","useIdList","uniqueIdPrefix","initialList","idList","setIdList","addId","idToAdd","oldIdList","getNewId","removeId","idToRemove","id","useRegisteredId","explicitlyRegisteredId","registeredId","setRegisteredId","mergeAttributeValues","_len2","values","_key2","mergedValues"],"sources":["../../src/Form/fieldUtils.ts"],"sourcesContent":["import classNames from 'classnames';\nimport { useState, useEffect } from 'react';\nimport { newId } from '../utils';\n\nconst omitUndefinedProperties = (obj = {}) => Object.entries(obj)\n  .reduce((acc, [key, value]) => {\n    if (value !== undefined) {\n      acc[key] = value;\n    }\n    return acc;\n  }, {} as Record<string, any>);\n\nconst callAllHandlers = <EventType extends Object>(...handlers: ((event: EventType) => void)[]) => {\n  const unifiedEventHandler = (event: EventType) => {\n    handlers\n      .filter(handler => typeof handler === 'function')\n      .forEach(handler => handler(event));\n  };\n  return unifiedEventHandler;\n};\n\nconst useHasValue = <ValueType>({ defaultValue, value }: { defaultValue?: ValueType, value?: ValueType }) => {\n  const [hasUncontrolledValue, setHasUncontrolledValue] = useState(!!defaultValue || defaultValue === 0);\n  const hasValue = !!value || value === 0 || hasUncontrolledValue;\n  const handleInputEvent = (e: React.ChangeEvent<HTMLInputElement>) => setHasUncontrolledValue(!!e.target.value);\n  return [hasValue, handleInputEvent];\n};\n\nconst useIdList = (\n  uniqueIdPrefix: string,\n  initialList?: string[],\n): [idList: string[], useRegisteredId: (id: string | undefined) => string | undefined] => {\n  const [idList, setIdList] = useState(initialList || []);\n  const addId = (idToAdd: string) => {\n    setIdList(oldIdList => [...oldIdList, idToAdd]);\n    return idToAdd;\n  };\n  const getNewId = () => {\n    const idToAdd = newId(`${uniqueIdPrefix}-`);\n    return addId(idToAdd);\n  };\n  const removeId = (idToRemove: string | undefined) => {\n    setIdList(oldIdList => oldIdList.filter(id => id !== idToRemove));\n  };\n\n  const useRegisteredId = (explicitlyRegisteredId: string | undefined) => {\n    const [registeredId, setRegisteredId] = useState(explicitlyRegisteredId);\n    useEffect(() => {\n      if (explicitlyRegisteredId) {\n        addId(explicitlyRegisteredId);\n      } else if (!registeredId) {\n        setRegisteredId(getNewId());\n      }\n      return () => removeId(registeredId);\n    }, [registeredId, explicitlyRegisteredId]);\n    return registeredId;\n  };\n\n  return [idList, useRegisteredId];\n};\n\nconst mergeAttributeValues = (...values: (string | undefined)[]) => {\n  const mergedValues = classNames(values);\n  return mergedValues || undefined;\n};\n\nexport {\n  callAllHandlers,\n  useHasValue,\n  mergeAttributeValues,\n  useIdList,\n  omitUndefinedProperties,\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/Form/index.d.ts

@@ -0,0 +1,39 @@
+import BootstrapForm, { FormProps } from 'react-bootstrap/Form';
+import { ComponentWithAsProp } from '../utils/types/bootstrap';
+import FormControl from './FormControl';
+import FormLabel from './FormLabel';
+import FormGroup from './FormGroup';
+import FormControlFeedback from './FormControlFeedback';
+import FormText from './FormText';
+import FormControlDecoratorGroup from './FormControlDecoratorGroup';
+import FormRadio, { RadioControl } from './FormRadio';
+import FormRadioSet from './FormRadioSet';
+import FormRadioSetContext from './FormRadioSetContext';
+import FormAutosuggest from './FormAutosuggest';
+import FormAutosuggestOption from './FormAutosuggestOption';
+import FormCheckbox, { CheckboxControl } from './FormCheckbox';
+import FormSwitch, { SwitchControl } from './FormSwitch';
+import FormCheckboxSet from './FormCheckboxSet';
+import FormSwitchSet from './FormSwitchSet';
+import FormCheckboxSetContext from './FormCheckboxSetContext';
+import useCheckboxSetValues from './useCheckboxSetValues';
+declare const Form: ComponentWithAsProp<"form", FormProps> & {
+    Control: any;
+    Radio: any;
+    RadioSet: any;
+    Autosuggest: any;
+    AutosuggestOption: any;
+    Checkbox: any;
+    CheckboxSet: any;
+    Row: typeof BootstrapForm.Row;
+    Switch: any;
+    SwitchSet: any;
+    Label: typeof FormLabel;
+    Group: typeof FormGroup;
+    Text: any;
+};
+export default Form;
+export { FormControl, FormLabel, FormRadio, FormRadioSet, FormRadioSetContext, FormCheckbox, FormSwitch, FormAutosuggest, FormAutosuggestOption, FormCheckboxSet, FormCheckboxSetContext, FormGroup, FormControlDecoratorGroup, FormControlFeedback, FormText, CheckboxControl, RadioControl, SwitchControl, FormSwitchSet, useCheckboxSetValues, };
+export { default as FormCheck } from 'react-bootstrap/FormCheck';
+export { default as FormFile } from 'react-bootstrap/FormFile';
+export { default as InputGroup } from 'react-bootstrap/InputGroup';

package/dist/Form/index.js

@@ -1,21 +1,38 @@
-import Form from 'react-bootstrap/Form';
+import BootstrapForm from 'react-bootstrap/Form';
+// TODO: add more typing and remove the @ts-ignore directives here
+// @ts-ignore
 import FormControl from './FormControl';
 import FormLabel from './FormLabel';
 import FormGroup from './FormGroup';
+// @ts-ignore
 import FormControlFeedback from './FormControlFeedback';
+// @ts-ignore
 import FormText from './FormText';
+// @ts-ignore
 import FormControlDecoratorGroup from './FormControlDecoratorGroup';
+// @ts-ignore
 import FormRadio, { RadioControl } from './FormRadio';
+// @ts-ignore
 import FormRadioSet from './FormRadioSet';
+// @ts-ignore
 import FormRadioSetContext from './FormRadioSetContext';
+// @ts-ignore
 import FormAutosuggest from './FormAutosuggest';
+// @ts-ignore
 import FormAutosuggestOption from './FormAutosuggestOption';
+// @ts-ignore
 import FormCheckbox, { CheckboxControl } from './FormCheckbox';
+// @ts-ignore
 import FormSwitch, { SwitchControl } from './FormSwitch';
+// @ts-ignore
 import FormCheckboxSet from './FormCheckboxSet';
+// @ts-ignore
 import FormSwitchSet from './FormSwitchSet';
+// @ts-ignore
 import FormCheckboxSetContext from './FormCheckboxSetContext';
+// @ts-ignore
 import useCheckboxSetValues from './useCheckboxSetValues';
+const Form = BootstrapForm;
 Form.Control = FormControl;
 Form.Radio = FormRadio;
 Form.RadioSet = FormRadioSet;