@bigbinary/neeto-molecules 3.15.17 → 3.15.19

package/dist/InlineInput.js

@@ -173,7 +173,7 @@ var InlineInput = /*#__PURE__*/forwardRef(function (props, ref) {
       }),
       onChange: function onChange(e) {
         var _otherProps$onChange;
-        otherProps === null || otherProps === void 0 ? void 0 : (_otherProps$onChange = otherProps.onChange) === null || _otherProps$onChange === void 0 ? void 0 : _otherProps$onChange.call(otherProps, e);
+        otherProps === null || otherProps === void 0 || (_otherProps$onChange = otherProps.onChange) === null || _otherProps$onChange === void 0 || _otherProps$onChange.call(otherProps, e);
         setInternalValue(e.target.value);
       }
     }))
@@ -202,7 +202,7 @@ var FormikInlineInput = function FormikInlineInput(_ref) {
   var handleSubmit = function handleSubmit(value) {
     var _props$handleSubmit;
     setValue(value);
-    (_props$handleSubmit = props.handleSubmit) === null || _props$handleSubmit === void 0 ? void 0 : _props$handleSubmit.call(props, value);
+    (_props$handleSubmit = props.handleSubmit) === null || _props$handleSubmit === void 0 || _props$handleSubmit.call(props, value);
     return submitForm();
   };
   return /*#__PURE__*/jsx(InlineInput, _objectSpread(_objectSpread(_objectSpread({
@@ -212,7 +212,7 @@ var FormikInlineInput = function FormikInlineInput(_ref) {
     handleCancel: function handleCancel() {
       var _props$handleCancel;
       resetForm();
-      (_props$handleCancel = props.handleCancel) === null || _props$handleCancel === void 0 ? void 0 : _props$handleCancel.call(props);
+      (_props$handleCancel = props.handleCancel) === null || _props$handleCancel === void 0 || _props$handleCancel.call(props);
     }
   }, _objectSpread(_objectSpread({
     handleSubmit: handleSubmit

package/dist/InlineInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"InlineInput.js","sources":["../src/components/InlineInput/constants.js","../src/components/InlineInput/utils.js","../src/components/InlineInput/InlineInput.jsx","../src/components/InlineInput/FormikInlineInput.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const TOOLTIP_PROPS = {\n  save: {\n    content: t(\"neetoMolecules.common.actions.save\"),\n    position: \"top\",\n    delay: 300,\n  },\n  cancel: {\n    content: t(\"neetoMolecules.common.actions.cancel\"),\n    position: \"top\",\n    delay: 300,\n  },\n};\n","export const mergeRefs =\n  (...refs) =>\n  node =>\n    refs.forEach(ref =>\n      typeof ref === \"function\" ? ref(node) : (ref.current = node)\n    );\n","import { forwardRef, useEffect, useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty, noop } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/react-utils/useOnClickOutside\";\nimport useStateWithDependency from \"neetocommons/react-utils/useStateWithDependency\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Check, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { isNotNil } from \"ramda\";\n\nimport { TOOLTIP_PROPS } from \"./constants\";\nimport \"./inlineinput.scss\";\nimport { mergeRefs } from \"./utils\";\n\nconst InlineInput = forwardRef((props, ref) => {\n  const {\n    saveOnBlur = false,\n    clearOnSave = false,\n    nullable = false,\n    value = \"\",\n    isSaving,\n    className = \"\",\n    handleSubmit = noop,\n    handleCancel = noop,\n    submitButtonProps = {},\n    cancelButtonProps = {},\n    dirty,\n    onInlineInputBlur = noop,\n    ...otherProps\n  } = props;\n\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [internalValue, setInternalValue] = useStateWithDependency(value ?? \"\");\n  const inputRef = useRef(null);\n  const inputWrapperRef = useRef(null);\n  const trimmedValue = internalValue && internalValue?.trim();\n  const isValidValue =\n    nullable || (isNotEmpty(trimmedValue) && isNotNil(trimmedValue));\n\n  const isDirty = internalValue !== value || dirty;\n\n  const handleFocusOut = () => {\n    if (!isValidValue || isSubmitting) return;\n\n    onInlineInputBlur(trimmedValue);\n\n    if (saveOnBlur && isDirty) {\n      onSubmit();\n\n      return;\n    }\n\n    onCancel();\n  };\n\n  useOnClickOutside(inputWrapperRef, handleFocusOut);\n\n  const onSubmit = async () => {\n    setIsSubmitting(true);\n    await handleSubmit(trimmedValue);\n    setIsSubmitting(false);\n    clearOnSave && setInternalValue(\"\");\n  };\n\n  const onCancel = () => {\n    handleCancel(trimmedValue);\n  };\n\n  const closeRef = useHotkeys(\n    \"escape\",\n    event => {\n      event.stopPropagation();\n      onCancel();\n    },\n    { mode: \"scoped\" }\n  );\n\n  const submitRef = useHotkeys([\"command+return\", \"return\"], () => onSubmit(), {\n    mode: \"scoped\",\n    enabled: isValidValue,\n  });\n\n  useEffect(() => inputRef.current && inputRef.current.focus(), [isSubmitting]);\n\n  return (\n    <div\n      className={classnames(\"flex flex-grow\", { [className]: className })}\n      ref={inputWrapperRef}\n    >\n      <Input\n        disableTrimOnBlur\n        className=\"neeto-molecules-autosave-input\"\n        data-testid=\"neeto-molecules-autosave-input\"\n        disabled={isSubmitting}\n        ref={mergeRefs(inputRef, closeRef, submitRef)}\n        value={internalValue}\n        {...otherProps}\n        suffix={\n          <>\n            <Button\n              data-testid=\"neeto-molecules-autosave-input-save\"\n              icon={Check}\n              loading={isSubmitting || isSaving}\n              size=\"small\"\n              style=\"text\"\n              tabIndex={-1}\n              tooltipProps={TOOLTIP_PROPS[\"save\"]}\n              onClick={onSubmit}\n              {...submitButtonProps}\n              disabled={\n                !isValidValue ||\n                isSubmitting ||\n                isSaving ||\n                submitButtonProps.disabled ||\n                !isDirty\n              }\n            />\n            <Button\n              {...{ ref }}\n              data-testid=\"neeto-molecules-autosave-input-cancel\"\n              icon={Close}\n              size=\"small\"\n              style=\"text\"\n              tabIndex={-1}\n              tooltipProps={TOOLTIP_PROPS[\"cancel\"]}\n              onClick={onCancel}\n              {...cancelButtonProps}\n              disabled={isSubmitting || isSaving || cancelButtonProps.disabled}\n            />\n          </>\n        }\n        onChange={e => {\n          otherProps?.onChange?.(e);\n          setInternalValue(e.target.value);\n        }}\n      />\n    </div>\n  );\n});\n\nInlineInput.displayName = \"InlineInput\";\n\nInlineInput.propTypes = {\n  /**\n   * To provide additional classes to the component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the text to be displayed in the component.\n   */\n  value: PropTypes.string,\n  /**\n   * To enable submission of empty values.\n   */\n  nullable: PropTypes.bool,\n  /**\n   * To specify whether the value is being saved.\n   */\n  isSaving: PropTypes.bool,\n  /**\n   * To specify whether to save the value on blur.\n   */\n  saveOnBlur: PropTypes.bool,\n  /**\n   * To specify whether to clear the input on save.\n   */\n  clearOnSave: PropTypes.bool,\n  /**\n   * To specify additional props for submit button.\n   */\n  submitButtonProps: PropTypes.object,\n  /**\n   * To specify additional props for cancel button.\n   */\n  cancelButtonProps: PropTypes.object,\n  /**\n   * Function to be called on clicking the submit button.\n   */\n  handleSubmit: PropTypes.func,\n  /**\n   * Function to be called on clicking the cancel button .\n   */\n  handleCancel: PropTypes.func,\n};\n\nexport default InlineInput;\n","import { useField, useFormikContext } from \"formik\";\nimport { omit } from \"ramda\";\n\nimport InlineInput from \"./InlineInput\";\n\nconst FormikInlineInput = ({ name, ...props }) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n\n  const { submitForm, isSubmitting, resetForm, dirty } = useFormikContext();\n\n  const handleSubmit = value => {\n    setValue(value);\n\n    props.handleSubmit?.(value);\n\n    return submitForm();\n  };\n\n  return (\n    <InlineInput\n      error={meta.touched ? meta.error : \"\"}\n      isSaving={isSubmitting}\n      {...props}\n      handleCancel={() => {\n        resetForm();\n        props.handleCancel?.();\n      }}\n      {...{ handleSubmit, ...omit([\"onBlur\"], field), dirty }}\n      onInlineInputBlur={trimmedValue => {\n        setValue(trimmedValue);\n        setTouched(true);\n      }}\n    />\n  );\n};\n\nexport default FormikInlineInput;\n"],"names":["TOOLTIP_PROPS","save","content","t","position","delay","cancel","mergeRefs","_len","arguments","length","refs","Array","_key","node","forEach","ref","current","InlineInput","forwardRef","props","_props$saveOnBlur","saveOnBlur","_props$clearOnSave","clearOnSave","_props$nullable","nullable","_props$value","value","isSaving","_props$className","className","_props$handleSubmit","handleSubmit","noop","_props$handleCancel","handleCancel","_props$submitButtonPr","submitButtonProps","_props$cancelButtonPr","cancelButtonProps","dirty","_props$onInlineInputB","onInlineInputBlur","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isSubmitting","setIsSubmitting","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","internalValue","setInternalValue","inputRef","useRef","inputWrapperRef","trimmedValue","trim","isValidValue","isNotEmpty","isNotNil","isDirty","handleFocusOut","onSubmit","onCancel","useOnClickOutside","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context","prev","next","stop","apply","closeRef","useHotkeys","event","stopPropagation","mode","submitRef","enabled","useEffect","focus","_jsx","classnames","_defineProperty","children","Input","_objectSpread","disableTrimOnBlur","disabled","suffix","_jsxs","_Fragment","Button","icon","Check","loading","size","style","tabIndex","tooltipProps","onClick","Close","onChange","e","_otherProps$onChange","call","target","displayName","FormikInlineInput","name","_useField","useField","_useField2","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","submitForm","resetForm","error","touched","omit"],"mappings":"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"}
+{"version":3,"file":"InlineInput.js","sources":["../src/components/InlineInput/constants.js","../src/components/InlineInput/utils.js","../src/components/InlineInput/InlineInput.jsx","../src/components/InlineInput/FormikInlineInput.jsx"],"sourcesContent":["import { t } from \"i18next\";\n\nexport const TOOLTIP_PROPS = {\n  save: {\n    content: t(\"neetoMolecules.common.actions.save\"),\n    position: \"top\",\n    delay: 300,\n  },\n  cancel: {\n    content: t(\"neetoMolecules.common.actions.cancel\"),\n    position: \"top\",\n    delay: 300,\n  },\n};\n","export const mergeRefs =\n  (...refs) =>\n  node =>\n    refs.forEach(ref =>\n      typeof ref === \"function\" ? ref(node) : (ref.current = node)\n    );\n","import { forwardRef, useEffect, useState, useRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { isNotEmpty, noop } from \"neetocist\";\nimport useOnClickOutside from \"neetocommons/react-utils/useOnClickOutside\";\nimport useStateWithDependency from \"neetocommons/react-utils/useStateWithDependency\";\nimport useHotkeys from \"neetohotkeys\";\nimport { Check, Close } from \"neetoicons\";\nimport { Button, Input } from \"neetoui\";\nimport PropTypes from \"prop-types\";\nimport { isNotNil } from \"ramda\";\n\nimport { TOOLTIP_PROPS } from \"./constants\";\nimport \"./inlineinput.scss\";\nimport { mergeRefs } from \"./utils\";\n\nconst InlineInput = forwardRef((props, ref) => {\n  const {\n    saveOnBlur = false,\n    clearOnSave = false,\n    nullable = false,\n    value = \"\",\n    isSaving,\n    className = \"\",\n    handleSubmit = noop,\n    handleCancel = noop,\n    submitButtonProps = {},\n    cancelButtonProps = {},\n    dirty,\n    onInlineInputBlur = noop,\n    ...otherProps\n  } = props;\n\n  const [isSubmitting, setIsSubmitting] = useState(false);\n  const [internalValue, setInternalValue] = useStateWithDependency(value ?? \"\");\n  const inputRef = useRef(null);\n  const inputWrapperRef = useRef(null);\n  const trimmedValue = internalValue && internalValue?.trim();\n  const isValidValue =\n    nullable || (isNotEmpty(trimmedValue) && isNotNil(trimmedValue));\n\n  const isDirty = internalValue !== value || dirty;\n\n  const handleFocusOut = () => {\n    if (!isValidValue || isSubmitting) return;\n\n    onInlineInputBlur(trimmedValue);\n\n    if (saveOnBlur && isDirty) {\n      onSubmit();\n\n      return;\n    }\n\n    onCancel();\n  };\n\n  useOnClickOutside(inputWrapperRef, handleFocusOut);\n\n  const onSubmit = async () => {\n    setIsSubmitting(true);\n    await handleSubmit(trimmedValue);\n    setIsSubmitting(false);\n    clearOnSave && setInternalValue(\"\");\n  };\n\n  const onCancel = () => {\n    handleCancel(trimmedValue);\n  };\n\n  const closeRef = useHotkeys(\n    \"escape\",\n    event => {\n      event.stopPropagation();\n      onCancel();\n    },\n    { mode: \"scoped\" }\n  );\n\n  const submitRef = useHotkeys([\"command+return\", \"return\"], () => onSubmit(), {\n    mode: \"scoped\",\n    enabled: isValidValue,\n  });\n\n  useEffect(() => inputRef.current && inputRef.current.focus(), [isSubmitting]);\n\n  return (\n    <div\n      className={classnames(\"flex flex-grow\", { [className]: className })}\n      ref={inputWrapperRef}\n    >\n      <Input\n        disableTrimOnBlur\n        className=\"neeto-molecules-autosave-input\"\n        data-testid=\"neeto-molecules-autosave-input\"\n        disabled={isSubmitting}\n        ref={mergeRefs(inputRef, closeRef, submitRef)}\n        value={internalValue}\n        {...otherProps}\n        suffix={\n          <>\n            <Button\n              data-testid=\"neeto-molecules-autosave-input-save\"\n              icon={Check}\n              loading={isSubmitting || isSaving}\n              size=\"small\"\n              style=\"text\"\n              tabIndex={-1}\n              tooltipProps={TOOLTIP_PROPS[\"save\"]}\n              onClick={onSubmit}\n              {...submitButtonProps}\n              disabled={\n                !isValidValue ||\n                isSubmitting ||\n                isSaving ||\n                submitButtonProps.disabled ||\n                !isDirty\n              }\n            />\n            <Button\n              {...{ ref }}\n              data-testid=\"neeto-molecules-autosave-input-cancel\"\n              icon={Close}\n              size=\"small\"\n              style=\"text\"\n              tabIndex={-1}\n              tooltipProps={TOOLTIP_PROPS[\"cancel\"]}\n              onClick={onCancel}\n              {...cancelButtonProps}\n              disabled={isSubmitting || isSaving || cancelButtonProps.disabled}\n            />\n          </>\n        }\n        onChange={e => {\n          otherProps?.onChange?.(e);\n          setInternalValue(e.target.value);\n        }}\n      />\n    </div>\n  );\n});\n\nInlineInput.displayName = \"InlineInput\";\n\nInlineInput.propTypes = {\n  /**\n   * To provide additional classes to the component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the text to be displayed in the component.\n   */\n  value: PropTypes.string,\n  /**\n   * To enable submission of empty values.\n   */\n  nullable: PropTypes.bool,\n  /**\n   * To specify whether the value is being saved.\n   */\n  isSaving: PropTypes.bool,\n  /**\n   * To specify whether to save the value on blur.\n   */\n  saveOnBlur: PropTypes.bool,\n  /**\n   * To specify whether to clear the input on save.\n   */\n  clearOnSave: PropTypes.bool,\n  /**\n   * To specify additional props for submit button.\n   */\n  submitButtonProps: PropTypes.object,\n  /**\n   * To specify additional props for cancel button.\n   */\n  cancelButtonProps: PropTypes.object,\n  /**\n   * Function to be called on clicking the submit button.\n   */\n  handleSubmit: PropTypes.func,\n  /**\n   * Function to be called on clicking the cancel button .\n   */\n  handleCancel: PropTypes.func,\n};\n\nexport default InlineInput;\n","import { useField, useFormikContext } from \"formik\";\nimport { omit } from \"ramda\";\n\nimport InlineInput from \"./InlineInput\";\n\nconst FormikInlineInput = ({ name, ...props }) => {\n  const [field, meta, { setValue, setTouched }] = useField(name);\n\n  const { submitForm, isSubmitting, resetForm, dirty } = useFormikContext();\n\n  const handleSubmit = value => {\n    setValue(value);\n\n    props.handleSubmit?.(value);\n\n    return submitForm();\n  };\n\n  return (\n    <InlineInput\n      error={meta.touched ? meta.error : \"\"}\n      isSaving={isSubmitting}\n      {...props}\n      handleCancel={() => {\n        resetForm();\n        props.handleCancel?.();\n      }}\n      {...{ handleSubmit, ...omit([\"onBlur\"], field), dirty }}\n      onInlineInputBlur={trimmedValue => {\n        setValue(trimmedValue);\n        setTouched(true);\n      }}\n    />\n  );\n};\n\nexport default FormikInlineInput;\n"],"names":["TOOLTIP_PROPS","save","content","t","position","delay","cancel","mergeRefs","_len","arguments","length","refs","Array","_key","node","forEach","ref","current","InlineInput","forwardRef","props","_props$saveOnBlur","saveOnBlur","_props$clearOnSave","clearOnSave","_props$nullable","nullable","_props$value","value","isSaving","_props$className","className","_props$handleSubmit","handleSubmit","noop","_props$handleCancel","handleCancel","_props$submitButtonPr","submitButtonProps","_props$cancelButtonPr","cancelButtonProps","dirty","_props$onInlineInputB","onInlineInputBlur","otherProps","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isSubmitting","setIsSubmitting","_useStateWithDependen","useStateWithDependency","_useStateWithDependen2","internalValue","setInternalValue","inputRef","useRef","inputWrapperRef","trimmedValue","trim","isValidValue","isNotEmpty","isNotNil","isDirty","handleFocusOut","onSubmit","onCancel","useOnClickOutside","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","wrap","_callee$","_context","prev","next","stop","apply","closeRef","useHotkeys","event","stopPropagation","mode","submitRef","enabled","useEffect","focus","_jsx","classnames","_defineProperty","children","Input","_objectSpread","disableTrimOnBlur","disabled","suffix","_jsxs","_Fragment","Button","icon","Check","loading","size","style","tabIndex","tooltipProps","onClick","Close","onChange","e","_otherProps$onChange","call","target","displayName","FormikInlineInput","name","_useField","useField","_useField2","field","meta","_useField2$","setValue","setTouched","_useFormikContext","useFormikContext","submitForm","resetForm","error","touched","omit"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAEO,IAAMA,aAAa,GAAG;AAC3BC,EAAAA,IAAI,EAAE;AACJC,IAAAA,OAAO,EAAEC,CAAC,CAAC,oCAAoC,CAAC;AAChDC,IAAAA,QAAQ,EAAE,KAAK;AACfC,IAAAA,KAAK,EAAE,GAAA;GACR;AACDC,EAAAA,MAAM,EAAE;AACNJ,IAAAA,OAAO,EAAEC,CAAC,CAAC,sCAAsC,CAAC;AAClDC,IAAAA,QAAQ,EAAE,KAAK;AACfC,IAAAA,KAAK,EAAE,GAAA;AACT,GAAA;AACF,CAAC;;;;;ACbM,IAAME,SAAS,GACpB,SADWA,SAASA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAChBC,IAAI,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAJF,IAAAA,IAAI,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OACR,UAAAC,IAAI,EAAA;AAAA,IAAA,OACFH,IAAI,CAACI,OAAO,CAAC,UAAAC,GAAG,EAAA;AAAA,MAAA,OACd,OAAOA,GAAG,KAAK,UAAU,GAAGA,GAAG,CAACF,IAAI,CAAC,GAAIE,GAAG,CAACC,OAAO,GAAGH,IAAK,CAAA;AAAA,KAC9D,CAAC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA;;;;;ACWCI,IAAAA,WAAW,gBAAGC,UAAU,CAAC,UAACC,KAAK,EAAEJ,GAAG,EAAK;AAC7C,EAAA,IAAAK,iBAAA,GAcID,KAAK,CAbPE,UAAU;AAAVA,IAAAA,UAAU,GAAAD,iBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,iBAAA;IAAAE,kBAAA,GAahBH,KAAK,CAZPI,WAAW;AAAXA,IAAAA,WAAW,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;IAAAE,eAAA,GAYjBL,KAAK,CAXPM,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;IAAAE,YAAA,GAWdP,KAAK,CAVPQ,KAAK;AAALA,IAAAA,KAAK,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,YAAA;IACVE,QAAQ,GASNT,KAAK,CATPS,QAAQ;IAAAC,gBAAA,GASNV,KAAK,CARPW,SAAS;AAATA,IAAAA,SAAS,GAAAD,gBAAA,KAAG,KAAA,CAAA,GAAA,EAAE,GAAAA,gBAAA;IAAAE,mBAAA,GAQZZ,KAAK,CAPPa,YAAY;AAAZA,IAAAA,YAAY,GAAAD,mBAAA,KAAGE,KAAAA,CAAAA,GAAAA,IAAI,GAAAF,mBAAA;IAAAG,mBAAA,GAOjBf,KAAK,CANPgB,YAAY;AAAZA,IAAAA,YAAY,GAAAD,mBAAA,KAAGD,KAAAA,CAAAA,GAAAA,IAAI,GAAAC,mBAAA;IAAAE,qBAAA,GAMjBjB,KAAK,CALPkB,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IAAAE,qBAAA,GAKpBnB,KAAK,CAJPoB,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,qBAAA;IACtBE,KAAK,GAGHrB,KAAK,CAHPqB,KAAK;IAAAC,qBAAA,GAGHtB,KAAK,CAFPuB,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAGR,KAAAA,CAAAA,GAAAA,IAAI,GAAAQ,qBAAA;AACrBE,IAAAA,UAAU,GAAAC,wBAAA,CACXzB,KAAK,EAAA0B,WAAA,CAAA,CAAA;AAET,EAAA,IAAAC,SAAA,GAAwCC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAhDI,IAAAA,YAAY,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,eAAe,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;EACpC,IAAAI,qBAAA,GAA0CC,sBAAsB,CAAC1B,KAAK,KAALA,IAAAA,IAAAA,KAAK,KAALA,KAAAA,CAAAA,GAAAA,KAAK,GAAI,EAAE,CAAC;IAAA2B,sBAAA,GAAAL,cAAA,CAAAG,qBAAA,EAAA,CAAA,CAAA;AAAtEG,IAAAA,aAAa,GAAAD,sBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,gBAAgB,GAAAF,sBAAA,CAAA,CAAA,CAAA,CAAA;AACtC,EAAA,IAAMG,QAAQ,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;AAC7B,EAAA,IAAMC,eAAe,GAAGD,MAAM,CAAC,IAAI,CAAC,CAAA;AACpC,EAAA,IAAME,YAAY,GAAGL,aAAa,KAAIA,aAAa,KAAA,IAAA,IAAbA,aAAa,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAbA,aAAa,CAAEM,IAAI,EAAE,CAAA,CAAA;AAC3D,EAAA,IAAMC,YAAY,GAChBrC,QAAQ,IAAKsC,UAAU,CAACH,YAAY,CAAC,IAAII,QAAQ,CAACJ,YAAY,CAAE,CAAA;AAElE,EAAA,IAAMK,OAAO,GAAGV,aAAa,KAAK5B,KAAK,IAAIa,KAAK,CAAA;AAEhD,EAAA,IAAM0B,cAAc,GAAG,SAAjBA,cAAcA,GAAS;AAC3B,IAAA,IAAI,CAACJ,YAAY,IAAIZ,YAAY,EAAE,OAAA;IAEnCR,iBAAiB,CAACkB,YAAY,CAAC,CAAA;IAE/B,IAAIvC,UAAU,IAAI4C,OAAO,EAAE;AACzBE,MAAAA,QAAQ,EAAE,CAAA;AAEV,MAAA,OAAA;AACF,KAAA;AAEAC,IAAAA,QAAQ,EAAE,CAAA;GACX,CAAA;AAEDC,EAAAA,iBAAiB,CAACV,eAAe,EAAEO,cAAc,CAAC,CAAA;AAElD,EAAA,IAAMC,QAAQ,gBAAA,YAAA;IAAA,IAAAG,IAAA,GAAAC,iBAAA,cAAAC,mBAAA,CAAAC,IAAA,CAAG,SAAAC,OAAA,GAAA;AAAA,MAAA,OAAAF,mBAAA,CAAAG,IAAA,CAAA,SAAAC,SAAAC,QAAA,EAAA;AAAA,QAAA,OAAA,CAAA,EAAA,QAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;AAAA,UAAA,KAAA,CAAA;YACf5B,eAAe,CAAC,IAAI,CAAC,CAAA;AAAC0B,YAAAA,QAAA,CAAAE,IAAA,GAAA,CAAA,CAAA;YAAA,OAChB/C,YAAY,CAAC4B,YAAY,CAAC,CAAA;AAAA,UAAA,KAAA,CAAA;YAChCT,eAAe,CAAC,KAAK,CAAC,CAAA;AACtB5B,YAAAA,WAAW,IAAIiC,gBAAgB,CAAC,EAAE,CAAC,CAAA;AAAC,UAAA,KAAA,CAAA,CAAA;AAAA,UAAA,KAAA,KAAA;YAAA,OAAAqB,QAAA,CAAAG,IAAA,EAAA,CAAA;AAAA,SAAA;AAAA,OAAA,EAAAN,OAAA,CAAA,CAAA;KACrC,CAAA,CAAA,CAAA;AAAA,IAAA,OAAA,SALKP,QAAQA,GAAA;AAAA,MAAA,OAAAG,IAAA,CAAAW,KAAA,CAAA,IAAA,EAAAzE,SAAA,CAAA,CAAA;AAAA,KAAA,CAAA;GAKb,EAAA,CAAA;AAED,EAAA,IAAM4D,QAAQ,GAAG,SAAXA,QAAQA,GAAS;IACrBjC,YAAY,CAACyB,YAAY,CAAC,CAAA;GAC3B,CAAA;EAED,IAAMsB,QAAQ,GAAGC,UAAU,CACzB,QAAQ,EACR,UAAAC,KAAK,EAAI;IACPA,KAAK,CAACC,eAAe,EAAE,CAAA;AACvBjB,IAAAA,QAAQ,EAAE,CAAA;AACZ,GAAC,EACD;AAAEkB,IAAAA,IAAI,EAAE,QAAA;AAAS,GACnB,CAAC,CAAA;EAED,IAAMC,SAAS,GAAGJ,UAAU,CAAC,CAAC,gBAAgB,EAAE,QAAQ,CAAC,EAAE,YAAA;IAAA,OAAMhB,QAAQ,EAAE,CAAA;GAAE,EAAA;AAC3EmB,IAAAA,IAAI,EAAE,QAAQ;AACdE,IAAAA,OAAO,EAAE1B,YAAAA;AACX,GAAC,CAAC,CAAA;AAEF2B,EAAAA,SAAS,CAAC,YAAA;IAAA,OAAMhC,QAAQ,CAACzC,OAAO,IAAIyC,QAAQ,CAACzC,OAAO,CAAC0E,KAAK,EAAE,CAAA;GAAE,EAAA,CAACxC,YAAY,CAAC,CAAC,CAAA;AAE7E,EAAA,oBACEyC,GAAA,CAAA,KAAA,EAAA;IACE7D,SAAS,EAAE8D,UAAU,CAAC,gBAAgB,EAAAC,eAAA,CAAA,EAAA,EAAK/D,SAAS,EAAGA,SAAS,CAAE,CAAE;AACpEf,IAAAA,GAAG,EAAE4C,eAAgB;AAAAmC,IAAAA,QAAA,eAErBH,GAAA,CAACI,KAAK,EAAAC,eAAA,CAAAA,eAAA,CAAA;MACJC,iBAAiB,EAAA,IAAA;AACjBnE,MAAAA,SAAS,EAAC,gCAAgC;AAC1C,MAAA,aAAA,EAAY,gCAAgC;AAC5CoE,MAAAA,QAAQ,EAAEhD,YAAa;MACvBnC,GAAG,EAAET,SAAS,CAACmD,QAAQ,EAAEyB,QAAQ,EAAEK,SAAS,CAAE;AAC9C5D,MAAAA,KAAK,EAAE4B,aAAAA;AAAc,KAAA,EACjBZ,UAAU,CAAA,EAAA,EAAA,EAAA;MACdwD,MAAM,eACJC,IAAA,CAAAC,QAAA,EAAA;AAAAP,QAAAA,QAAA,gBACEH,GAAA,CAACW,MAAM,EAAAN,eAAA,CAAAA,eAAA,CAAA;AACL,UAAA,aAAA,EAAY,qCAAqC;AACjDO,UAAAA,IAAI,EAAEC,KAAM;UACZC,OAAO,EAAEvD,YAAY,IAAItB,QAAS;AAClC8E,UAAAA,IAAI,EAAC,OAAO;AACZC,UAAAA,KAAK,EAAC,MAAM;UACZC,QAAQ,EAAE,CAAC,CAAE;AACbC,UAAAA,YAAY,EAAE9G,aAAa,CAAC,MAAM,CAAE;AACpC+G,UAAAA,OAAO,EAAE3C,QAAAA;AAAS,SAAA,EACd9B,iBAAiB,CAAA,EAAA,EAAA,EAAA;AACrB6D,UAAAA,QAAQ,EACN,CAACpC,YAAY,IACbZ,YAAY,IACZtB,QAAQ,IACRS,iBAAiB,CAAC6D,QAAQ,IAC1B,CAACjC,OAAAA;SAEJ,CAAA,CAAC,eACF0B,GAAA,CAACW,MAAM,EAAAN,eAAA,CAAAA,eAAA,CAAA;AACCjF,UAAAA,GAAG,EAAHA,GAAG;AACT,UAAA,aAAA,EAAY,uCAAuC;AACnDwF,UAAAA,IAAI,EAAEQ,KAAM;AACZL,UAAAA,IAAI,EAAC,OAAO;AACZC,UAAAA,KAAK,EAAC,MAAM;UACZC,QAAQ,EAAE,CAAC,CAAE;AACbC,UAAAA,YAAY,EAAE9G,aAAa,CAAC,QAAQ,CAAE;AACtC+G,UAAAA,OAAO,EAAE1C,QAAAA;AAAS,SAAA,EACd7B,iBAAiB,CAAA,EAAA,EAAA,EAAA;AACrB2D,UAAAA,QAAQ,EAAEhD,YAAY,IAAItB,QAAQ,IAAIW,iBAAiB,CAAC2D,QAAAA;AAAS,SAAA,CAClE,CAAC,CAAA;AAAA,OACF,CACH;AACDc,MAAAA,QAAQ,EAAE,SAAVA,QAAQA,CAAEC,CAAC,EAAI;AAAA,QAAA,IAAAC,oBAAA,CAAA;AACbvE,QAAAA,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,IAAA,CAAAuE,oBAAA,GAAVvE,UAAU,CAAEqE,QAAQ,MAAA,IAAA,IAAAE,oBAAA,KAAA,KAAA,CAAA,IAApBA,oBAAA,CAAAC,IAAA,CAAAxE,UAAU,EAAasE,CAAC,CAAC,CAAA;AACzBzD,QAAAA,gBAAgB,CAACyD,CAAC,CAACG,MAAM,CAACzF,KAAK,CAAC,CAAA;AAClC,OAAA;KACD,CAAA,CAAA;AAAC,GACC,CAAC,CAAA;AAEV,CAAC,EAAC;AAEFV,WAAW,CAACoG,WAAW,GAAG,aAAa;;;;;ACzIvC,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAhD,IAAA,EAA2B;AAAA,EAAA,IAArBiD,IAAI,GAAAjD,IAAA,CAAJiD,IAAI;AAAKpG,IAAAA,KAAK,GAAAyB,wBAAA,CAAA0B,IAAA,EAAAzB,SAAA,CAAA,CAAA;AACzC,EAAA,IAAA2E,SAAA,GAAgDC,QAAQ,CAACF,IAAI,CAAC;IAAAG,UAAA,GAAAzE,cAAA,CAAAuE,SAAA,EAAA,CAAA,CAAA;AAAvDG,IAAAA,KAAK,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,IAAI,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAAG,IAAAA,WAAA,GAAAH,UAAA,CAAA,CAAA,CAAA;IAAII,QAAQ,GAAAD,WAAA,CAARC,QAAQ;IAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU,CAAA;AAE1C,EAAA,IAAAC,iBAAA,GAAuDC,gBAAgB,EAAE;IAAjEC,UAAU,GAAAF,iBAAA,CAAVE,UAAU;IAAEhF,YAAY,GAAA8E,iBAAA,CAAZ9E,YAAY;IAAEiF,SAAS,GAAAH,iBAAA,CAATG,SAAS;IAAE3F,KAAK,GAAAwF,iBAAA,CAALxF,KAAK,CAAA;AAElD,EAAA,IAAMR,YAAY,GAAG,SAAfA,YAAYA,CAAGL,KAAK,EAAI;AAAA,IAAA,IAAAI,mBAAA,CAAA;IAC5B+F,QAAQ,CAACnG,KAAK,CAAC,CAAA;AAEf,IAAA,CAAAI,mBAAA,GAAAZ,KAAK,CAACa,YAAY,MAAAD,IAAAA,IAAAA,mBAAA,KAAlBA,KAAAA,CAAAA,IAAAA,mBAAA,CAAAoF,IAAA,CAAAhG,KAAK,EAAgBQ,KAAK,CAAC,CAAA;IAE3B,OAAOuG,UAAU,EAAE,CAAA;GACpB,CAAA;EAED,oBACEvC,GAAA,CAAC1E,WAAW,EAAA+E,aAAA,CAAAA,aAAA,CAAAA,aAAA,CAAA;IACVoC,KAAK,EAAER,IAAI,CAACS,OAAO,GAAGT,IAAI,CAACQ,KAAK,GAAG,EAAG;AACtCxG,IAAAA,QAAQ,EAAEsB,YAAAA;AAAa,GAAA,EACnB/B,KAAK,CAAA,EAAA,EAAA,EAAA;AACTgB,IAAAA,YAAY,EAAE,SAAdA,YAAYA,GAAQ;AAAA,MAAA,IAAAD,mBAAA,CAAA;AAClBiG,MAAAA,SAAS,EAAE,CAAA;AACX,MAAA,CAAAjG,mBAAA,GAAAf,KAAK,CAACgB,YAAY,MAAA,IAAA,IAAAD,mBAAA,KAAA,KAAA,CAAA,IAAlBA,mBAAA,CAAAiF,IAAA,CAAAhG,KAAqB,CAAC,CAAA;AACxB,KAAA;GAAE6E,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACIhE,IAAAA,YAAY,EAAZA,YAAAA;AAAY,GAAA,EAAKsG,IAAI,CAAC,CAAC,QAAQ,CAAC,EAAEX,KAAK,CAAC,CAAA,EAAA,EAAA,EAAA;AAAEnF,IAAAA,KAAK,EAALA,KAAAA;AAAK,GAAA,CAAA,CAAA,EAAA,EAAA,EAAA;AACrDE,IAAAA,iBAAiB,EAAE,SAAnBA,iBAAiBA,CAAEkB,YAAY,EAAI;MACjCkE,QAAQ,CAAClE,YAAY,CAAC,CAAA;MACtBmE,UAAU,CAAC,IAAI,CAAC,CAAA;AAClB,KAAA;AAAE,GAAA,CACH,CAAC,CAAA;AAEN;;;;"}

package/dist/IpRestriction.js

@@ -10,6 +10,7 @@ import Checkbox from '@bigbinary/neetoui/formik/Checkbox';
 import Button$1 from '@bigbinary/neetoui/formik/Button';
 import BlockNavigation from '@bigbinary/neetoui/formik/BlockNavigation';
 import { Trans, useTranslation } from 'react-i18next';
+import CardLayout from './CardLayout.js';
 import { FieldArray } from 'formik';
 import withT from '@bigbinary/neeto-commons-frontend/react-utils/withT';
 import Plus from '@bigbinary/neeto-icons/Plus';
@@ -25,6 +26,8 @@ import { useQuery } from '@tanstack/react-query';
 import axios from 'axios';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import useMutationWithInvalidation from '@bigbinary/neeto-commons-frontend/react-utils/useMutationWithInvalidation';
+import 'classnames';
+import '@bigbinary/neeto-cist';
 
 var ipNum = {};
 
@@ -3516,7 +3519,7 @@ var IpRestriction = function IpRestriction() {
     });
   };
   return /*#__PURE__*/jsx(Form, {
-    className: "mx-auto mb-4 w-full sm:max-w-screen-sm md:max-w-screen-md lg:max-w-3xl",
+    className: "w-full",
     formikProps: {
       initialValues: buildInitialValue(isIpRestrictionEnabled, allowedIpRanges),
       validationSchema: VALIDATION_SCHEMA,
@@ -3530,64 +3533,57 @@ var IpRestriction = function IpRestriction() {
         setFieldValue = _ref2.setFieldValue,
         resetForm = _ref2.resetForm,
         setSubmitting = _ref2.setSubmitting;
-      return /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(BlockNavigation, {}), /*#__PURE__*/jsxs("div", {
-          className: "neeto-ui-bg-white neeto-ui-border-gray-300 neeto-ui-rounded-lg mx-auto mb-4 w-full overflow-hidden border sm:max-w-screen-sm md:max-w-screen-md lg:max-w-3xl",
-          "data-cy": "ip-restrictions-card",
-          children: [/*#__PURE__*/jsxs("div", {
-            className: "space-y-2 p-6",
-            children: [/*#__PURE__*/jsx(Checkbox, {
-              checked: values.ipRestriction,
-              className: "flex-grow-0",
-              "data-cy": "enable-ip-restriction-checkbox",
-              disabled: isFetchingIpRestriction || isUpdating,
-              name: "ipRestriction",
-              label: /*#__PURE__*/jsx(Typography, {
-                style: "h3",
-                children: t("neetoMolecules.ipRestriction.switchLabel")
-              }),
-              onChange: function onChange() {
-                return setFieldValue("ipRestriction", !values.ipRestriction);
-              }
-            }), /*#__PURE__*/jsx(Typography, {
-              "data-cy": "ip-restriction-description",
-              style: "body2",
-              children: t("neetoMolecules.ipRestriction.description")
-            })]
-          }), values.ipRestriction && /*#__PURE__*/jsxs("div", {
-            className: "neeto-ui-border-gray-300 w-full space-y-6 border-t p-6",
-            children: [/*#__PURE__*/jsx(CurrentIp$1, {}), /*#__PURE__*/jsx(AllowedIpRanges$1, {}), /*#__PURE__*/jsx(Callout, {
-              style: "warning",
-              children: /*#__PURE__*/jsx("div", {
-                className: "leading-2 block whitespace-pre-wrap py-1",
-                children: /*#__PURE__*/jsx(Trans, {
-                  i18nKey: "neetoMolecules.ipRestriction.warningMessage"
-                })
-              })
-            })]
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: "flex flex-wrap items-center justify-between gap-4",
-          children: [dirty && /*#__PURE__*/jsx(Typography, {
+      return /*#__PURE__*/jsxs(CardLayout, {
+        actionBlock: /*#__PURE__*/jsxs("div", {
+          className: "flex flex-wrap items-center gap-2",
+          children: [/*#__PURE__*/jsx(Button$1, {
+            "data-cy": "ip-restriction-save-changes",
+            "data-testid": "save-changes-button",
+            loading: isUpdating,
+            type: "submit",
+            children: t("neetoMolecules.common.actions.saveChanges")
+          }), /*#__PURE__*/jsx(Button, {
+            disabled: !dirty,
+            label: t("neetoMolecules.common.actions.reset"),
+            style: "secondary",
+            type: "reset",
+            onClick: resetForm
+          }), dirty && /*#__PURE__*/jsx(Typography, {
             className: "neeto-ui-text-error-500",
             style: "body2",
             children: t("neetoMolecules.ipRestriction.validations.unsavedChanges")
-          }), /*#__PURE__*/jsxs("div", {
-            className: "ml-auto flex justify-between",
-            children: [/*#__PURE__*/jsx(Button, {
-              className: "mr-2",
-              disabled: !dirty,
-              label: t("neetoMolecules.common.actions.reset"),
-              style: "secondary",
-              type: "reset",
-              onClick: resetForm
-            }), /*#__PURE__*/jsx(Button$1, {
-              "data-cy": "ip-restriction-save-changes",
-              "data-testid": "save-changes-button",
-              loading: isUpdating,
-              type: "submit",
-              children: t("neetoMolecules.common.actions.saveChanges")
-            })]
+          })]
+        }),
+        children: [/*#__PURE__*/jsx(BlockNavigation, {}), /*#__PURE__*/jsxs("div", {
+          className: "space-y-2",
+          children: [/*#__PURE__*/jsx(Checkbox, {
+            checked: values.ipRestriction,
+            className: "flex-grow-0",
+            "data-cy": "enable-ip-restriction-checkbox",
+            disabled: isFetchingIpRestriction || isUpdating,
+            name: "ipRestriction",
+            label: /*#__PURE__*/jsx(Typography, {
+              style: "h3",
+              children: t("neetoMolecules.ipRestriction.switchLabel")
+            }),
+            onChange: function onChange() {
+              return setFieldValue("ipRestriction", !values.ipRestriction);
+            }
+          }), /*#__PURE__*/jsx(Typography, {
+            "data-cy": "ip-restriction-description",
+            style: "body2",
+            children: t("neetoMolecules.ipRestriction.description")
+          })]
+        }), values.ipRestriction && /*#__PURE__*/jsxs("div", {
+          className: "neeto-ui-border-gray-300 mt-6 w-full space-y-6 border-t pt-6",
+          children: [/*#__PURE__*/jsx(CurrentIp$1, {}), /*#__PURE__*/jsx(AllowedIpRanges$1, {}), /*#__PURE__*/jsx(Callout, {
+            style: "warning",
+            children: /*#__PURE__*/jsx("div", {
+              className: "leading-2 block whitespace-pre-wrap py-1",
+              children: /*#__PURE__*/jsx(Trans, {
+                i18nKey: "neetoMolecules.ipRestriction.warningMessage"
+              })
+            })
           })]
         }), /*#__PURE__*/jsx(Alert, {
           isOpen: isAlertOpen,