@openedx/paragon 22.0.0-alpha.24 → 22.1.0

package/dist/Form/FormSwitch.js

@@ -1,11 +1,12 @@
-const _excluded = ["isIndeterminate"],
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["isIndeterminate"],
   _excluded2 = ["children", "className", "helperText"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
 import React from 'react';
@@ -13,20 +14,17 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import FormCheckbox from './FormCheckbox';
 import { useFormGroupContext } from './FormGroupContext';
-const SwitchControl = /*#__PURE__*/React.forwardRef((_ref, ref) => {
-  let {
-      isIndeterminate
-    } = _ref,
+var SwitchControl = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var isIndeterminate = _ref.isIndeterminate,
     props = _objectWithoutProperties(_ref, _excluded);
-  const defaultRef = React.useRef();
-  const resolvedRef = ref || defaultRef;
-  const {
-    getControlProps
-  } = useFormGroupContext();
-  const checkboxProps = getControlProps(_objectSpread(_objectSpread({}, props), {}, {
+  var defaultRef = React.useRef();
+  var resolvedRef = ref || defaultRef;
+  var _useFormGroupContext = useFormGroupContext(),
+    getControlProps = _useFormGroupContext.getControlProps;
+  var checkboxProps = getControlProps(_objectSpread(_objectSpread({}, props), {}, {
     className: classNames('pgn__form-switch-input', props.className)
   }));
-  React.useEffect(() => {
+  React.useEffect(function () {
     // this if(resolvedRef.current) prevents console errors in testing
     if (resolvedRef.current) {
       resolvedRef.current.indeterminate = isIndeterminate;
@@ -48,12 +46,10 @@ SwitchControl.defaultProps = {
   isIndeterminate: false,
   className: undefined
 };
-const FormSwitch = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
-  let {
-      children,
-      className,
-      helperText
-    } = _ref2,
+var FormSwitch = /*#__PURE__*/React.forwardRef(function (_ref2, ref) {
+  var children = _ref2.children,
+    className = _ref2.className,
+    helperText = _ref2.helperText,
     props = _objectWithoutProperties(_ref2, _excluded2);
   return /*#__PURE__*/React.createElement("div", {
     className: "d-inline-flex flex-column"

package/dist/Form/FormSwitch.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormSwitch.js","names":["React","PropTypes","classNames","FormCheckbox","useFormGroupContext","SwitchControl","forwardRef","_ref","ref","isIndeterminate","props","_objectWithoutProperties","_excluded","defaultRef","useRef","resolvedRef","getControlProps","checkboxProps","_objectSpread","className","useEffect","current","indeterminate","createElement","_extends","type","propTypes","bool","string","defaultProps","undefined","FormSwitch","_ref2","children","helperText","_excluded2","role","controlAs","isValid","isInvalid","description","node","isRequired","labelClassName","floatLabelLeft"],"sources":["../../src/Form/FormSwitch.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport FormCheckbox from './FormCheckbox';\nimport { useFormGroupContext } from './FormGroupContext';\n\nconst SwitchControl = React.forwardRef(\n  ({ isIndeterminate, ...props }, ref) => {\n    const defaultRef = React.useRef();\n    const resolvedRef = ref || defaultRef;\n    const { getControlProps } = useFormGroupContext();\n    const checkboxProps = getControlProps({\n      ...props,\n      className: classNames(\n        'pgn__form-switch-input',\n        props.className,\n      ),\n    });\n\n    React.useEffect(() => {\n      // this if(resolvedRef.current) prevents console errors in testing\n      if (resolvedRef.current) {\n        resolvedRef.current.indeterminate = isIndeterminate;\n      }\n    }, [resolvedRef, isIndeterminate]);\n\n    return (\n      <input\n        type=\"checkbox\"\n        {...checkboxProps}\n        ref={resolvedRef}\n      />\n    );\n  },\n);\n\nSwitchControl.propTypes = {\n  /** Specifies whether input should be rendered in indeterminate state. */\n  isIndeterminate: PropTypes.bool,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n};\n\nSwitchControl.defaultProps = {\n  isIndeterminate: false,\n  className: undefined,\n};\n\nconst FormSwitch = React.forwardRef(({\n  children,\n  className,\n  helperText,\n  ...props\n}, ref) => (\n  <div className=\"d-inline-flex flex-column\">\n    <FormCheckbox\n      className={classNames('pgn__form-switch', className)}\n      {...props}\n      role=\"switch\"\n      ref={ref}\n      controlAs={SwitchControl}\n      // ignore the following props for form switch\n      isValid={null}\n      isInvalid={null}\n      description={null}\n    >\n      {children}\n    </FormCheckbox>\n    {helperText && (\n      <div className=\"pgn__form-switch-helper-text\">\n        {helperText}\n      </div>\n    )}\n  </div>\n));\n\nFormSwitch.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 class name to append to the label element. */\n  labelClassName: PropTypes.string,\n  /** Specifies helper text to display below the switch. */\n  helperText: PropTypes.node,\n  /** Determines whether the label should float to the left when the switch is active. */\n  floatLabelLeft: PropTypes.bool,\n};\n\nFormSwitch.defaultProps = {\n  className: undefined,\n  labelClassName: undefined,\n  helperText: undefined,\n  floatLabelLeft: false,\n};\n\nexport { SwitchControl };\nexport default FormSwitch;\n"],"mappings":"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"}
+{"version":3,"file":"FormSwitch.js","names":["React","PropTypes","classNames","FormCheckbox","useFormGroupContext","SwitchControl","forwardRef","_ref","ref","isIndeterminate","props","_objectWithoutProperties","_excluded","defaultRef","useRef","resolvedRef","_useFormGroupContext","getControlProps","checkboxProps","_objectSpread","className","useEffect","current","indeterminate","createElement","_extends","type","propTypes","bool","string","defaultProps","undefined","FormSwitch","_ref2","children","helperText","_excluded2","role","controlAs","isValid","isInvalid","description","node","isRequired","labelClassName","floatLabelLeft"],"sources":["../../src/Form/FormSwitch.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport FormCheckbox from './FormCheckbox';\nimport { useFormGroupContext } from './FormGroupContext';\n\nconst SwitchControl = React.forwardRef(\n  ({ isIndeterminate, ...props }, ref) => {\n    const defaultRef = React.useRef();\n    const resolvedRef = ref || defaultRef;\n    const { getControlProps } = useFormGroupContext();\n    const checkboxProps = getControlProps({\n      ...props,\n      className: classNames(\n        'pgn__form-switch-input',\n        props.className,\n      ),\n    });\n\n    React.useEffect(() => {\n      // this if(resolvedRef.current) prevents console errors in testing\n      if (resolvedRef.current) {\n        resolvedRef.current.indeterminate = isIndeterminate;\n      }\n    }, [resolvedRef, isIndeterminate]);\n\n    return (\n      <input\n        type=\"checkbox\"\n        {...checkboxProps}\n        ref={resolvedRef}\n      />\n    );\n  },\n);\n\nSwitchControl.propTypes = {\n  /** Specifies whether input should be rendered in indeterminate state. */\n  isIndeterminate: PropTypes.bool,\n  /** Specifies class name to append to the base element. */\n  className: PropTypes.string,\n};\n\nSwitchControl.defaultProps = {\n  isIndeterminate: false,\n  className: undefined,\n};\n\nconst FormSwitch = React.forwardRef(({\n  children,\n  className,\n  helperText,\n  ...props\n}, ref) => (\n  <div className=\"d-inline-flex flex-column\">\n    <FormCheckbox\n      className={classNames('pgn__form-switch', className)}\n      {...props}\n      role=\"switch\"\n      ref={ref}\n      controlAs={SwitchControl}\n      // ignore the following props for form switch\n      isValid={null}\n      isInvalid={null}\n      description={null}\n    >\n      {children}\n    </FormCheckbox>\n    {helperText && (\n      <div className=\"pgn__form-switch-helper-text\">\n        {helperText}\n      </div>\n    )}\n  </div>\n));\n\nFormSwitch.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 class name to append to the label element. */\n  labelClassName: PropTypes.string,\n  /** Specifies helper text to display below the switch. */\n  helperText: PropTypes.node,\n  /** Determines whether the label should float to the left when the switch is active. */\n  floatLabelLeft: PropTypes.bool,\n};\n\nFormSwitch.defaultProps = {\n  className: undefined,\n  labelClassName: undefined,\n  helperText: undefined,\n  floatLabelLeft: false,\n};\n\nexport { SwitchControl };\nexport default FormSwitch;\n"],"mappings":";;;;;;;;;;;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,SAAS,MAAM,YAAY;AAClC,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,YAAY,MAAM,gBAAgB;AACzC,SAASC,mBAAmB,QAAQ,oBAAoB;AAExD,IAAMC,aAAa,gBAAGL,KAAK,CAACM,UAAU,CACpC,UAAAC,IAAA,EAAgCC,GAAG,EAAK;EAAA,IAArCC,eAAe,GAAAF,IAAA,CAAfE,eAAe;IAAKC,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA;EAC1B,IAAMC,UAAU,GAAGb,KAAK,CAACc,MAAM,CAAC,CAAC;EACjC,IAAMC,WAAW,GAAGP,GAAG,IAAIK,UAAU;EACrC,IAAAG,oBAAA,GAA4BZ,mBAAmB,CAAC,CAAC;IAAzCa,eAAe,GAAAD,oBAAA,CAAfC,eAAe;EACvB,IAAMC,aAAa,GAAGD,eAAe,CAAAE,aAAA,CAAAA,aAAA,KAChCT,KAAK;IACRU,SAAS,EAAElB,UAAU,CACnB,wBAAwB,EACxBQ,KAAK,CAACU,SACR;EAAC,EACF,CAAC;EAEFpB,KAAK,CAACqB,SAAS,CAAC,YAAM;IACpB;IACA,IAAIN,WAAW,CAACO,OAAO,EAAE;MACvBP,WAAW,CAACO,OAAO,CAACC,aAAa,GAAGd,eAAe;IACrD;EACF,CAAC,EAAE,CAACM,WAAW,EAAEN,eAAe,CAAC,CAAC;EAElC,oBACET,KAAA,CAAAwB,aAAA,UAAAC,QAAA;IACEC,IAAI,EAAC;EAAU,GACXR,aAAa;IACjBV,GAAG,EAAEO;EAAY,EAClB,CAAC;AAEN,CACF,CAAC;AAEDV,aAAa,CAACsB,SAAS,GAAG;EACxB;EACAlB,eAAe,EAAER,SAAS,CAAC2B,IAAI;EAC/B;EACAR,SAAS,EAAEnB,SAAS,CAAC4B;AACvB,CAAC;AAEDxB,aAAa,CAACyB,YAAY,GAAG;EAC3BrB,eAAe,EAAE,KAAK;EACtBW,SAAS,EAAEW;AACb,CAAC;AAED,IAAMC,UAAU,gBAAGhC,KAAK,CAACM,UAAU,CAAC,UAAA2B,KAAA,EAKjCzB,GAAG;EAAA,IAJJ0B,QAAQ,GAAAD,KAAA,CAARC,QAAQ;IACRd,SAAS,GAAAa,KAAA,CAATb,SAAS;IACTe,UAAU,GAAAF,KAAA,CAAVE,UAAU;IACPzB,KAAK,GAAAC,wBAAA,CAAAsB,KAAA,EAAAG,UAAA;EAAA,oBAERpC,KAAA,CAAAwB,aAAA;IAAKJ,SAAS,EAAC;EAA2B,gBACxCpB,KAAA,CAAAwB,aAAA,CAACrB,YAAY,EAAAsB,QAAA;IACXL,SAAS,EAAElB,UAAU,CAAC,kBAAkB,EAAEkB,SAAS;EAAE,GACjDV,KAAK;IACT2B,IAAI,EAAC,QAAQ;IACb7B,GAAG,EAAEA,GAAI;IACT8B,SAAS,EAAEjC;IACX;IAAA;IACAkC,OAAO,EAAE,IAAK;IACdC,SAAS,EAAE,IAAK;IAChBC,WAAW,EAAE;EAAK,IAEjBP,QACW,CAAC,EACdC,UAAU,iBACTnC,KAAA,CAAAwB,aAAA;IAAKJ,SAAS,EAAC;EAA8B,GAC1Ce,UACE,CAEJ,CAAC;AAAA,CACP,CAAC;AAEFH,UAAU,CAACL,SAAS,GAAG;EACrB;EACAO,QAAQ,EAAEjC,SAAS,CAACyC,IAAI,CAACC,UAAU;EACnC;EACAvB,SAAS,EAAEnB,SAAS,CAAC4B,MAAM;EAC3B;EACAe,cAAc,EAAE3C,SAAS,CAAC4B,MAAM;EAChC;EACAM,UAAU,EAAElC,SAAS,CAACyC,IAAI;EAC1B;EACAG,cAAc,EAAE5C,SAAS,CAAC2B;AAC5B,CAAC;AAEDI,UAAU,CAACF,YAAY,GAAG;EACxBV,SAAS,EAAEW,SAAS;EACpBa,cAAc,EAAEb,SAAS;EACzBI,UAAU,EAAEJ,SAAS;EACrBc,cAAc,EAAE;AAClB,CAAC;AAED,SAASxC,aAAa;AACtB,eAAe2B,UAAU"}

package/dist/Form/FormText.js

@@ -1,27 +1,22 @@
-const _excluded = ["children", "type", "icon", "muted", "hasIcon"];
+var _excluded = ["children", "type", "icon", "muted", "hasIcon"];
+var _FORM_TEXT_ICONS;
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Icon from '../Icon';
 import { Check, Close, Cancel, CheckCircle, RadioButtonUnchecked, WarningFilled } from '../../icons';
 import { FORM_TEXT_TYPES } from './constants';
-const FORM_TEXT_ICONS = {
-  [FORM_TEXT_TYPES.DEFAULT]: null,
-  [FORM_TEXT_TYPES.VALID]: Check,
-  [FORM_TEXT_TYPES.INVALID]: Close,
-  [FORM_TEXT_TYPES.WARNING]: WarningFilled,
-  [FORM_TEXT_TYPES.CRITERIA_EMPTY]: RadioButtonUnchecked,
-  [FORM_TEXT_TYPES.CRITERIA_VALID]: CheckCircle,
-  [FORM_TEXT_TYPES.CRITERIA_INVALID]: Cancel
-};
-const resolveTextType = _ref => {
-  let {
-    isInvalid,
-    isValid
-  } = _ref;
+var FORM_TEXT_ICONS = (_FORM_TEXT_ICONS = {}, _defineProperty(_FORM_TEXT_ICONS, FORM_TEXT_TYPES.DEFAULT, null), _defineProperty(_FORM_TEXT_ICONS, FORM_TEXT_TYPES.VALID, Check), _defineProperty(_FORM_TEXT_ICONS, FORM_TEXT_TYPES.INVALID, Close), _defineProperty(_FORM_TEXT_ICONS, FORM_TEXT_TYPES.WARNING, WarningFilled), _defineProperty(_FORM_TEXT_ICONS, FORM_TEXT_TYPES.CRITERIA_EMPTY, RadioButtonUnchecked), _defineProperty(_FORM_TEXT_ICONS, FORM_TEXT_TYPES.CRITERIA_VALID, CheckCircle), _defineProperty(_FORM_TEXT_ICONS, FORM_TEXT_TYPES.CRITERIA_INVALID, Cancel), _FORM_TEXT_ICONS);
+var resolveTextType = function resolveTextType(_ref) {
+  var isInvalid = _ref.isInvalid,
+    isValid = _ref.isValid;
   if (isValid) {
     return FORM_TEXT_TYPES.VALID;
   }
@@ -31,14 +26,12 @@ const resolveTextType = _ref => {
   return FORM_TEXT_TYPES.DEFAULT;
 };
 function FormTextIcon(_ref2) {
-  let {
-    type,
-    customIcon
-  } = _ref2;
+  var type = _ref2.type,
+    customIcon = _ref2.customIcon;
   if (customIcon) {
     return customIcon;
   }
-  const typeIcon = FORM_TEXT_ICONS[type];
+  var typeIcon = FORM_TEXT_ICONS[type];
   if (typeIcon) {
     return /*#__PURE__*/React.createElement(Icon, {
       src: typeIcon
@@ -55,15 +48,13 @@ FormTextIcon.defaultProps = {
   customIcon: undefined
 };
 function FormText(_ref3) {
-  let {
-      children,
-      type,
-      icon,
-      muted,
-      hasIcon
-    } = _ref3,
+  var children = _ref3.children,
+    type = _ref3.type,
+    icon = _ref3.icon,
+    muted = _ref3.muted,
+    hasIcon = _ref3.hasIcon,
     props = _objectWithoutProperties(_ref3, _excluded);
-  const className = classNames(props.className, 'pgn__form-text', `pgn__form-text-${type}`, {
+  var className = classNames(props.className, 'pgn__form-text', "pgn__form-text-".concat(type), {
     'text-muted': muted
   });
   return /*#__PURE__*/React.createElement("div", _extends({}, props, {
@@ -73,7 +64,7 @@ function FormText(_ref3) {
     type: type
   }), /*#__PURE__*/React.createElement("div", null, children));
 }
-const FORM_TEXT_TYPE_CHOICES = ['default', 'valid', 'invalid', 'warning', 'criteria-empty', 'criteria-valid', 'criteria-invalid'];
+var FORM_TEXT_TYPE_CHOICES = ['default', 'valid', 'invalid', 'warning', 'criteria-empty', 'criteria-valid', 'criteria-invalid'];
 FormText.propTypes = {
   /** Specifies contents of the component. */
   children: PropTypes.node.isRequired,

package/dist/Form/FormText.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormText.js","names":["React","PropTypes","classNames","Icon","Check","Close","Cancel","CheckCircle","RadioButtonUnchecked","WarningFilled","FORM_TEXT_TYPES","FORM_TEXT_ICONS","DEFAULT","VALID","INVALID","WARNING","CRITERIA_EMPTY","CRITERIA_VALID","CRITERIA_INVALID","resolveTextType","_ref","isInvalid","isValid","FormTextIcon","_ref2","type","customIcon","typeIcon","createElement","src","propTypes","oneOf","Object","values","node","defaultProps","undefined","FormText","_ref3","children","icon","muted","hasIcon","props","_objectWithoutProperties","_excluded","className","_extends","FORM_TEXT_TYPE_CHOICES","isRequired","string","bool"],"sources":["../../src/Form/FormText.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Icon from '../Icon';\nimport {\n  Check, Close, Cancel, CheckCircle, RadioButtonUnchecked, WarningFilled,\n} from '../../icons';\n\nimport { FORM_TEXT_TYPES } from './constants';\n\nconst FORM_TEXT_ICONS = {\n  [FORM_TEXT_TYPES.DEFAULT]: null,\n  [FORM_TEXT_TYPES.VALID]: Check,\n  [FORM_TEXT_TYPES.INVALID]: Close,\n  [FORM_TEXT_TYPES.WARNING]: WarningFilled,\n  [FORM_TEXT_TYPES.CRITERIA_EMPTY]: RadioButtonUnchecked,\n  [FORM_TEXT_TYPES.CRITERIA_VALID]: CheckCircle,\n  [FORM_TEXT_TYPES.CRITERIA_INVALID]: Cancel,\n};\n\nconst resolveTextType = ({ isInvalid, isValid }) => {\n  if (isValid) {\n    return FORM_TEXT_TYPES.VALID;\n  }\n  if (isInvalid) {\n    return FORM_TEXT_TYPES.INVALID;\n  }\n  return FORM_TEXT_TYPES.DEFAULT;\n};\n\nfunction FormTextIcon({ type, customIcon }) {\n  if (customIcon) {\n    return customIcon;\n  }\n\n  const typeIcon = FORM_TEXT_ICONS[type];\n  if (typeIcon) {\n    return <Icon src={typeIcon} />;\n  }\n\n  return null;\n}\n\nFormTextIcon.propTypes = {\n  type: PropTypes.oneOf(Object.values(FORM_TEXT_TYPES)),\n  customIcon: PropTypes.node,\n};\n\nFormTextIcon.defaultProps = {\n  type: undefined,\n  customIcon: undefined,\n};\n\nfunction FormText({\n  children, type, icon, muted, hasIcon, ...props\n}) {\n  const className = classNames(\n    props.className,\n    'pgn__form-text',\n    `pgn__form-text-${type}`,\n    {\n      'text-muted': muted,\n    },\n  );\n\n  return (\n    <div {...props} className={className}>\n      {hasIcon && <FormTextIcon customIcon={icon} type={type} />}\n      <div>\n        {children}\n      </div>\n    </div>\n  );\n}\n\nconst FORM_TEXT_TYPE_CHOICES = [\n  'default',\n  'valid',\n  'invalid',\n  'warning',\n  'criteria-empty',\n  'criteria-valid',\n  'criteria-invalid',\n];\n\nFormText.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 whether to show an icon next to the text. */\n  hasIcon: PropTypes.bool,\n  /** Specifies text type, this affects styling. */\n  type: PropTypes.oneOf(FORM_TEXT_TYPE_CHOICES),\n  /** Specifies icon to show, will only be shown if `hasIcon` prop is set to `true`. */\n  icon: PropTypes.node,\n  /** Specifies whether to show text with muted styling. */\n  muted: PropTypes.bool,\n};\n\nFormText.defaultProps = {\n  hasIcon: true,\n  type: 'default',\n  icon: undefined,\n  className: undefined,\n  muted: false,\n};\n\nexport default FormText;\nexport {\n  FORM_TEXT_TYPES,\n  FORM_TEXT_ICONS,\n  FormTextIcon,\n  resolveTextType,\n};\n"],"mappings":"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"}
+{"version":3,"file":"FormText.js","names":["React","PropTypes","classNames","Icon","Check","Close","Cancel","CheckCircle","RadioButtonUnchecked","WarningFilled","FORM_TEXT_TYPES","FORM_TEXT_ICONS","_FORM_TEXT_ICONS","_defineProperty","DEFAULT","VALID","INVALID","WARNING","CRITERIA_EMPTY","CRITERIA_VALID","CRITERIA_INVALID","resolveTextType","_ref","isInvalid","isValid","FormTextIcon","_ref2","type","customIcon","typeIcon","createElement","src","propTypes","oneOf","Object","values","node","defaultProps","undefined","FormText","_ref3","children","icon","muted","hasIcon","props","_objectWithoutProperties","_excluded","className","concat","_extends","FORM_TEXT_TYPE_CHOICES","isRequired","string","bool"],"sources":["../../src/Form/FormText.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport Icon from '../Icon';\nimport {\n  Check, Close, Cancel, CheckCircle, RadioButtonUnchecked, WarningFilled,\n} from '../../icons';\n\nimport { FORM_TEXT_TYPES } from './constants';\n\nconst FORM_TEXT_ICONS = {\n  [FORM_TEXT_TYPES.DEFAULT]: null,\n  [FORM_TEXT_TYPES.VALID]: Check,\n  [FORM_TEXT_TYPES.INVALID]: Close,\n  [FORM_TEXT_TYPES.WARNING]: WarningFilled,\n  [FORM_TEXT_TYPES.CRITERIA_EMPTY]: RadioButtonUnchecked,\n  [FORM_TEXT_TYPES.CRITERIA_VALID]: CheckCircle,\n  [FORM_TEXT_TYPES.CRITERIA_INVALID]: Cancel,\n};\n\nconst resolveTextType = ({ isInvalid, isValid }) => {\n  if (isValid) {\n    return FORM_TEXT_TYPES.VALID;\n  }\n  if (isInvalid) {\n    return FORM_TEXT_TYPES.INVALID;\n  }\n  return FORM_TEXT_TYPES.DEFAULT;\n};\n\nfunction FormTextIcon({ type, customIcon }) {\n  if (customIcon) {\n    return customIcon;\n  }\n\n  const typeIcon = FORM_TEXT_ICONS[type];\n  if (typeIcon) {\n    return <Icon src={typeIcon} />;\n  }\n\n  return null;\n}\n\nFormTextIcon.propTypes = {\n  type: PropTypes.oneOf(Object.values(FORM_TEXT_TYPES)),\n  customIcon: PropTypes.node,\n};\n\nFormTextIcon.defaultProps = {\n  type: undefined,\n  customIcon: undefined,\n};\n\nfunction FormText({\n  children, type, icon, muted, hasIcon, ...props\n}) {\n  const className = classNames(\n    props.className,\n    'pgn__form-text',\n    `pgn__form-text-${type}`,\n    {\n      'text-muted': muted,\n    },\n  );\n\n  return (\n    <div {...props} className={className}>\n      {hasIcon && <FormTextIcon customIcon={icon} type={type} />}\n      <div>\n        {children}\n      </div>\n    </div>\n  );\n}\n\nconst FORM_TEXT_TYPE_CHOICES = [\n  'default',\n  'valid',\n  'invalid',\n  'warning',\n  'criteria-empty',\n  'criteria-valid',\n  'criteria-invalid',\n];\n\nFormText.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 whether to show an icon next to the text. */\n  hasIcon: PropTypes.bool,\n  /** Specifies text type, this affects styling. */\n  type: PropTypes.oneOf(FORM_TEXT_TYPE_CHOICES),\n  /** Specifies icon to show, will only be shown if `hasIcon` prop is set to `true`. */\n  icon: PropTypes.node,\n  /** Specifies whether to show text with muted styling. */\n  muted: PropTypes.bool,\n};\n\nFormText.defaultProps = {\n  hasIcon: true,\n  type: 'default',\n  icon: undefined,\n  className: undefined,\n  muted: false,\n};\n\nexport default FormText;\nexport {\n  FORM_TEXT_TYPES,\n  FORM_TEXT_ICONS,\n  FormTextIcon,\n  resolveTextType,\n};\n"],"mappings":"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"}

package/dist/Form/_FormText.scss

@@ -1,5 +1,5 @@
 .pgn__form-text {
-  font-size: var(--pgn-typography-font-size-small-base);
+  font-size: $small-font-size;
   display: flex;
   align-items: center;
 
@@ -22,35 +22,35 @@
 }
 
 .pgn__form-text-default {
-  color: var(--pgn-color-text-muted);
+  color: $text-muted;
 }
 
 .pgn__form-text-valid {
-  color: var(--pgn-color-form-feedback-valid);
+  color: $form-feedback-valid-color;
 }
 
 .pgn__form-text-invalid {
-  color: var(--pgn-color-form-feedback-invalid);
+  color: $form-feedback-invalid-color;
 }
 
 .pgn__form-text-warning {
-  color: var(--pgn-color-gray-900);
+  color: $gray-900;
 }
 
 .pgn__form-text-criteria-empty {
   .pgn__icon {
-    color: var(--pgn-color-text-muted);
+    color: $text-muted;
   }
 }
 
 .pgn__form-text-criteria-valid {
   .pgn__icon {
-    color: var(--pgn-color-form-feedback-valid);
+    color: $form-feedback-valid-color;
   }
 }
 
 .pgn__form-text-criteria-invalid {
   .pgn__icon {
-    color: var(--pgn-color-form-feedback-invalid);
+    color: $form-feedback-invalid-color;
   }
 }