@cdxoo/formik-utils
Advanced tools
Comparing version 0.7.1 to 0.8.0
265
cjs/index.js
@@ -6,2 +6,29 @@ 'use strict'; | ||
function _iterableToArrayLimit(r, l) { | ||
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; | ||
if (null != t) { | ||
var e, | ||
n, | ||
i, | ||
u, | ||
a = [], | ||
f = !0, | ||
o = !1; | ||
try { | ||
if (i = (t = t.call(r)).next, 0 === l) { | ||
if (Object(t) !== t) return; | ||
f = !1; | ||
} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); | ||
} catch (r) { | ||
o = !0, n = r; | ||
} finally { | ||
try { | ||
if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; | ||
} finally { | ||
if (o) throw n; | ||
} | ||
} | ||
return a; | ||
} | ||
} | ||
function ownKeys(e, r) { | ||
@@ -97,2 +124,75 @@ var t = Object.keys(e); | ||
} | ||
function _slicedToArray(arr, i) { | ||
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); | ||
} | ||
function _arrayWithHoles(arr) { | ||
if (Array.isArray(arr)) return arr; | ||
} | ||
function _unsupportedIterableToArray(o, minLen) { | ||
if (!o) return; | ||
if (typeof o === "string") return _arrayLikeToArray(o, minLen); | ||
var n = Object.prototype.toString.call(o).slice(8, -1); | ||
if (n === "Object" && o.constructor) n = o.constructor.name; | ||
if (n === "Map" || n === "Set") return Array.from(o); | ||
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); | ||
} | ||
function _arrayLikeToArray(arr, len) { | ||
if (len == null || len > arr.length) len = arr.length; | ||
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; | ||
return arr2; | ||
} | ||
function _nonIterableRest() { | ||
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); | ||
} | ||
function _createForOfIteratorHelper(o, allowArrayLike) { | ||
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; | ||
if (!it) { | ||
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { | ||
if (it) o = it; | ||
var i = 0; | ||
var F = function () {}; | ||
return { | ||
s: F, | ||
n: function () { | ||
if (i >= o.length) return { | ||
done: true | ||
}; | ||
return { | ||
done: false, | ||
value: o[i++] | ||
}; | ||
}, | ||
e: function (e) { | ||
throw e; | ||
}, | ||
f: F | ||
}; | ||
} | ||
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); | ||
} | ||
var normalCompletion = true, | ||
didErr = false, | ||
err; | ||
return { | ||
s: function () { | ||
it = it.call(o); | ||
}, | ||
n: function () { | ||
var step = it.next(); | ||
normalCompletion = step.done; | ||
return step; | ||
}, | ||
e: function (e) { | ||
didErr = true; | ||
err = e; | ||
}, | ||
f: function () { | ||
try { | ||
if (!normalCompletion && it.return != null) it.return(); | ||
} finally { | ||
if (didErr) throw err; | ||
} | ||
} | ||
}; | ||
} | ||
@@ -158,3 +258,3 @@ var _excluded$2 = ["initialValues"], | ||
var Fallback = function Fallback(ps) { | ||
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "No Array Content"), enableAdd && /*#__PURE__*/React.createElement(Footer$1, ps)); | ||
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "No Array Content"), ps.enableAdd && /*#__PURE__*/React.createElement(Footer$1, ps)); | ||
}; | ||
@@ -307,5 +407,4 @@ var Footer$1 = function Footer(ps) { | ||
_options$ArrayFieldWr = options.ArrayFieldWrapper, | ||
ArrayFieldWrapper = _options$ArrayFieldWr === void 0 ? 'ArrayFieldWrapper' : _options$ArrayFieldWr, | ||
_options$defaultItemV = options.defaultItemValue, | ||
defaultItemValue = _options$defaultItemV === void 0 ? {} : _options$defaultItemV; | ||
ArrayFieldWrapper = _options$ArrayFieldWr === void 0 ? 'ArrayFieldWrapper' : _options$ArrayFieldWr; | ||
options.defaultItemValue; | ||
var ArrayControl = function ArrayControl(ps) { | ||
@@ -326,52 +425,29 @@ React.useContext(ThemeContext); | ||
var ArrayItemWrapperComponent = theme[ArrayItemWrapper]; | ||
ps.formikField; | ||
var formikMeta = ps.formikMeta, | ||
formikForm = ps.formikForm, | ||
formikArrayHelpers = ps.formikArrayHelpers, | ||
dataXPath = ps.dataXPath, | ||
disabled = ps.disabled, | ||
enableAdd = ps.enableAdd, | ||
enableMove = ps.enableMove, | ||
enableRemove = ps.enableRemove, | ||
contentClassName = ps.contentClassName, | ||
contentExtraClassName = ps.contentExtraClassName, | ||
contentFallbackLabel = ps.contentFallbackLabel, | ||
_ps$extraContentWrapp = ps.extraContentWrapperProps, | ||
extraContentWrapperProps = _ps$extraContentWrapp === void 0 ? {} : _ps$extraContentWrapp, | ||
_ps$extraItemWrapperP = ps.extraItemWrapperProps, | ||
extraItemWrapperProps = _ps$extraItemWrapperP === void 0 ? {} : _ps$extraItemWrapperP, | ||
downstream = _objectWithoutProperties(ps, _excluded); | ||
var dataXPath = ps.dataXPath, | ||
formikForm = ps.formikForm; | ||
var getFieldProps = formikForm.getFieldProps; | ||
var values = getFieldProps(dataXPath).value || []; | ||
var sharedBag = { | ||
disabled: disabled | ||
}; | ||
var formikBag = { | ||
formikArrayHelpers: formikArrayHelpers, | ||
formikMeta: formikMeta, | ||
formikForm: formikForm | ||
}; | ||
return /*#__PURE__*/React.createElement(ArrayContentWrapperComponent, _objectSpread2(_objectSpread2(_objectSpread2({}, sharedBag), formikBag), {}, { | ||
enableAdd: enableAdd, | ||
defaultItemValue: typeof defaultItemValue === 'function' ? defaultItemValue(ps) : defaultItemValue, | ||
itemsCount: values.length, | ||
className: contentClassName, | ||
extraClassName: contentExtraClassName, | ||
fallbackLabel: contentFallbackLabel, | ||
extraContentWrapperProps: extraContentWrapperProps | ||
}), values.map(function (value, index) { | ||
var sharedItemBag = _objectSpread2(_objectSpread2({}, sharedBag), {}, { | ||
index: index, | ||
lastIndex: values.length - 1, | ||
enableMove: enableMove, | ||
enableRemove: enableRemove | ||
}); | ||
return /*#__PURE__*/React.createElement(ArrayItemWrapperComponent, _extends({ | ||
key: index, | ||
extraItemWrapperProps: extraItemWrapperProps | ||
}, sharedItemBag, formikBag), /*#__PURE__*/React.createElement(FieldComponent, _objectSpread2(_objectSpread2(_objectSpread2({}, downstream), sharedItemBag), {}, { | ||
inArray: true, | ||
dataXPath: "".concat(dataXPath, "[").concat(index, "]") | ||
}))); | ||
})); | ||
var downstream = createDownstream(ps); | ||
var bagArgs = [options, ps, values]; | ||
var contentWrapperBag = createContentWrapperBag.apply(void 0, bagArgs); | ||
var renderedItems = []; | ||
var _iterator = _createForOfIteratorHelper(values.entries()), | ||
_step; | ||
try { | ||
for (_iterator.s(); !(_step = _iterator.n()).done;) { | ||
var _step$value = _slicedToArray(_step.value, 2), | ||
ix = _step$value[0], | ||
value = _step$value[1]; | ||
var itemWrapperBag = createItemWrapperBag.apply(void 0, bagArgs.concat([ix])); | ||
var itemBag = createItemBag.apply(void 0, bagArgs.concat([ix])); | ||
renderedItems.push( /*#__PURE__*/React.createElement(ArrayItemWrapperComponent, _extends({ | ||
key: ix | ||
}, itemWrapperBag), /*#__PURE__*/React.createElement(FieldComponent, _extends({}, downstream, itemBag)))); | ||
} | ||
} catch (err) { | ||
_iterator.e(err); | ||
} finally { | ||
_iterator.f(); | ||
} | ||
return /*#__PURE__*/React.createElement(ArrayContentWrapperComponent, contentWrapperBag, renderedItems); | ||
}; | ||
@@ -383,2 +459,87 @@ return withField({ | ||
}; | ||
var createFormikBag = function createFormikBag(options, ps) { | ||
var formikMeta = ps.formikMeta, | ||
formikForm = ps.formikForm, | ||
formikArrayHelpers = ps.formikArrayHelpers; | ||
return { | ||
formikMeta: formikMeta, | ||
formikForm: formikForm, | ||
formikArrayHelpers: formikArrayHelpers | ||
}; | ||
}; | ||
var createContentWrapperBag = function createContentWrapperBag(options, ps, values) { | ||
var _options$defaultItemV2 = options.defaultItemValue, | ||
defaultItemValue = _options$defaultItemV2 === void 0 ? {} : _options$defaultItemV2; | ||
var disabled = ps.disabled, | ||
enableAdd = ps.enableAdd, | ||
contentClassName = ps.contentClassName, | ||
contentExtraClassName = ps.contentExtraClassName, | ||
contentFallbackLabel = ps.contentFallbackLabel, | ||
_ps$extraContentWrapp = ps.extraContentWrapperProps, | ||
extraContentWrapperProps = _ps$extraContentWrapp === void 0 ? {} : _ps$extraContentWrapp; | ||
return _objectSpread2(_objectSpread2({}, createFormikBag(options, ps)), {}, { | ||
disabled: disabled, | ||
enableAdd: enableAdd, | ||
defaultItemValue: typeof defaultItemValue === 'function' ? defaultItemValue(ps) : defaultItemValue, | ||
itemsCount: values.length, | ||
className: contentClassName, | ||
extraClassName: contentExtraClassName, | ||
fallbackLabel: contentFallbackLabel, | ||
extraContentWrapperProps: extraContentWrapperProps | ||
}); | ||
}; | ||
var createItemWrapperBag = function createItemWrapperBag(options, ps, values, index) { | ||
var disabled = ps.disabled, | ||
enableMove = ps.enableMove, | ||
enableRemove = ps.enableRemove, | ||
_ps$fixedIndexes = ps.fixedIndexes, | ||
fixedIndexes = _ps$fixedIndexes === void 0 ? [] : _ps$fixedIndexes, | ||
_ps$extraItemWrapperP = ps.extraItemWrapperProps, | ||
extraItemWrapperProps = _ps$extraItemWrapperP === void 0 ? {} : _ps$extraItemWrapperP; | ||
return _objectSpread2(_objectSpread2({}, createFormikBag(options, ps)), {}, { | ||
disabled: disabled, | ||
enableMove: enableMove, | ||
enableRemove: enableRemove, | ||
extraItemWrapperProps: extraItemWrapperProps, | ||
index: index, | ||
lastIndex: values.length - 1, | ||
isFixedIndex: fixedIndexes.includes(index) | ||
}); | ||
}; | ||
var createItemBag = function createItemBag(options, ps, values, index) { | ||
var disabled = ps.disabled, | ||
enableMove = ps.enableMove, | ||
enableRemove = ps.enableRemove, | ||
dataXPath = ps.dataXPath, | ||
_ps$fixedIndexes2 = ps.fixedIndexes, | ||
fixedIndexes = _ps$fixedIndexes2 === void 0 ? [] : _ps$fixedIndexes2; | ||
return { | ||
disabled: disabled, | ||
enableMove: enableMove, | ||
enableRemove: enableRemove, | ||
index: index, | ||
lastIndex: values.length - 1, | ||
inArray: true, | ||
dataXPath: "".concat(dataXPath, "[").concat(index, "]"), | ||
isFixedIndex: fixedIndexes.includes(index) | ||
}; | ||
}; | ||
var createDownstream = function createDownstream(ps) { | ||
ps.formikField; | ||
ps.formikMeta; | ||
ps.formikForm; | ||
ps.formikArrayHelpers; | ||
ps.dataXPath; | ||
ps.disabled; | ||
ps.enableAdd; | ||
ps.enableMove; | ||
ps.enableRemove; | ||
ps.contentClassName; | ||
ps.contentExtraClassName; | ||
ps.contentFallbackLabel; | ||
ps.extraContentWrapperProps; | ||
ps.extraItemWrapperProps; | ||
var downstream = _objectWithoutProperties(ps, _excluded); | ||
return downstream; | ||
}; | ||
@@ -385,0 +546,0 @@ // NOTE: deprecated use withFieldArray directly |
265
esm/index.js
import React, { useContext } from 'react'; | ||
import { Formik, Form, Field, FieldArray } from 'formik'; | ||
function _iterableToArrayLimit(r, l) { | ||
var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; | ||
if (null != t) { | ||
var e, | ||
n, | ||
i, | ||
u, | ||
a = [], | ||
f = !0, | ||
o = !1; | ||
try { | ||
if (i = (t = t.call(r)).next, 0 === l) { | ||
if (Object(t) !== t) return; | ||
f = !1; | ||
} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); | ||
} catch (r) { | ||
o = !0, n = r; | ||
} finally { | ||
try { | ||
if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; | ||
} finally { | ||
if (o) throw n; | ||
} | ||
} | ||
return a; | ||
} | ||
} | ||
function ownKeys(e, r) { | ||
@@ -94,2 +121,75 @@ var t = Object.keys(e); | ||
} | ||
function _slicedToArray(arr, i) { | ||
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); | ||
} | ||
function _arrayWithHoles(arr) { | ||
if (Array.isArray(arr)) return arr; | ||
} | ||
function _unsupportedIterableToArray(o, minLen) { | ||
if (!o) return; | ||
if (typeof o === "string") return _arrayLikeToArray(o, minLen); | ||
var n = Object.prototype.toString.call(o).slice(8, -1); | ||
if (n === "Object" && o.constructor) n = o.constructor.name; | ||
if (n === "Map" || n === "Set") return Array.from(o); | ||
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); | ||
} | ||
function _arrayLikeToArray(arr, len) { | ||
if (len == null || len > arr.length) len = arr.length; | ||
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; | ||
return arr2; | ||
} | ||
function _nonIterableRest() { | ||
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); | ||
} | ||
function _createForOfIteratorHelper(o, allowArrayLike) { | ||
var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; | ||
if (!it) { | ||
if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { | ||
if (it) o = it; | ||
var i = 0; | ||
var F = function () {}; | ||
return { | ||
s: F, | ||
n: function () { | ||
if (i >= o.length) return { | ||
done: true | ||
}; | ||
return { | ||
done: false, | ||
value: o[i++] | ||
}; | ||
}, | ||
e: function (e) { | ||
throw e; | ||
}, | ||
f: F | ||
}; | ||
} | ||
throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); | ||
} | ||
var normalCompletion = true, | ||
didErr = false, | ||
err; | ||
return { | ||
s: function () { | ||
it = it.call(o); | ||
}, | ||
n: function () { | ||
var step = it.next(); | ||
normalCompletion = step.done; | ||
return step; | ||
}, | ||
e: function (e) { | ||
didErr = true; | ||
err = e; | ||
}, | ||
f: function () { | ||
try { | ||
if (!normalCompletion && it.return != null) it.return(); | ||
} finally { | ||
if (didErr) throw err; | ||
} | ||
} | ||
}; | ||
} | ||
@@ -155,3 +255,3 @@ var _excluded$2 = ["initialValues"], | ||
var Fallback = function Fallback(ps) { | ||
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "No Array Content"), enableAdd && /*#__PURE__*/React.createElement(Footer$1, ps)); | ||
return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", null, "No Array Content"), ps.enableAdd && /*#__PURE__*/React.createElement(Footer$1, ps)); | ||
}; | ||
@@ -304,5 +404,4 @@ var Footer$1 = function Footer(ps) { | ||
_options$ArrayFieldWr = options.ArrayFieldWrapper, | ||
ArrayFieldWrapper = _options$ArrayFieldWr === void 0 ? 'ArrayFieldWrapper' : _options$ArrayFieldWr, | ||
_options$defaultItemV = options.defaultItemValue, | ||
defaultItemValue = _options$defaultItemV === void 0 ? {} : _options$defaultItemV; | ||
ArrayFieldWrapper = _options$ArrayFieldWr === void 0 ? 'ArrayFieldWrapper' : _options$ArrayFieldWr; | ||
options.defaultItemValue; | ||
var ArrayControl = function ArrayControl(ps) { | ||
@@ -323,52 +422,29 @@ useContext(ThemeContext); | ||
var ArrayItemWrapperComponent = theme[ArrayItemWrapper]; | ||
ps.formikField; | ||
var formikMeta = ps.formikMeta, | ||
formikForm = ps.formikForm, | ||
formikArrayHelpers = ps.formikArrayHelpers, | ||
dataXPath = ps.dataXPath, | ||
disabled = ps.disabled, | ||
enableAdd = ps.enableAdd, | ||
enableMove = ps.enableMove, | ||
enableRemove = ps.enableRemove, | ||
contentClassName = ps.contentClassName, | ||
contentExtraClassName = ps.contentExtraClassName, | ||
contentFallbackLabel = ps.contentFallbackLabel, | ||
_ps$extraContentWrapp = ps.extraContentWrapperProps, | ||
extraContentWrapperProps = _ps$extraContentWrapp === void 0 ? {} : _ps$extraContentWrapp, | ||
_ps$extraItemWrapperP = ps.extraItemWrapperProps, | ||
extraItemWrapperProps = _ps$extraItemWrapperP === void 0 ? {} : _ps$extraItemWrapperP, | ||
downstream = _objectWithoutProperties(ps, _excluded); | ||
var dataXPath = ps.dataXPath, | ||
formikForm = ps.formikForm; | ||
var getFieldProps = formikForm.getFieldProps; | ||
var values = getFieldProps(dataXPath).value || []; | ||
var sharedBag = { | ||
disabled: disabled | ||
}; | ||
var formikBag = { | ||
formikArrayHelpers: formikArrayHelpers, | ||
formikMeta: formikMeta, | ||
formikForm: formikForm | ||
}; | ||
return /*#__PURE__*/React.createElement(ArrayContentWrapperComponent, _objectSpread2(_objectSpread2(_objectSpread2({}, sharedBag), formikBag), {}, { | ||
enableAdd: enableAdd, | ||
defaultItemValue: typeof defaultItemValue === 'function' ? defaultItemValue(ps) : defaultItemValue, | ||
itemsCount: values.length, | ||
className: contentClassName, | ||
extraClassName: contentExtraClassName, | ||
fallbackLabel: contentFallbackLabel, | ||
extraContentWrapperProps: extraContentWrapperProps | ||
}), values.map(function (value, index) { | ||
var sharedItemBag = _objectSpread2(_objectSpread2({}, sharedBag), {}, { | ||
index: index, | ||
lastIndex: values.length - 1, | ||
enableMove: enableMove, | ||
enableRemove: enableRemove | ||
}); | ||
return /*#__PURE__*/React.createElement(ArrayItemWrapperComponent, _extends({ | ||
key: index, | ||
extraItemWrapperProps: extraItemWrapperProps | ||
}, sharedItemBag, formikBag), /*#__PURE__*/React.createElement(FieldComponent, _objectSpread2(_objectSpread2(_objectSpread2({}, downstream), sharedItemBag), {}, { | ||
inArray: true, | ||
dataXPath: "".concat(dataXPath, "[").concat(index, "]") | ||
}))); | ||
})); | ||
var downstream = createDownstream(ps); | ||
var bagArgs = [options, ps, values]; | ||
var contentWrapperBag = createContentWrapperBag.apply(void 0, bagArgs); | ||
var renderedItems = []; | ||
var _iterator = _createForOfIteratorHelper(values.entries()), | ||
_step; | ||
try { | ||
for (_iterator.s(); !(_step = _iterator.n()).done;) { | ||
var _step$value = _slicedToArray(_step.value, 2), | ||
ix = _step$value[0], | ||
value = _step$value[1]; | ||
var itemWrapperBag = createItemWrapperBag.apply(void 0, bagArgs.concat([ix])); | ||
var itemBag = createItemBag.apply(void 0, bagArgs.concat([ix])); | ||
renderedItems.push( /*#__PURE__*/React.createElement(ArrayItemWrapperComponent, _extends({ | ||
key: ix | ||
}, itemWrapperBag), /*#__PURE__*/React.createElement(FieldComponent, _extends({}, downstream, itemBag)))); | ||
} | ||
} catch (err) { | ||
_iterator.e(err); | ||
} finally { | ||
_iterator.f(); | ||
} | ||
return /*#__PURE__*/React.createElement(ArrayContentWrapperComponent, contentWrapperBag, renderedItems); | ||
}; | ||
@@ -380,2 +456,87 @@ return withField({ | ||
}; | ||
var createFormikBag = function createFormikBag(options, ps) { | ||
var formikMeta = ps.formikMeta, | ||
formikForm = ps.formikForm, | ||
formikArrayHelpers = ps.formikArrayHelpers; | ||
return { | ||
formikMeta: formikMeta, | ||
formikForm: formikForm, | ||
formikArrayHelpers: formikArrayHelpers | ||
}; | ||
}; | ||
var createContentWrapperBag = function createContentWrapperBag(options, ps, values) { | ||
var _options$defaultItemV2 = options.defaultItemValue, | ||
defaultItemValue = _options$defaultItemV2 === void 0 ? {} : _options$defaultItemV2; | ||
var disabled = ps.disabled, | ||
enableAdd = ps.enableAdd, | ||
contentClassName = ps.contentClassName, | ||
contentExtraClassName = ps.contentExtraClassName, | ||
contentFallbackLabel = ps.contentFallbackLabel, | ||
_ps$extraContentWrapp = ps.extraContentWrapperProps, | ||
extraContentWrapperProps = _ps$extraContentWrapp === void 0 ? {} : _ps$extraContentWrapp; | ||
return _objectSpread2(_objectSpread2({}, createFormikBag(options, ps)), {}, { | ||
disabled: disabled, | ||
enableAdd: enableAdd, | ||
defaultItemValue: typeof defaultItemValue === 'function' ? defaultItemValue(ps) : defaultItemValue, | ||
itemsCount: values.length, | ||
className: contentClassName, | ||
extraClassName: contentExtraClassName, | ||
fallbackLabel: contentFallbackLabel, | ||
extraContentWrapperProps: extraContentWrapperProps | ||
}); | ||
}; | ||
var createItemWrapperBag = function createItemWrapperBag(options, ps, values, index) { | ||
var disabled = ps.disabled, | ||
enableMove = ps.enableMove, | ||
enableRemove = ps.enableRemove, | ||
_ps$fixedIndexes = ps.fixedIndexes, | ||
fixedIndexes = _ps$fixedIndexes === void 0 ? [] : _ps$fixedIndexes, | ||
_ps$extraItemWrapperP = ps.extraItemWrapperProps, | ||
extraItemWrapperProps = _ps$extraItemWrapperP === void 0 ? {} : _ps$extraItemWrapperP; | ||
return _objectSpread2(_objectSpread2({}, createFormikBag(options, ps)), {}, { | ||
disabled: disabled, | ||
enableMove: enableMove, | ||
enableRemove: enableRemove, | ||
extraItemWrapperProps: extraItemWrapperProps, | ||
index: index, | ||
lastIndex: values.length - 1, | ||
isFixedIndex: fixedIndexes.includes(index) | ||
}); | ||
}; | ||
var createItemBag = function createItemBag(options, ps, values, index) { | ||
var disabled = ps.disabled, | ||
enableMove = ps.enableMove, | ||
enableRemove = ps.enableRemove, | ||
dataXPath = ps.dataXPath, | ||
_ps$fixedIndexes2 = ps.fixedIndexes, | ||
fixedIndexes = _ps$fixedIndexes2 === void 0 ? [] : _ps$fixedIndexes2; | ||
return { | ||
disabled: disabled, | ||
enableMove: enableMove, | ||
enableRemove: enableRemove, | ||
index: index, | ||
lastIndex: values.length - 1, | ||
inArray: true, | ||
dataXPath: "".concat(dataXPath, "[").concat(index, "]"), | ||
isFixedIndex: fixedIndexes.includes(index) | ||
}; | ||
}; | ||
var createDownstream = function createDownstream(ps) { | ||
ps.formikField; | ||
ps.formikMeta; | ||
ps.formikForm; | ||
ps.formikArrayHelpers; | ||
ps.dataXPath; | ||
ps.disabled; | ||
ps.enableAdd; | ||
ps.enableMove; | ||
ps.enableRemove; | ||
ps.contentClassName; | ||
ps.contentExtraClassName; | ||
ps.contentFallbackLabel; | ||
ps.extraContentWrapperProps; | ||
ps.extraItemWrapperProps; | ||
var downstream = _objectWithoutProperties(ps, _excluded); | ||
return downstream; | ||
}; | ||
@@ -382,0 +543,0 @@ // NOTE: deprecated use withFieldArray directly |
{ | ||
"name": "@cdxoo/formik-utils", | ||
"description": "", | ||
"version": "0.7.1", | ||
"version": "0.8.0", | ||
"main": "cjs/index.js", | ||
@@ -6,0 +6,0 @@ "module": "esm/index.js", |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
99332
1064