@openedx/paragon 22.11.0 → 22.11.2

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;

package/dist/Form/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Form","FormControl","FormLabel","FormGroup","FormControlFeedback","FormText","FormControlDecoratorGroup","FormRadio","RadioControl","FormRadioSet","FormRadioSetContext","FormAutosuggest","FormAutosuggestOption","FormCheckbox","CheckboxControl","FormSwitch","SwitchControl","FormCheckboxSet","FormSwitchSet","FormCheckboxSetContext","useCheckboxSetValues","Control","Radio","RadioSet","Autosuggest","AutosuggestOption","Checkbox","CheckboxSet","Switch","SwitchSet","Label","Group","Text","default","FormCheck","FormFile","InputGroup"],"sources":["../../src/Form/index.jsx"],"sourcesContent":["import Form from 'react-bootstrap/Form';\nimport FormControl from './FormControl';\nimport FormLabel from './FormLabel';\nimport FormGroup from './FormGroup';\nimport FormControlFeedback from './FormControlFeedback';\nimport FormText from './FormText';\nimport FormControlDecoratorGroup from './FormControlDecoratorGroup';\nimport FormRadio, { RadioControl } from './FormRadio';\nimport FormRadioSet from './FormRadioSet';\nimport FormRadioSetContext from './FormRadioSetContext';\nimport FormAutosuggest from './FormAutosuggest';\nimport FormAutosuggestOption from './FormAutosuggestOption';\nimport FormCheckbox, { CheckboxControl } from './FormCheckbox';\nimport FormSwitch, { SwitchControl } from './FormSwitch';\nimport FormCheckboxSet from './FormCheckboxSet';\nimport FormSwitchSet from './FormSwitchSet';\nimport FormCheckboxSetContext from './FormCheckboxSetContext';\nimport useCheckboxSetValues from './useCheckboxSetValues';\n\nForm.Control = FormControl;\nForm.Radio = FormRadio;\nForm.RadioSet = FormRadioSet;\nForm.Autosuggest = FormAutosuggest;\nForm.AutosuggestOption = FormAutosuggestOption;\nForm.Checkbox = FormCheckbox;\nForm.CheckboxSet = FormCheckboxSet;\nForm.Switch = FormSwitch;\nForm.SwitchSet = FormSwitchSet;\nForm.Label = FormLabel;\nForm.Group = FormGroup;\nForm.Text = FormText;\n\nexport default Form;\nexport {\n  FormControl,\n  FormLabel,\n  FormRadio,\n  FormRadioSet,\n  FormRadioSetContext,\n  FormCheckbox,\n  FormSwitch,\n  FormAutosuggest,\n  FormAutosuggestOption,\n  FormCheckboxSet,\n  FormCheckboxSetContext,\n  FormGroup,\n  FormControlDecoratorGroup,\n  FormControlFeedback,\n  FormText,\n  CheckboxControl,\n  RadioControl,\n  SwitchControl,\n  FormSwitchSet,\n  useCheckboxSetValues,\n};\n\nexport { default as FormCheck } from 'react-bootstrap/FormCheck';\nexport { default as FormFile } from 'react-bootstrap/FormFile';\nexport { default as InputGroup } from 'react-bootstrap/InputGroup';\n"],"mappings":"AAAA,OAAOA,IAAI,MAAM,sBAAsB;AACvC,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,OAAOC,QAAQ,MAAM,YAAY;AACjC,OAAOC,yBAAyB,MAAM,6BAA6B;AACnE,OAAOC,SAAS,IAAIC,YAAY,QAAQ,aAAa;AACrD,OAAOC,YAAY,MAAM,gBAAgB;AACzC,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D,OAAOC,YAAY,IAAIC,eAAe,QAAQ,gBAAgB;AAC9D,OAAOC,UAAU,IAAIC,aAAa,QAAQ,cAAc;AACxD,OAAOC,eAAe,MAAM,mBAAmB;AAC/C,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzDpB,IAAI,CAACqB,OAAO,GAAGpB,WAAW;AAC1BD,IAAI,CAACsB,KAAK,GAAGf,SAAS;AACtBP,IAAI,CAACuB,QAAQ,GAAGd,YAAY;AAC5BT,IAAI,CAACwB,WAAW,GAAGb,eAAe;AAClCX,IAAI,CAACyB,iBAAiB,GAAGb,qBAAqB;AAC9CZ,IAAI,CAAC0B,QAAQ,GAAGb,YAAY;AAC5Bb,IAAI,CAAC2B,WAAW,GAAGV,eAAe;AAClCjB,IAAI,CAAC4B,MAAM,GAAGb,UAAU;AACxBf,IAAI,CAAC6B,SAAS,GAAGX,aAAa;AAC9BlB,IAAI,CAAC8B,KAAK,GAAG5B,SAAS;AACtBF,IAAI,CAAC+B,KAAK,GAAG5B,SAAS;AACtBH,IAAI,CAACgC,IAAI,GAAG3B,QAAQ;AAEpB,eAAeL,IAAI;AACnB,SACEC,WAAW,EACXC,SAAS,EACTK,SAAS,EACTE,YAAY,EACZC,mBAAmB,EACnBG,YAAY,EACZE,UAAU,EACVJ,eAAe,EACfC,qBAAqB,EACrBK,eAAe,EACfE,sBAAsB,EACtBhB,SAAS,EACTG,yBAAyB,EACzBF,mBAAmB,EACnBC,QAAQ,EACRS,eAAe,EACfN,YAAY,EACZQ,aAAa,EACbE,aAAa,EACbE,oBAAoB;AAGtB,SAASa,OAAO,IAAIC,SAAS,QAAQ,2BAA2B;AAChE,SAASD,OAAO,IAAIE,QAAQ,QAAQ,0BAA0B;AAC9D,SAASF,OAAO,IAAIG,UAAU,QAAQ,4BAA4B","ignoreList":[]}
+{"version":3,"file":"index.js","names":["BootstrapForm","FormControl","FormLabel","FormGroup","FormControlFeedback","FormText","FormControlDecoratorGroup","FormRadio","RadioControl","FormRadioSet","FormRadioSetContext","FormAutosuggest","FormAutosuggestOption","FormCheckbox","CheckboxControl","FormSwitch","SwitchControl","FormCheckboxSet","FormSwitchSet","FormCheckboxSetContext","useCheckboxSetValues","Form","Control","Radio","RadioSet","Autosuggest","AutosuggestOption","Checkbox","CheckboxSet","Switch","SwitchSet","Label","Group","Text","default","FormCheck","FormFile","InputGroup"],"sources":["../../src/Form/index.tsx"],"sourcesContent":["import BootstrapForm, { FormProps } from 'react-bootstrap/Form';\nimport { ComponentWithAsProp } from '../utils/types/bootstrap';\n// TODO: add more typing and remove the @ts-ignore directives here\n// @ts-ignore\nimport FormControl from './FormControl';\nimport FormLabel from './FormLabel';\nimport FormGroup from './FormGroup';\n// @ts-ignore\nimport FormControlFeedback from './FormControlFeedback';\n// @ts-ignore\nimport FormText from './FormText';\n// @ts-ignore\nimport FormControlDecoratorGroup from './FormControlDecoratorGroup';\n// @ts-ignore\nimport FormRadio, { RadioControl } from './FormRadio';\n// @ts-ignore\nimport FormRadioSet from './FormRadioSet';\n// @ts-ignore\nimport FormRadioSetContext from './FormRadioSetContext';\n// @ts-ignore\nimport FormAutosuggest from './FormAutosuggest';\n// @ts-ignore\nimport FormAutosuggestOption from './FormAutosuggestOption';\n// @ts-ignore\nimport FormCheckbox, { CheckboxControl } from './FormCheckbox';\n// @ts-ignore\nimport FormSwitch, { SwitchControl } from './FormSwitch';\n// @ts-ignore\nimport FormCheckboxSet from './FormCheckboxSet';\n// @ts-ignore\nimport FormSwitchSet from './FormSwitchSet';\n// @ts-ignore\nimport FormCheckboxSetContext from './FormCheckboxSetContext';\n// @ts-ignore\nimport useCheckboxSetValues from './useCheckboxSetValues';\n\nconst Form = BootstrapForm as any as ComponentWithAsProp<'form', FormProps> & {\n  Control: typeof FormControl;\n  Radio: typeof FormRadio;\n  RadioSet: typeof FormRadioSet;\n  Autosuggest: typeof FormAutosuggest;\n  AutosuggestOption: typeof FormAutosuggestOption;\n  Checkbox: typeof FormCheckbox;\n  CheckboxSet: typeof FormCheckboxSet;\n  Row: typeof BootstrapForm.Row;\n  Switch: typeof FormSwitch;\n  SwitchSet: typeof FormSwitchSet;\n  Label: typeof FormLabel;\n  Group: typeof FormGroup;\n  Text: typeof FormText;\n};\nForm.Control = FormControl;\nForm.Radio = FormRadio;\nForm.RadioSet = FormRadioSet;\nForm.Autosuggest = FormAutosuggest;\nForm.AutosuggestOption = FormAutosuggestOption;\nForm.Checkbox = FormCheckbox;\nForm.CheckboxSet = FormCheckboxSet;\nForm.Switch = FormSwitch;\nForm.SwitchSet = FormSwitchSet;\nForm.Label = FormLabel;\nForm.Group = FormGroup;\nForm.Text = FormText;\n\nexport default Form;\nexport {\n  FormControl,\n  FormLabel,\n  FormRadio,\n  FormRadioSet,\n  FormRadioSetContext,\n  FormCheckbox,\n  FormSwitch,\n  FormAutosuggest,\n  FormAutosuggestOption,\n  FormCheckboxSet,\n  FormCheckboxSetContext,\n  FormGroup,\n  FormControlDecoratorGroup,\n  FormControlFeedback,\n  FormText,\n  CheckboxControl,\n  RadioControl,\n  SwitchControl,\n  FormSwitchSet,\n  useCheckboxSetValues,\n};\n\nexport { default as FormCheck } from 'react-bootstrap/FormCheck';\nexport { default as FormFile } from 'react-bootstrap/FormFile';\nexport { default as InputGroup } from 'react-bootstrap/InputGroup';\n"],"mappings":"AAAA,OAAOA,aAAa,MAAqB,sBAAsB;AAE/D;AACA;AACA,OAAOC,WAAW,MAAM,eAAe;AACvC,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,SAAS,MAAM,aAAa;AACnC;AACA,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD;AACA,OAAOC,QAAQ,MAAM,YAAY;AACjC;AACA,OAAOC,yBAAyB,MAAM,6BAA6B;AACnE;AACA,OAAOC,SAAS,IAAIC,YAAY,QAAQ,aAAa;AACrD;AACA,OAAOC,YAAY,MAAM,gBAAgB;AACzC;AACA,OAAOC,mBAAmB,MAAM,uBAAuB;AACvD;AACA,OAAOC,eAAe,MAAM,mBAAmB;AAC/C;AACA,OAAOC,qBAAqB,MAAM,yBAAyB;AAC3D;AACA,OAAOC,YAAY,IAAIC,eAAe,QAAQ,gBAAgB;AAC9D;AACA,OAAOC,UAAU,IAAIC,aAAa,QAAQ,cAAc;AACxD;AACA,OAAOC,eAAe,MAAM,mBAAmB;AAC/C;AACA,OAAOC,aAAa,MAAM,iBAAiB;AAC3C;AACA,OAAOC,sBAAsB,MAAM,0BAA0B;AAC7D;AACA,OAAOC,oBAAoB,MAAM,wBAAwB;AAEzD,MAAMC,IAAI,GAAGrB,aAcZ;AACDqB,IAAI,CAACC,OAAO,GAAGrB,WAAW;AAC1BoB,IAAI,CAACE,KAAK,GAAGhB,SAAS;AACtBc,IAAI,CAACG,QAAQ,GAAGf,YAAY;AAC5BY,IAAI,CAACI,WAAW,GAAGd,eAAe;AAClCU,IAAI,CAACK,iBAAiB,GAAGd,qBAAqB;AAC9CS,IAAI,CAACM,QAAQ,GAAGd,YAAY;AAC5BQ,IAAI,CAACO,WAAW,GAAGX,eAAe;AAClCI,IAAI,CAACQ,MAAM,GAAGd,UAAU;AACxBM,IAAI,CAACS,SAAS,GAAGZ,aAAa;AAC9BG,IAAI,CAACU,KAAK,GAAG7B,SAAS;AACtBmB,IAAI,CAACW,KAAK,GAAG7B,SAAS;AACtBkB,IAAI,CAACY,IAAI,GAAG5B,QAAQ;AAEpB,eAAegB,IAAI;AACnB,SACEpB,WAAW,EACXC,SAAS,EACTK,SAAS,EACTE,YAAY,EACZC,mBAAmB,EACnBG,YAAY,EACZE,UAAU,EACVJ,eAAe,EACfC,qBAAqB,EACrBK,eAAe,EACfE,sBAAsB,EACtBhB,SAAS,EACTG,yBAAyB,EACzBF,mBAAmB,EACnBC,QAAQ,EACRS,eAAe,EACfN,YAAY,EACZQ,aAAa,EACbE,aAAa,EACbE,oBAAoB;AAGtB,SAASc,OAAO,IAAIC,SAAS,QAAQ,2BAA2B;AAChE,SAASD,OAAO,IAAIE,QAAQ,QAAQ,0BAA0B;AAC9D,SAASF,OAAO,IAAIG,UAAU,QAAQ,4BAA4B","ignoreList":[]}

package/dist/Form/messages.d.ts

@@ -0,0 +1,13 @@
+declare const messages: {
+    iconButtonOpened: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    iconButtonClosed: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};
+export default messages;

package/dist/Form/messages.js

@@ -1,16 +1,15 @@
 import { defineMessages } from 'react-intl';
-
 const messages = defineMessages({
   iconButtonOpened: {
     id: 'pgn.FormAutosuggest.iconButtonOpened',
     defaultMessage: 'Open the options menu',
-    description: 'A message shown in case when the autosuggest menu is closed.',
+    description: 'A message shown in case when the autosuggest menu is closed.'
   },
   iconButtonClosed: {
     id: 'pgn.FormAutosuggest.iconButtonClosed',
     defaultMessage: 'Close the options menu',
-    description: 'A message shown in case when the autosuggest menu is opened.',
-  },
+    description: 'A message shown in case when the autosuggest menu is opened.'
+  }
 });
-
 export default messages;
+//# sourceMappingURL=messages.js.map

package/dist/Form/messages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"messages.js","names":["defineMessages","messages","iconButtonOpened","id","defaultMessage","description","iconButtonClosed"],"sources":["../../src/Form/messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nconst messages = defineMessages({\n  iconButtonOpened: {\n    id: 'pgn.FormAutosuggest.iconButtonOpened',\n    defaultMessage: 'Open the options menu',\n    description: 'A message shown in case when the autosuggest menu is closed.',\n  },\n  iconButtonClosed: {\n    id: 'pgn.FormAutosuggest.iconButtonClosed',\n    defaultMessage: 'Close the options menu',\n    description: 'A message shown in case when the autosuggest menu is opened.',\n  },\n});\n\nexport default messages;\n"],"mappings":"AAAA,SAASA,cAAc,QAAQ,YAAY;AAE3C,MAAMC,QAAQ,GAAGD,cAAc,CAAC;EAC9BE,gBAAgB,EAAE;IAChBC,EAAE,EAAE,sCAAsC;IAC1CC,cAAc,EAAE,uBAAuB;IACvCC,WAAW,EAAE;EACf,CAAC;EACDC,gBAAgB,EAAE;IAChBH,EAAE,EAAE,sCAAsC;IAC1CC,cAAc,EAAE,wBAAwB;IACxCC,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAEF,eAAeJ,QAAQ","ignoreList":[]}

package/dist/IconButton/index.d.ts

@@ -33,6 +33,8 @@ interface Props extends React.HTMLAttributes<HTMLButtonElement> {
     variant?: 'primary' | 'secondary' | 'success' | 'warning' | 'danger' | 'light' | 'dark' | 'black' | 'brand';
     /** size of button to render */
     size?: 'sm' | 'md' | 'inline';
+    /** Used with `IconButtonToggle` */
+    value?: string;
     /** no children */
     children?: never;
 }
@@ -64,6 +66,7 @@ declare namespace IconButtonWithTooltip {
         } | undefined;
         variant?: "primary" | "success" | "warning" | "secondary" | "danger" | "dark" | "light" | "black" | "brand" | undefined;
         size?: "sm" | "md" | "inline" | undefined;
+        value?: string | undefined;
         children?: undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | number | readonly string[] | undefined;