@bigbinary/neeto-fields-frontend 1.1.10 → 1.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -7
- package/dist/index.cjs.js +25 -9
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.js +26 -10
- package/dist/index.js.map +1 -1
- package/package.json +9 -9
- package/types.d.ts +1 -1
package/README.md
CHANGED
|
@@ -12,7 +12,7 @@ referred as custom fields) for the resources across neeto products.
|
|
|
12
12
|
- Frontend package exports
|
|
13
13
|
- [Components](#components)
|
|
14
14
|
- [FieldsDashBoard](#1-fieldsdashboard)
|
|
15
|
-
- [
|
|
15
|
+
- [FieldsPane](#2-fieldspane)
|
|
16
16
|
- [FieldValuesContainer](#3-fieldvaluescontainer)
|
|
17
17
|
- [FieldInputs](#4-fieldinputs)
|
|
18
18
|
- [Functions](#functions)
|
|
@@ -299,18 +299,22 @@ This is the pane which handles the Add / Edit operations of the field.
|
|
|
299
299
|
#### Usage:
|
|
300
300
|
|
|
301
301
|
```jsx
|
|
302
|
-
import {
|
|
302
|
+
import { FieldsPane } from "@biginary/neeto-fields-frontend";
|
|
303
303
|
|
|
304
|
-
|
|
304
|
+
const [fieldPaneOpen, setFieldPaneOpen] = useState(false);
|
|
305
|
+
|
|
306
|
+
<FieldsPane
|
|
307
|
+
isOpen={fieldPaneOpen}
|
|
305
308
|
allowedKinds={["text", "number"]}
|
|
306
309
|
resourceType="users"
|
|
307
310
|
additionalValidations={{
|
|
308
311
|
hostSpecificInputName: validationSchema,
|
|
309
312
|
}}
|
|
310
313
|
initialValues={{ hostSpecificInputName: initialValue }}
|
|
314
|
+
onClose={() => setFieldPaneOpen(false)}
|
|
311
315
|
>
|
|
312
316
|
<HostSpecificInputFields />
|
|
313
|
-
</
|
|
317
|
+
</FieldsPane>;
|
|
314
318
|
```
|
|
315
319
|
|
|
316
320
|
## 3. `FieldValuesContainer`
|
|
@@ -346,9 +350,9 @@ specific resource.
|
|
|
346
350
|
11. `isRequiredColumnName`: The name of column which holds the value which
|
|
347
351
|
suggests if a field value is a `required` one or not. Default is
|
|
348
352
|
`isRequired` column.
|
|
349
|
-
12. `fieldClassName`: Class names for styling the `div` containing the
|
|
350
|
-
|
|
351
|
-
|
|
353
|
+
12. `fieldClassName`: Class names for styling the `div` containing the input
|
|
354
|
+
field.
|
|
355
|
+
13. `onMutationSuccess`: The callback function which is triggered on the success
|
|
352
356
|
of mutation functions( create, update & delete).
|
|
353
357
|
|
|
354
358
|
#### Usage:
|
package/dist/index.cjs.js
CHANGED
|
@@ -5873,13 +5873,22 @@ var dayjs_min = {exports: {}};
|
|
|
5873
5873
|
dayjs_min.exports;
|
|
5874
5874
|
|
|
5875
5875
|
(function (module, exports) {
|
|
5876
|
-
!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",
|
|
5876
|
+
!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[p]=!0;}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return b.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return b.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return b.s(e.$y,4,"0");case"M":return a+1;case"MM":return b.s(a+1,2,"0");case"MMM":return h(n.monthsShort,a,c,3);case"MMMM":return h(c,a);case"D":return e.$D;case"DD":return b.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return h(n.weekdaysMin,e.$W,o,2);case"ddd":return h(n.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(s);case"HH":return b.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return $(s,u,!0);case"A":return $(s,u,!1);case"m":return String(u);case"mm":return b.s(u,2,"0");case"s":return String(e.$s);case"ss":return b.s(e.$s,2,"0");case"SSS":return b.s(e.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return b.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=!0),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O}));
|
|
5877
5877
|
} (dayjs_min, dayjs_min.exports));
|
|
5878
5878
|
|
|
5879
5879
|
var dayjs_minExports = dayjs_min.exports;
|
|
5880
5880
|
var dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
|
|
5881
5881
|
|
|
5882
5882
|
var dateSchema = yup__namespace.date().nullable();
|
|
5883
|
+
var isValueEmpty = function isValueEmpty(value) {
|
|
5884
|
+
return typeof value === "string" && ramda.isEmpty(value.trim());
|
|
5885
|
+
};
|
|
5886
|
+
var isCheckboxUnchecked = function isCheckboxUnchecked(kind, value) {
|
|
5887
|
+
return kind === KINDS.checkbox && !value;
|
|
5888
|
+
};
|
|
5889
|
+
var isArrayEmpty = function isArrayEmpty(kind, value) {
|
|
5890
|
+
return [KINDS.multiOption, KINDS.singleOption, KINDS.dateRange, KINDS.timeRange].includes(kind) && ramda.isEmpty(value);
|
|
5891
|
+
};
|
|
5883
5892
|
var buildSchemaAllowingEmptyValue = function buildSchemaAllowingEmptyValue(schema) {
|
|
5884
5893
|
return yup__namespace.mixed().test({
|
|
5885
5894
|
name: "validate-if-not-empty",
|
|
@@ -5891,11 +5900,11 @@ var buildSchemaAllowingEmptyValue = function buildSchemaAllowingEmptyValue(schem
|
|
|
5891
5900
|
}
|
|
5892
5901
|
});
|
|
5893
5902
|
};
|
|
5894
|
-
var buildSchemaForRequiredInputs = function buildSchemaForRequiredInputs(schema) {
|
|
5903
|
+
var buildSchemaForRequiredInputs = function buildSchemaForRequiredInputs(schema, kind) {
|
|
5895
5904
|
return yup__namespace.mixed().test({
|
|
5896
5905
|
name: "validate-required-inputs",
|
|
5897
5906
|
test: function test(value) {
|
|
5898
|
-
if (ramda.
|
|
5907
|
+
if (ramda.isNil(value) || isValueEmpty(value) || isArrayEmpty(kind, value) || isCheckboxUnchecked(kind, value)) {
|
|
5899
5908
|
throw new yup__namespace.ValidationError(t$1("validations.thisIsRequired"));
|
|
5900
5909
|
}
|
|
5901
5910
|
schema.validateSync(value);
|
|
@@ -5905,14 +5914,16 @@ var buildSchemaForRequiredInputs = function buildSchemaForRequiredInputs(schema)
|
|
|
5905
5914
|
};
|
|
5906
5915
|
var buildSchema = function buildSchema(_ref) {
|
|
5907
5916
|
var schema = _ref.schema,
|
|
5908
|
-
isRequired = _ref.isRequired
|
|
5909
|
-
|
|
5917
|
+
isRequired = _ref.isRequired,
|
|
5918
|
+
kind = _ref.kind;
|
|
5919
|
+
return isRequired ? buildSchemaForRequiredInputs(schema, kind) : buildSchemaAllowingEmptyValue(schema);
|
|
5910
5920
|
};
|
|
5911
5921
|
var getBasicValidationSchema = function getBasicValidationSchema(_ref2) {
|
|
5912
5922
|
var kind = _ref2.kind,
|
|
5913
5923
|
fieldData = _ref2.fieldData;
|
|
5914
5924
|
switch (kind) {
|
|
5915
5925
|
case KINDS.singleOption:
|
|
5926
|
+
case KINDS.textarea:
|
|
5916
5927
|
case KINDS.text:
|
|
5917
5928
|
{
|
|
5918
5929
|
return yup__namespace.string().trim().nullable();
|
|
@@ -5962,7 +5973,8 @@ var buildFieldValidationSchema = function buildFieldValidationSchema(_ref3) {
|
|
|
5962
5973
|
});
|
|
5963
5974
|
return buildSchema({
|
|
5964
5975
|
schema: schema,
|
|
5965
|
-
isRequired: isRequired
|
|
5976
|
+
isRequired: isRequired,
|
|
5977
|
+
kind: kind
|
|
5966
5978
|
});
|
|
5967
5979
|
};
|
|
5968
5980
|
var cleanedRegex = function cleanedRegex(regexCondition) {
|
|
@@ -6089,11 +6101,13 @@ var useFormikFields = function useFormikFields(_ref) {
|
|
|
6089
6101
|
dirty: dirty,
|
|
6090
6102
|
handleSubmit: handleSubmit,
|
|
6091
6103
|
fieldProps: _objectSpread$b(_objectSpread$b({}, formikFieldProps), {}, {
|
|
6092
|
-
required: props[isRequiredColumnName],
|
|
6093
6104
|
error: individualSubmit ? meta.error : meta.touched && meta.error,
|
|
6094
6105
|
options: isDropdown ? buildOptionsToLabelAndValue(fieldData) : undefined,
|
|
6095
6106
|
value: getValueForField(formikFieldProps.value),
|
|
6096
6107
|
label: pure.capitalize(name),
|
|
6108
|
+
labelProps: {
|
|
6109
|
+
required: props[isRequiredColumnName]
|
|
6110
|
+
},
|
|
6097
6111
|
disabled: disabled
|
|
6098
6112
|
})
|
|
6099
6113
|
};
|
|
@@ -6147,7 +6161,8 @@ var MultiOption = function MultiOption(props) {
|
|
|
6147
6161
|
fieldProps = _useFormikFields.fieldProps;
|
|
6148
6162
|
return /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
|
|
6149
6163
|
isMulti: true,
|
|
6150
|
-
isSearchable: true
|
|
6164
|
+
isSearchable: true,
|
|
6165
|
+
strategy: "fixed"
|
|
6151
6166
|
}, fieldProps, {
|
|
6152
6167
|
onChange: function onChange(selectedOptions) {
|
|
6153
6168
|
return handleSubmit(ramda.pluck("value", selectedOptions));
|
|
@@ -6209,7 +6224,8 @@ var SingleOption = function SingleOption(props) {
|
|
|
6209
6224
|
fieldProps = _useFormikFields.fieldProps;
|
|
6210
6225
|
return /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
|
|
6211
6226
|
isClearable: true,
|
|
6212
|
-
isSearchable: true
|
|
6227
|
+
isSearchable: true,
|
|
6228
|
+
strategy: "fixed"
|
|
6213
6229
|
}, fieldProps, {
|
|
6214
6230
|
onChange: function onChange(option) {
|
|
6215
6231
|
return handleSubmit((option === null || option === void 0 ? void 0 : option.value) || "");
|