@bigbinary/neetoui 6.5.10 → 6.5.11

package/dist/cjs/formik/Form.js

@@ -0,0 +1,197 @@
+'use strict';
+
+var React = require('react');
+var formik = require('formik');
+var index$1 = require('../index-63580e68.js');
+var _extends = require('../extends-1b35a664.js');
+var index = require('../index-5d74cfeb.js');
+var objectWithoutProperties = require('../objectWithoutProperties-2fed2d7d.js');
+var toConsumableArray = require('../toConsumableArray-418424fc.js');
+var slicedToArray = require('../slicedToArray-732a2048.js');
+var ramda = require('ramda');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var transformObjectToDotNotation = function transformObjectToDotNotation(object) {
+  var prefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+  var result = [];
+  Object.entries(object).forEach(function (_ref) {
+    var _ref2 = slicedToArray._slicedToArray(_ref, 2),
+      key = _ref2[0],
+      value = _ref2[1];
+    if (!value) return;
+    var nextKey = prefix ? "".concat(prefix, ".").concat(key) : key;
+    if (ramda.is(Object, value)) {
+      result.push.apply(result, toConsumableArray._toConsumableArray(transformObjectToDotNotation(value, nextKey)));
+    } else {
+      result.push(nextKey);
+    }
+  });
+  return result;
+};
+var getErrorFieldName = function getErrorFieldName(formikErrors) {
+  var _transformObjectToDot;
+  return (_transformObjectToDot = transformObjectToDotNotation(formikErrors)) === null || _transformObjectToDot === void 0 ? void 0 : _transformObjectToDot[0];
+};
+var scrollToError = function scrollToError(formRef, errors) {
+  var fieldErrorName = getErrorFieldName(errors);
+  if (!fieldErrorName) return;
+  var errorFormElement = formRef.current.querySelector("[name=\"".concat(fieldErrorName, "\"]"));
+  errorFormElement === null || errorFormElement === void 0 || errorFormElement.scrollIntoView({
+    behavior: "smooth",
+    block: "center"
+  });
+};
+
+var ScrollToErrorField = function ScrollToErrorField(_ref) {
+  var formRef = _ref.formRef;
+  var _useFormikContext = formik.useFormikContext(),
+    submitCount = _useFormikContext.submitCount,
+    isValid = _useFormikContext.isValid,
+    errors = _useFormikContext.errors;
+  React.useEffect(function () {
+    if (!formRef.current || isValid) return;
+    scrollToError(formRef, errors);
+  }, [submitCount]);
+  return null;
+};
+
+var _excluded = ["values", "validateForm", "setErrors", "setTouched"];
+var FormWrapper = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    formProps = _ref.formProps,
+    children = _ref.children,
+    onSubmit = _ref.onSubmit,
+    scrollToErrorField = _ref.scrollToErrorField;
+  var _useFormikContext = formik.useFormikContext(),
+    values = _useFormikContext.values,
+    validateForm = _useFormikContext.validateForm,
+    setErrors = _useFormikContext.setErrors,
+    setTouched = _useFormikContext.setTouched,
+    formikBag = objectWithoutProperties._objectWithoutProperties(_useFormikContext, _excluded);
+  var isFormDirty = formikBag.dirty,
+    isSubmitting = formikBag.isSubmitting;
+  var formRefForScrollToErrorField = React.useRef();
+  var formRef = ref || formRefForScrollToErrorField;
+  var handleKeyDown = React.useCallback( /*#__PURE__*/function () {
+    var _ref2 = index._asyncToGenerator( /*#__PURE__*/index.regenerator.mark(function _callee(event) {
+      var isEventFromEditorOrTextarea, errors;
+      return index.regenerator.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            isEventFromEditorOrTextarea = event.target.tagName === "TEXTAREA" || event.target.editor;
+            if (!(event.key !== "Enter")) {
+              _context.next = 3;
+              break;
+            }
+            return _context.abrupt("return");
+          case 3:
+            if (!(isEventFromEditorOrTextarea && !event.metaKey)) {
+              _context.next = 5;
+              break;
+            }
+            return _context.abrupt("return");
+          case 5:
+            event.preventDefault();
+            if (!event.shiftKey) {
+              _context.next = 8;
+              break;
+            }
+            return _context.abrupt("return");
+          case 8:
+            if (!(!isFormDirty || isSubmitting)) {
+              _context.next = 10;
+              break;
+            }
+            return _context.abrupt("return");
+          case 10:
+            _context.prev = 10;
+            _context.next = 13;
+            return validateForm();
+          case 13:
+            errors = _context.sent;
+            if (Object.keys(errors).length > 0) {
+              setErrors(errors);
+              setTouched(errors);
+              scrollToErrorField && scrollToError(formRef, errors);
+            } else {
+              onSubmit(values, formikBag);
+            }
+            _context.next = 20;
+            break;
+          case 17:
+            _context.prev = 17;
+            _context.t0 = _context["catch"](10);
+            // eslint-disable-next-line no-console
+            console.error("An unhandled error was caught from validateForm()", _context.t0);
+          case 20:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[10, 17]]);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), [values, validateForm, setErrors, setTouched, onSubmit, isFormDirty, isSubmitting]);
+  return /*#__PURE__*/React__default["default"].createElement(formik.Form, _extends._extends({
+    className: className,
+    noValidate: true,
+    "data-testid": "neeto-ui-form-wrapper",
+    ref: formRef,
+    onKeyDown: handleKeyDown
+  }, formProps), scrollToErrorField && /*#__PURE__*/React__default["default"].createElement(ScrollToErrorField, {
+    formRef: formRef
+  }), children);
+});
+FormWrapper.displayName = "FormWrapper";
+
+var Form = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    formikProps = _ref.formikProps,
+    formProps = _ref.formProps,
+    _ref$scrollToErrorFie = _ref.scrollToErrorField,
+    scrollToErrorField = _ref$scrollToErrorFie === void 0 ? false : _ref$scrollToErrorFie;
+  return /*#__PURE__*/React__default["default"].createElement(formik.Formik, formikProps, function (props) {
+    return /*#__PURE__*/React__default["default"].createElement(FormWrapper, {
+      className: className,
+      formProps: formProps,
+      ref: ref,
+      scrollToErrorField: scrollToErrorField,
+      onSubmit: formikProps === null || formikProps === void 0 ? void 0 : formikProps.onSubmit
+    }, typeof children === "function" ? children(props) : children);
+  });
+});
+Form.displayName = "Form";
+Form.propTypes = {
+  /**
+   * Pass a function to render children or pass the children directly
+   **/
+  children: index$1.propTypes.exports.node,
+  /**
+   * Additional classnames to be passed to the form wrapper
+   **/
+  className: index$1.propTypes.exports.string,
+  /**
+   * Props to be passed to the Formik component like `initialValues`, `validationSchema`, `onSubmit`
+   * Refer to the Formik docs for more details
+   * https://formik.org/docs/api/formik
+   **/
+  formikProps: index$1.propTypes.exports.object,
+  /**
+   * Props to be passed to the form element like `className`.
+   * Refer to the Formik docs for more details
+   * https://formik.org/docs/api/form
+   **/
+  formProps: index$1.propTypes.exports.object,
+  /**
+   * Props to be passed for scrolling to error field on submit button click.
+   **/
+  scrollToErrorField: index$1.propTypes.exports.bool
+};
+
+module.exports = Form;
+//# sourceMappingURL=Form.js.map

package/dist/cjs/formik/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sources":["../../../src/formik/Form/ScrollToErrorField/utils.js","../../../src/formik/Form/ScrollToErrorField/index.js","../../../src/formik/Form/FormWrapper.jsx","../../../src/formik/Form/index.jsx"],"sourcesContent":["import { is } from \"ramda\";\n\nconst transformObjectToDotNotation = (object, prefix = \"\") => {\n  const result = [];\n\n  Object.entries(object).forEach(([key, value]) => {\n    if (!value) return;\n    const nextKey = prefix ? `${prefix}.${key}` : key;\n    if (is(Object, value)) {\n      result.push(...transformObjectToDotNotation(value, nextKey));\n    } else {\n      result.push(nextKey);\n    }\n  });\n\n  return result;\n};\n\nconst getErrorFieldName = formikErrors =>\n  transformObjectToDotNotation(formikErrors)?.[0];\n\nexport const scrollToError = (formRef, errors) => {\n  const fieldErrorName = getErrorFieldName(errors);\n  if (!fieldErrorName) return;\n\n  const errorFormElement = formRef.current.querySelector(\n    `[name=\"${fieldErrorName}\"]`\n  );\n\n  errorFormElement?.scrollIntoView({\n    behavior: \"smooth\",\n    block: \"center\",\n  });\n};\n","import { useEffect } from \"react\";\n\nimport { useFormikContext } from \"formik\";\n\nimport { scrollToError } from \"./utils\";\n\nconst ScrollToErrorField = ({ formRef }) => {\n  const { submitCount, isValid, errors } = useFormikContext();\n\n  useEffect(() => {\n    if (!formRef.current || isValid) return;\n\n    scrollToError(formRef, errors);\n  }, [submitCount]);\n\n  return null;\n};\n\nexport default ScrollToErrorField;\n","import React, { useCallback, forwardRef, useRef } from \"react\";\n\nimport { Form as FormikForm, useFormikContext } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport ScrollToErrorField from \"./ScrollToErrorField\";\nimport { scrollToError } from \"./ScrollToErrorField/utils\";\n\nconst FormWrapper = forwardRef(\n  ({ className, formProps, children, onSubmit, scrollToErrorField }, ref) => {\n    const { values, validateForm, setErrors, setTouched, ...formikBag } =\n      useFormikContext();\n\n    const { dirty: isFormDirty, isSubmitting } = formikBag;\n\n    const formRefForScrollToErrorField = useRef();\n\n    const formRef = ref || formRefForScrollToErrorField;\n\n    const handleKeyDown = useCallback(\n      async event => {\n        const isEventFromEditorOrTextarea =\n          event.target.tagName === \"TEXTAREA\" || event.target.editor;\n\n        if (event.key !== \"Enter\") return;\n\n        if (isEventFromEditorOrTextarea && !event.metaKey) return;\n\n        event.preventDefault();\n\n        if (event.shiftKey) return;\n\n        if (!isFormDirty || isSubmitting) return;\n\n        try {\n          const errors = await validateForm();\n\n          if (Object.keys(errors).length > 0) {\n            setErrors(errors);\n            setTouched(errors);\n            scrollToErrorField && scrollToError(formRef, errors);\n          } else {\n            onSubmit(values, formikBag);\n          }\n        } catch (error) {\n          // eslint-disable-next-line no-console\n          console.error(\n            \"An unhandled error was caught from validateForm()\",\n            error\n          );\n        }\n      },\n      [\n        values,\n        validateForm,\n        setErrors,\n        setTouched,\n        onSubmit,\n        isFormDirty,\n        isSubmitting,\n      ]\n    );\n\n    return (\n      <FormikForm\n        {...{ className }}\n        noValidate\n        data-testid=\"neeto-ui-form-wrapper\"\n        ref={formRef}\n        onKeyDown={handleKeyDown}\n        {...formProps}\n      >\n        {scrollToErrorField && <ScrollToErrorField {...{ formRef }} />}\n        {children}\n      </FormikForm>\n    );\n  }\n);\n\nFormWrapper.displayName = \"FormWrapper\";\n\nFormWrapper.propTypes = {\n  children: PropTypes.node,\n  formProps: PropTypes.object,\n  onSubmit: PropTypes.func,\n  scrollToErrorField: PropTypes.bool,\n};\n\nexport default FormWrapper;\n","import React, { forwardRef } from \"react\";\n\nimport { Formik } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport FormWrapper from \"./FormWrapper\";\n\nconst Form = forwardRef(\n  (\n    { className, children, formikProps, formProps, scrollToErrorField = false },\n    ref\n  ) => (\n    <Formik {...formikProps}>\n      {props => (\n        <FormWrapper\n          {...{ className, formProps, ref, scrollToErrorField }}\n          onSubmit={formikProps?.onSubmit}\n        >\n          {typeof children === \"function\" ? children(props) : children}\n        </FormWrapper>\n      )}\n    </Formik>\n  )\n);\n\nForm.displayName = \"Form\";\n\nForm.propTypes = {\n  /**\n   * Pass a function to render children or pass the children directly\n   **/\n  children: PropTypes.node,\n  /**\n   * Additional classnames to be passed to the form wrapper\n   **/\n  className: PropTypes.string,\n  /**\n   * Props to be passed to the Formik component like `initialValues`, `validationSchema`, `onSubmit`\n   * Refer to the Formik docs for more details\n   * https://formik.org/docs/api/formik\n   **/\n  formikProps: PropTypes.object,\n  /**\n   * Props to be passed to the form element like `className`.\n   * Refer to the Formik docs for more details\n   * https://formik.org/docs/api/form\n   **/\n  formProps: PropTypes.object,\n  /**\n   * Props to be passed for scrolling to error field on submit button click.\n   **/\n  scrollToErrorField: PropTypes.bool,\n};\n\nexport default Form;\n"],"names":["transformObjectToDotNotation","object","prefix","arguments","length","undefined","result","Object","entries","forEach","_ref","_ref2","_slicedToArray","key","value","nextKey","concat","is","push","apply","_toConsumableArray","getErrorFieldName","formikErrors","_transformObjectToDot","scrollToError","formRef","errors","fieldErrorName","errorFormElement","current","querySelector","scrollIntoView","behavior","block","ScrollToErrorField","_useFormikContext","useFormikContext","submitCount","isValid","useEffect","FormWrapper","forwardRef","ref","className","formProps","children","onSubmit","scrollToErrorField","values","validateForm","setErrors","setTouched","formikBag","_objectWithoutProperties","_excluded","isFormDirty","dirty","isSubmitting","formRefForScrollToErrorField","useRef","handleKeyDown","useCallback","_asyncToGenerator","_regeneratorRuntime","mark","_callee","event","isEventFromEditorOrTextarea","wrap","_callee$","_context","prev","next","target","tagName","editor","abrupt","metaKey","preventDefault","shiftKey","sent","keys","t0","console","error","stop","_x","React","createElement","FormikForm","_extends","noValidate","onKeyDown","displayName","Form","formikProps","_ref$scrollToErrorFie","Formik","props","propTypes","PropTypes","node","string","bool"],"mappings":"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"}

package/dist/cjs/formik/Input.js

@@ -0,0 +1,59 @@
+'use strict';
+
+var _extends = require('../extends-1b35a664.js');
+var defineProperty = require('../defineProperty-ee86604b.js');
+var objectWithoutProperties = require('../objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var formik = require('formik');
+var index = require('../index-63580e68.js');
+var Input = require('../Input.js');
+require('../toPropertyKey-bfa2e465.js');
+require('../slicedToArray-732a2048.js');
+require('../index-302c3d37.js');
+require('ramda');
+require('../useId-4e3deb5c.js');
+require('react-router-dom');
+require('../index-a8cc581e.js');
+require('../overlayManager.js');
+require('../createClass-80e17c6a.js');
+require('../index-68589e5c.js');
+require('../_commonjsHelpers-44e4a143.js');
+require('@bigbinary/neeto-cist');
+require('util');
+require('../Label.js');
+require('@bigbinary/neeto-icons');
+require('../index-0e68cfff.js');
+require('react-dom');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["name"];
+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._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; }
+var FormikInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var name = _ref.name,
+    rest = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default["default"].createElement(formik.Field, {
+    name: name
+  }, function (_ref2) {
+    var field = _ref2.field,
+      meta = _ref2.meta;
+    return /*#__PURE__*/React__default["default"].createElement(Input, _extends._extends({}, _objectSpread({
+      ref: ref
+    }, field), {
+      error: meta.touched ? meta.error : ""
+    }, rest));
+  });
+});
+FormikInput.displayName = "FormikInput";
+FormikInput.propTypes = {
+  /**
+   * The name of the input field.
+   */
+  name: index.propTypes.exports.string
+};
+
+module.exports = FormikInput;
+//# sourceMappingURL=Input.js.map

package/dist/cjs/formik/Input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.js","sources":["../../../src/formik/Input.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { Field } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport Input from \"components/Input\";\n\nconst FormikInput = forwardRef(({ name, ...rest }, ref) => (\n  <Field {...{ name }}>\n    {({ field, meta }) => (\n      <Input\n        {...{ ref, ...field }}\n        error={meta.touched ? meta.error : \"\"}\n        {...rest}\n      />\n    )}\n  </Field>\n));\n\nFormikInput.displayName = \"FormikInput\";\n\nFormikInput.propTypes = {\n  /**\n   * The name of the input field.\n   */\n  name: PropTypes.string,\n};\n\nexport default FormikInput;\n"],"names":["FormikInput","forwardRef","_ref","ref","name","rest","_objectWithoutProperties","_excluded","React","createElement","Field","_ref2","field","meta","Input","_extends","_objectSpread","error","touched","displayName","propTypes","PropTypes","string"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,IAAMA,WAAW,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAAoBC,GAAG,EAAA;AAAA,EAAA,IAApBC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,IAAI,GAAAC,gDAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAAA,EAAA,oBAC7CC,yBAAA,CAAAC,aAAA,CAACC,YAAK,EAAA;AAAON,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,EACd,UAAAO,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK;MAAEC,IAAI,GAAAF,KAAA,CAAJE,IAAI,CAAA;IAAA,oBACbL,yBAAA,CAAAC,aAAA,CAACK,KAAK,EAAAC,iBAAA,KAAAC,aAAA,CAAA;AACEb,MAAAA,GAAG,EAAHA,GAAAA;AAAG,KAAA,EAAKS,KAAK,CAAA,EAAA;MACnBK,KAAK,EAAEJ,IAAI,CAACK,OAAO,GAAGL,IAAI,CAACI,KAAK,GAAG,EAAA;AAAG,KAAA,EAClCZ,IAAI,CACR,CAAA,CAAA;AAAA,GACH,CACK,CAAA;AAAA,CACT,EAAC;AAEFL,WAAW,CAACmB,WAAW,GAAG,aAAa,CAAA;AAEvCnB,WAAW,CAACoB,SAAS,GAAG;AACtB;AACF;AACA;EACEhB,IAAI,EAAEiB,uBAAS,CAACC,MAAAA;AAClB,CAAC;;;;"}

package/dist/cjs/formik/MultiEmailInput.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var _extends = require('../extends-1b35a664.js');
+var slicedToArray = require('../slicedToArray-732a2048.js');
+var objectWithoutProperties = require('../objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var formik = require('formik');
+var MultiEmailInput = require('../MultiEmailInput.js');
+require('../defineProperty-ee86604b.js');
+require('../toPropertyKey-bfa2e465.js');
+require('../toConsumableArray-418424fc.js');
+require('../index-302c3d37.js');
+require('ramda');
+require('../react-select-creatable.esm-b39742a3.js');
+require('react-dom');
+require('../index-68589e5c.js');
+require('../createClass-80e17c6a.js');
+require('../_commonjsHelpers-44e4a143.js');
+require('@bigbinary/neeto-cist');
+require('util');
+require('@bigbinary/neeto-icons');
+require('../Tag.js');
+require('../Label.js');
+require('../index-0e68cfff.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["name"];
+var FormikMultiEmailInput = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var name = _ref.name,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  var _useField = formik.useField(name),
+    _useField2 = slicedToArray._slicedToArray(_useField, 3),
+    field = _useField2[0],
+    meta = _useField2[1],
+    _useField2$ = _useField2[2],
+    setValue = _useField2$.setValue,
+    setTouched = _useField2$.setTouched;
+  return /*#__PURE__*/React__default["default"].createElement(MultiEmailInput, _extends._extends({
+    ref: ref,
+    error: meta.touched ? meta.error : "",
+    name: field.name,
+    value: field.value,
+    onBlur: function onBlur() {
+      return setTouched(true);
+    },
+    onChange: function onChange(value) {
+      return setValue(value);
+    }
+  }, otherProps));
+});
+FormikMultiEmailInput.displayName = "FormikMultiEmailInput";
+
+module.exports = FormikMultiEmailInput;
+//# sourceMappingURL=MultiEmailInput.js.map

package/dist/cjs/formik/MultiEmailInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiEmailInput.js","sources":["../../../src/formik/MultiEmailInput.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField } from \"formik\";\nimport PropTypes from \"prop-types\";\n\nimport EmailInput from \"components/MultiEmailInput\";\n\nconst FormikMultiEmailInput = forwardRef(({ name, ...otherProps }, ref) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n\n  return (\n    <EmailInput\n      {...{ ref }}\n      error={meta.touched ? meta.error : \"\"}\n      name={field.name}\n      value={field.value}\n      onBlur={() => setTouched(true)}\n      onChange={value => setValue(value)}\n      {...otherProps}\n    />\n  );\n});\n\nFormikMultiEmailInput.displayName = \"FormikMultiEmailInput\";\n\nFormikMultiEmailInput.propTypes = {\n  /**\n   * The name of the email input field.\n   */\n  name: PropTypes.string,\n};\n\nexport default FormikMultiEmailInput;\n"],"names":["FormikMultiEmailInput","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","React","createElement","EmailInput","_extends","error","touched","value","onBlur","onChange","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOMA,IAAAA,qBAAqB,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,gDAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAC7D,EAAA,IAAAC,SAAA,GAAgDC,eAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,4BAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAA;AAE1C,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,eAAU,EAAAC,iBAAA,CAAA;AACHjB,IAAAA,GAAG,EAAHA,GAAG;IACTkB,KAAK,EAAER,IAAI,CAACS,OAAO,GAAGT,IAAI,CAACQ,KAAK,GAAG,EAAG;IACtCjB,IAAI,EAAEQ,KAAK,CAACR,IAAK;IACjBmB,KAAK,EAAEX,KAAK,CAACW,KAAM;IACnBC,MAAM,EAAE,SAAAA,MAAA,GAAA;MAAA,OAAMR,UAAU,CAAC,IAAI,CAAC,CAAA;KAAC;IAC/BS,QAAQ,EAAE,SAAAA,QAAAA,CAAAF,KAAK,EAAA;MAAA,OAAIR,QAAQ,CAACQ,KAAK,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,EAC/BlB,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,qBAAqB,CAAC0B,WAAW,GAAG,uBAAuB;;;;"}

package/dist/cjs/formik/Radio.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var _extends = require('../extends-1b35a664.js');
+var defineProperty = require('../defineProperty-ee86604b.js');
+var slicedToArray = require('../slicedToArray-732a2048.js');
+var objectWithoutProperties = require('../objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var formik = require('formik');
+var Radio = require('../Radio.js');
+require('../toPropertyKey-bfa2e465.js');
+require('../index-302c3d37.js');
+require('../Label.js');
+require('@bigbinary/neeto-icons');
+require('../index-0e68cfff.js');
+require('react-dom');
+require('../useId-4e3deb5c.js');
+require('react-router-dom');
+require('../index-a8cc581e.js');
+require('ramda');
+require('../overlayManager.js');
+require('../createClass-80e17c6a.js');
+require('../index-68589e5c.js');
+require('../_commonjsHelpers-44e4a143.js');
+require('@bigbinary/neeto-cist');
+require('util');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["label", "name", "className"];
+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._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; }
+var RadioGroup = function RadioGroup(_ref) {
+  var label = _ref.label,
+    name = _ref.name,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    props = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  var _useFormikContext = formik.useFormikContext(),
+    setFieldValue = _useFormikContext.setFieldValue;
+  var _useField = formik.useField({
+      name: name
+    }),
+    _useField2 = slicedToArray._slicedToArray(_useField, 2),
+    field = _useField2[0],
+    meta = _useField2[1];
+  return /*#__PURE__*/React__default["default"].createElement(Radio, _extends._extends({
+    error: meta.touched ? meta.error : "",
+    onChange: function onChange(event) {
+      return setFieldValue(name, event.target.value);
+    }
+  }, _objectSpread(_objectSpread({
+    className: className,
+    label: label
+  }, field), props)));
+};
+RadioGroup.Item = Radio.Item;
+
+module.exports = RadioGroup;
+//# sourceMappingURL=Radio.js.map

package/dist/cjs/formik/Radio.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Radio.js","sources":["../../../src/formik/Radio.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { useField, useFormikContext } from \"formik\";\n\nimport Radio from \"components/Radio\";\n\nconst RadioGroup = ({ label, name, className = \"\", ...props }) => {\n  const { setFieldValue } = useFormikContext();\n  const [field, meta] = useField({ name });\n\n  return (\n    <Radio\n      error={meta.touched ? meta.error : \"\"}\n      onChange={event => setFieldValue(name, event.target.value)}\n      {...{ className, label, ...field, ...props }}\n    />\n  );\n};\n\nRadioGroup.Item = Radio.Item;\n\nRadioGroup.propTypes = Radio.propTypes;\n\nexport default RadioGroup;\n"],"names":["RadioGroup","_ref","label","name","_ref$className","className","props","_objectWithoutProperties","_excluded","_useFormikContext","useFormikContext","setFieldValue","_useField","useField","_useField2","_slicedToArray","field","meta","React","createElement","Radio","_extends","error","touched","onChange","event","target","value","_objectSpread","Item"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAkD;AAAA,EAAA,IAA5CC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAAC,cAAA,GAAAH,IAAA,CAAEI,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,cAAA;AAAKE,IAAAA,KAAK,GAAAC,gDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA,CAAA;EACzD,IAAAC,iBAAA,GAA0BC,uBAAgB,EAAE;IAApCC,aAAa,GAAAF,iBAAA,CAAbE,aAAa,CAAA;EACrB,IAAAC,SAAA,GAAsBC,eAAQ,CAAC;AAAEV,MAAAA,IAAI,EAAJA,IAAAA;AAAK,KAAC,CAAC;IAAAW,UAAA,GAAAC,4BAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAjCI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElB,EAAA,oBACEI,yBAAA,CAAAC,aAAA,CAACC,KAAK,EAAAC,iBAAA,CAAA;IACJC,KAAK,EAAEL,IAAI,CAACM,OAAO,GAAGN,IAAI,CAACK,KAAK,GAAG,EAAG;IACtCE,QAAQ,EAAE,SAAAA,QAAAA,CAAAC,KAAK,EAAA;MAAA,OAAId,aAAa,CAACR,IAAI,EAAEsB,KAAK,CAACC,MAAM,CAACC,KAAK,CAAC,CAAA;AAAA,KAAA;GAACC,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACrDvB,IAAAA,SAAS,EAATA,SAAS;AAAEH,IAAAA,KAAK,EAALA,KAAAA;GAAUc,EAAAA,KAAK,CAAKV,EAAAA,KAAK,CAC1C,CAAA,CAAA,CAAA;AAEN,EAAC;AAEDN,UAAU,CAAC6B,IAAI,GAAGT,KAAK,CAACS,IAAI;;;;"}

package/dist/cjs/formik/Select.js

@@ -0,0 +1,103 @@
+'use strict';
+
+var _extends = require('../extends-1b35a664.js');
+var toPropertyKey = require('../toPropertyKey-bfa2e465.js');
+var slicedToArray = require('../slicedToArray-732a2048.js');
+var objectWithoutProperties = require('../objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var formik = require('formik');
+var ramda = require('ramda');
+var Select = require('../Select.js');
+require('../defineProperty-ee86604b.js');
+require('../index-302c3d37.js');
+require('@bigbinary/neeto-cist');
+require('@bigbinary/neeto-icons');
+require('../react-select-creatable.esm-b39742a3.js');
+require('react-dom');
+require('../useId-4e3deb5c.js');
+require('react-router-dom');
+require('../index-a8cc581e.js');
+require('../overlayManager.js');
+require('../createClass-80e17c6a.js');
+require('../index-68589e5c.js');
+require('../_commonjsHelpers-44e4a143.js');
+require('util');
+require('../Label.js');
+require('../index-0e68cfff.js');
+require('../Spinner.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["name", "options", "getOptionValue", "isMulti"];
+var SelectField = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _props$name = props.name,
+    name = _props$name === void 0 ? "" : _props$name,
+    _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
+    _props$getOptionValue = props.getOptionValue,
+    getOptionValue = _props$getOptionValue === void 0 ? null : _props$getOptionValue,
+    _props$isMulti = props.isMulti,
+    isMulti = _props$isMulti === void 0 ? false : _props$isMulti,
+    otherProps = objectWithoutProperties._objectWithoutProperties(props, _excluded);
+  var _useField = formik.useField(name),
+    _useField2 = slicedToArray._slicedToArray(_useField, 3),
+    field = _useField2[0],
+    meta = _useField2[1],
+    _useField2$ = _useField2[2],
+    setValue = _useField2$.setValue,
+    setTouched = _useField2$.setTouched;
+  var isMenuOpen = React.useRef(otherProps.defaultMenuIsOpen);
+  var getRealOptionValue = function getRealOptionValue(option) {
+    if (typeof getOptionValue !== "function") {
+      return option.value;
+    }
+    return getOptionValue(option);
+  };
+  var buildValueObj = function buildValueObj(value, options) {
+    if (toPropertyKey._typeof(value) === "object") return value;
+    return options.filter(function (option) {
+      return getRealOptionValue(option) === value;
+    })[0];
+  };
+  return /*#__PURE__*/React__default["default"].createElement(Select, _extends._extends({
+    options: options,
+    error: meta.touched ? meta.error : "",
+    getOptionValue: getOptionValue || ramda.prop("value"),
+    innerRef: ref,
+    isMulti: !!isMulti,
+    name: field.name,
+    value: ramda.either(ramda.isNil, ramda.isEmpty)(field.value) ? null : buildValueObj(field.value, options),
+    onChange: function onChange(value) {
+      return setValue(value);
+    },
+    onBlur: function onBlur() {
+      return React.startTransition(function () {
+        setTouched(true);
+      });
+    }
+  }, otherProps, {
+    onKeyDown: function onKeyDown(event) {
+      var _otherProps$onKeyDown;
+      if (event.key === "Enter" && isMenuOpen.current) {
+        event.stopPropagation();
+      }
+      (_otherProps$onKeyDown = otherProps.onKeyDown) === null || _otherProps$onKeyDown === void 0 || _otherProps$onKeyDown.call(otherProps, event);
+    },
+    onMenuClose: function onMenuClose() {
+      var _otherProps$onMenuClo;
+      isMenuOpen.current = false;
+      (_otherProps$onMenuClo = otherProps.onMenuClose) === null || _otherProps$onMenuClo === void 0 || _otherProps$onMenuClo.call(otherProps);
+    },
+    onMenuOpen: function onMenuOpen() {
+      var _otherProps$onMenuOpe;
+      isMenuOpen.current = true;
+      (_otherProps$onMenuOpe = otherProps.onMenuOpen) === null || _otherProps$onMenuOpe === void 0 || _otherProps$onMenuOpe.call(otherProps);
+    }
+  }));
+});
+SelectField.displayName = "SelectField";
+
+module.exports = SelectField;
+//# sourceMappingURL=Select.js.map

package/dist/cjs/formik/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sources":["../../../src/formik/Select.jsx"],"sourcesContent":["import React, { forwardRef, useRef, startTransition } from \"react\";\n\nimport { useField } from \"formik\";\nimport PropTypes from \"prop-types\";\nimport { prop, either, isNil, isEmpty } from \"ramda\";\n\nimport Select from \"components/Select\";\n\nconst SelectField = forwardRef((props, ref) => {\n  const {\n    name = \"\",\n    options = [],\n    getOptionValue = null,\n    isMulti = false,\n    ...otherProps\n  } = props;\n  const [field, meta, { setValue, setTouched }] = useField(name);\n\n  const isMenuOpen = useRef(otherProps.defaultMenuIsOpen);\n\n  const getRealOptionValue = option => {\n    if (typeof getOptionValue !== \"function\") {\n      return option.value;\n    }\n\n    return getOptionValue(option);\n  };\n\n  const buildValueObj = (value, options) => {\n    if (typeof value === \"object\") return value;\n\n    return options.filter(option => getRealOptionValue(option) === value)[0];\n  };\n\n  return (\n    <Select\n      {...{ options }}\n      error={meta.touched ? meta.error : \"\"}\n      getOptionValue={getOptionValue || prop(\"value\")}\n      innerRef={ref}\n      isMulti={!!isMulti}\n      name={field.name}\n      value={\n        either(isNil, isEmpty)(field.value)\n          ? null\n          : buildValueObj(field.value, options)\n      }\n      onChange={value => setValue(value)}\n      onBlur={() =>\n        startTransition(() => {\n          setTouched(true);\n        })\n      }\n      {...otherProps}\n      onKeyDown={event => {\n        if (event.key === \"Enter\" && isMenuOpen.current) {\n          event.stopPropagation();\n        }\n        otherProps.onKeyDown?.(event);\n      }}\n      onMenuClose={() => {\n        isMenuOpen.current = false;\n        otherProps.onMenuClose?.();\n      }}\n      onMenuOpen={() => {\n        isMenuOpen.current = true;\n        otherProps.onMenuOpen?.();\n      }}\n    />\n  );\n});\n\nSelectField.displayName = \"SelectField\";\n\nSelectField.propTypes = {\n  /**\n   * The name of the select input.\n   */\n  name: PropTypes.string,\n  /**\n   * To provide the options to be displayed in the select component.\n   */\n  options: PropTypes.array,\n  /**\n   * To provide the function to get the value of the option.\n   */\n  getOptionValue: PropTypes.string,\n  /**\n   * To specify whether multiple options can be selected.\n   */\n  isMulti: PropTypes.bool,\n};\n\nexport default SelectField;\n"],"names":["SelectField","forwardRef","props","ref","_props$name","name","_props$options","options","_props$getOptionValue","getOptionValue","_props$isMulti","isMulti","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","isMenuOpen","useRef","defaultMenuIsOpen","getRealOptionValue","option","value","buildValueObj","_typeof","filter","React","createElement","Select","_extends","error","touched","prop","innerRef","either","isNil","isEmpty","onChange","onBlur","startTransition","onKeyDown","event","_otherProps$onKeyDown","key","current","stopPropagation","call","onMenuClose","_otherProps$onMenuClo","onMenuOpen","_otherProps$onMenuOpe","displayName"],"mappings":"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"}

package/dist/cjs/formik/Slider.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var _extends = require('../extends-1b35a664.js');
+var defineProperty = require('../defineProperty-ee86604b.js');
+var slicedToArray = require('../slicedToArray-732a2048.js');
+var objectWithoutProperties = require('../objectWithoutProperties-2fed2d7d.js');
+var React = require('react');
+var formik = require('formik');
+var Slider = require('../Slider.js');
+require('../toPropertyKey-bfa2e465.js');
+require('antd/lib/config-provider');
+require('antd/lib/slider');
+require('../Label.js');
+require('../index-302c3d37.js');
+require('@bigbinary/neeto-icons');
+require('../index-0e68cfff.js');
+require('react-dom');
+require('../useId-4e3deb5c.js');
+require('react-router-dom');
+require('../index-a8cc581e.js');
+require('ramda');
+require('../overlayManager.js');
+require('../createClass-80e17c6a.js');
+require('../index-68589e5c.js');
+require('../_commonjsHelpers-44e4a143.js');
+require('@bigbinary/neeto-cist');
+require('util');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var _excluded = ["name"];
+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._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; }
+var FormikSlider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var name = _ref.name,
+    otherProps = objectWithoutProperties._objectWithoutProperties(_ref, _excluded);
+  var _useField = formik.useField(name),
+    _useField2 = slicedToArray._slicedToArray(_useField, 3),
+    field = _useField2[0],
+    meta = _useField2[1],
+    _useField2$ = _useField2[2],
+    setValue = _useField2$.setValue,
+    setTouched = _useField2$.setTouched;
+  return /*#__PURE__*/React__default["default"].createElement(Slider, _extends._extends({
+    error: meta.error || ""
+  }, _objectSpread(_objectSpread({
+    ref: ref
+  }, field), {}, {
+    name: name
+  }), {
+    onBlur: function onBlur() {
+      return setTouched(true);
+    },
+    onChange: function onChange(value) {
+      return setValue(value);
+    }
+  }, otherProps));
+});
+FormikSlider.displayName = "Slider";
+
+module.exports = FormikSlider;
+//# sourceMappingURL=Slider.js.map

package/dist/cjs/formik/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sources":["../../../src/formik/Slider.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport { useField } from \"formik\";\n\nimport Slider from \"components/Slider\";\n\nconst FormikSlider = forwardRef(({ name, ...otherProps }, ref) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n\n  return (\n    <Slider\n      error={meta.error || \"\"}\n      {...{ ref, ...field, name }}\n      onBlur={() => setTouched(true)}\n      onChange={value => setValue(value)}\n      {...otherProps}\n    />\n  );\n});\n\nFormikSlider.displayName = \"Slider\";\n\nexport default FormikSlider;\n"],"names":["FormikSlider","forwardRef","_ref","ref","name","otherProps","_objectWithoutProperties","_excluded","_useField","useField","_useField2","_slicedToArray","field","meta","_useField2$","setValue","setTouched","React","createElement","Slider","_extends","error","_objectSpread","onBlur","onChange","value","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMMA,IAAAA,YAAY,gBAAGC,gBAAU,CAAC,UAAAC,IAAA,EAA0BC,GAAG,EAAK;AAAA,EAAA,IAA/BC,IAAI,GAAAF,IAAA,CAAJE,IAAI;AAAKC,IAAAA,UAAU,GAAAC,gDAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AACpD,EAAA,IAAAC,SAAA,GAAgDC,eAAQ,CAACL,IAAI,CAAC;IAAAM,UAAA,GAAAC,4BAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAvDI,IAAAA,KAAK,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,IAAI,GAAAH,UAAA,CAAA,CAAA,CAAA;AAAAI,IAAAA,WAAA,GAAAJ,UAAA,CAAA,CAAA,CAAA;IAAIK,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAA;AAE1C,EAAA,oBACEC,yBAAA,CAAAC,aAAA,CAACC,MAAM,EAAAC,iBAAA,CAAA;AACLC,IAAAA,KAAK,EAAER,IAAI,CAACQ,KAAK,IAAI,EAAA;GAAGC,EAAAA,aAAA,CAAAA,aAAA,CAAA;AAClBnB,IAAAA,GAAG,EAAHA,GAAAA;AAAG,GAAA,EAAKS,KAAK,CAAA,EAAA,EAAA,EAAA;AAAER,IAAAA,IAAI,EAAJA,IAAAA;AAAI,GAAA,CAAA,EAAA;IACzBmB,MAAM,EAAE,SAAAA,MAAA,GAAA;MAAA,OAAMP,UAAU,CAAC,IAAI,CAAC,CAAA;KAAC;IAC/BQ,QAAQ,EAAE,SAAAA,QAAAA,CAAAC,KAAK,EAAA;MAAA,OAAIV,QAAQ,CAACU,KAAK,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,EAC/BpB,UAAU,CACd,CAAA,CAAA;AAEN,CAAC,EAAC;AAEFL,YAAY,CAAC0B,WAAW,GAAG,QAAQ;;;;"}