New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@cdxoo/formik-utils

Package Overview
Dependencies
Maintainers
1
Versions
14
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@cdxoo/formik-utils - npm Package Compare versions

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

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

2

package.json
{
"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

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc