@bigbinary/neeto-fields-frontend 2.4.0-beta1 → 2.4.0-beta4
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/app/javascript/src/translations/en.json +10 -4
- package/dist/{DeleteAlert-BKFIC1hb.js → DeleteAlert-CwY-SBH1.js} +2 -2
- package/dist/{DeleteAlert-BKFIC1hb.js.map → DeleteAlert-CwY-SBH1.js.map} +1 -1
- package/dist/{DeleteAlert-Beb5R3N1.js → DeleteAlert-geUYcfJ4.js} +2 -2
- package/dist/{DeleteAlert-Beb5R3N1.js.map → DeleteAlert-geUYcfJ4.js.map} +1 -1
- package/dist/FieldDeleteAlert.js +2 -2
- package/dist/FieldInputs.js +8 -4
- package/dist/FieldInputs.js.map +1 -1
- package/dist/{FieldValueInputWrapper-Pa94KQ_w.js → FieldValueInputWrapper-B1CMmed_.js} +3 -3
- package/dist/{FieldValueInputWrapper-Pa94KQ_w.js.map → FieldValueInputWrapper-B1CMmed_.js.map} +1 -1
- package/dist/{FieldValueInputWrapper-BnngRFNG.js → FieldValueInputWrapper-BIl3KK8p.js} +3 -3
- package/dist/{FieldValueInputWrapper-BnngRFNG.js.map → FieldValueInputWrapper-BIl3KK8p.js.map} +1 -1
- package/dist/FieldValuesContainer.js +9 -5
- package/dist/FieldValuesContainer.js.map +1 -1
- package/dist/FieldsDashboard.js +32 -24
- package/dist/FieldsDashboard.js.map +1 -1
- package/dist/FieldsPane.js +11 -1
- package/dist/FieldsPane.js.map +1 -1
- package/dist/InlineFieldValueInput.js +41 -34
- package/dist/InlineFieldValueInput.js.map +1 -1
- package/dist/cjs/FieldDeleteAlert.js +2 -2
- package/dist/cjs/FieldInputs.js +8 -4
- package/dist/cjs/FieldInputs.js.map +1 -1
- package/dist/cjs/FieldValuesContainer.js +9 -5
- package/dist/cjs/FieldValuesContainer.js.map +1 -1
- package/dist/cjs/FieldsDashboard.js +31 -23
- package/dist/cjs/FieldsDashboard.js.map +1 -1
- package/dist/cjs/FieldsPane.js +11 -1
- package/dist/cjs/FieldsPane.js.map +1 -1
- package/dist/cjs/InlineFieldValueInput.js +41 -34
- package/dist/cjs/InlineFieldValueInput.js.map +1 -1
- package/dist/cjs/index.js +8 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/utils.js +10 -5
- package/dist/cjs/utils.js.map +1 -1
- package/dist/{constants-Bw1LHJWZ.js → constants-DpomhtLM.js} +7 -3
- package/dist/constants-DpomhtLM.js.map +1 -0
- package/dist/{constants-BwI5NXX6.js → constants-IdI-fPwf.js} +7 -3
- package/dist/constants-IdI-fPwf.js.map +1 -0
- package/dist/index.js +8 -5
- package/dist/index.js.map +1 -1
- package/dist/inject-css-DmrvuTKK.js +4 -0
- package/dist/inject-css-DmrvuTKK.js.map +1 -0
- package/dist/inject-css-vQvjPR2x.js +6 -0
- package/dist/inject-css-vQvjPR2x.js.map +1 -0
- package/dist/{utils-3dmfuYPy.js → utils-Cve5hRWT.js} +206 -54
- package/dist/utils-Cve5hRWT.js.map +1 -0
- package/dist/{utils-CrC4pt0n.js → utils-D1oMc6zE.js} +202 -48
- package/dist/utils-D1oMc6zE.js.map +1 -0
- package/dist/utils.js +10 -5
- package/dist/utils.js.map +1 -1
- package/package.json +15 -15
- package/dist/constants-Bw1LHJWZ.js.map +0 -1
- package/dist/constants-BwI5NXX6.js.map +0 -1
- package/dist/utils-3dmfuYPy.js.map +0 -1
- package/dist/utils-CrC4pt0n.js.map +0 -1
|
@@ -20,7 +20,9 @@ var KINDS = {
|
|
|
20
20
|
regex: "regex",
|
|
21
21
|
integer: "integer",
|
|
22
22
|
decimal: "decimal",
|
|
23
|
-
datetime: "datetime"
|
|
23
|
+
datetime: "datetime",
|
|
24
|
+
phoneNumber: "phone_number",
|
|
25
|
+
email: "email"
|
|
24
26
|
};
|
|
25
27
|
var DATE_TIME_KINDS = [KINDS.date, KINDS.time, KINDS.datetime, KINDS.dateRange, KINDS.timeRange];
|
|
26
28
|
var DISPLAY_KINDS = {
|
|
@@ -40,7 +42,9 @@ var DISPLAY_KINDS = {
|
|
|
40
42
|
regex: i18next.t("neetoFields.fields.kinds.regex"),
|
|
41
43
|
integer: i18next.t("neetoFields.fields.kinds.integer"),
|
|
42
44
|
decimal: i18next.t("neetoFields.fields.kinds.decimal"),
|
|
43
|
-
datetime: i18next.t("neetoFields.fields.kinds.datetime")
|
|
45
|
+
datetime: i18next.t("neetoFields.fields.kinds.datetime"),
|
|
46
|
+
phone_number: i18next.t("neetoFields.fields.kinds.phoneNumber"),
|
|
47
|
+
email: i18next.t("neetoFields.fields.kinds.email")
|
|
44
48
|
};
|
|
45
49
|
var FIELD_STATES = {
|
|
46
50
|
active: "active",
|
|
@@ -63,4 +67,4 @@ exports.DISPLAY_KINDS = DISPLAY_KINDS;
|
|
|
63
67
|
exports.FIELD_STATES = FIELD_STATES;
|
|
64
68
|
exports.KINDS = KINDS;
|
|
65
69
|
exports.MENU_ITEMS = MENU_ITEMS;
|
|
66
|
-
//# sourceMappingURL=constants-
|
|
70
|
+
//# sourceMappingURL=constants-IdI-fPwf.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants-IdI-fPwf.js","sources":["../app/javascript/src/components/FieldsDashBoard/constants.js"],"sourcesContent":["import { t } from \"i18next\";\nimport { values } from \"ramda\";\n\nexport const KINDS = {\n text: \"text\",\n number: \"number\",\n monetary: \"monetary\",\n singleOption: \"single_option\",\n multiOption: \"multi_option\",\n date: \"date\",\n time: \"time\",\n dateRange: \"date_range\",\n timeRange: \"time_range\",\n textarea: \"textarea\",\n textArea: \"text_area\",\n person: \"person\",\n checkbox: \"checkbox\",\n regex: \"regex\",\n integer: \"integer\",\n decimal: \"decimal\",\n datetime: \"datetime\",\n phoneNumber: \"phone_number\",\n email: \"email\",\n};\n\nexport const DATE_TIME_KINDS = [\n KINDS.date,\n KINDS.time,\n KINDS.datetime,\n KINDS.dateRange,\n KINDS.timeRange,\n];\n\nexport const DISPLAY_KINDS = {\n text: t(\"neetoFields.fields.kinds.text\"),\n number: t(\"neetoFields.fields.kinds.number\"),\n monetary: t(\"neetoFields.fields.kinds.monetary\"),\n single_option: t(\"neetoFields.fields.kinds.singleOption\"),\n multi_option: t(\"neetoFields.fields.kinds.multiOption\"),\n date: t(\"neetoFields.fields.kinds.date\"),\n time: t(\"neetoFields.fields.kinds.time\"),\n date_range: t(\"neetoFields.fields.kinds.dateRange\"),\n time_range: t(\"neetoFields.fields.kinds.timeRange\"),\n textarea: t(\"neetoFields.fields.kinds.textarea\"),\n text_area: t(\"neetoFields.fields.kinds.textArea\"),\n person: t(\"neetoFields.fields.kinds.person\"),\n checkbox: t(\"neetoFields.fields.kinds.checkbox\"),\n regex: t(\"neetoFields.fields.kinds.regex\"),\n integer: t(\"neetoFields.fields.kinds.integer\"),\n decimal: t(\"neetoFields.fields.kinds.decimal\"),\n datetime: t(\"neetoFields.fields.kinds.datetime\"),\n phone_number: t(\"neetoFields.fields.kinds.phoneNumber\"),\n email: t(\"neetoFields.fields.kinds.email\"),\n};\n\nexport const FIELD_STATES = {\n active: \"active\",\n inactive: \"inactive\",\n};\n\nexport const DEFAULT_FIELD_STATE_TAXONOMY = {\n active: \"Active\",\n inactive: \"Inactive\",\n};\n\nexport const ALL_KINDS = values(KINDS);\n\nexport const MENU_ITEMS = { EDIT: \"edit\", DELETE: \"delete\" };\n"],"names":["KINDS","text","number","monetary","singleOption","multiOption","date","time","dateRange","timeRange","textarea","textArea","person","checkbox","regex","integer","decimal","datetime","phoneNumber","email","DATE_TIME_KINDS","DISPLAY_KINDS","t","single_option","multi_option","date_range","time_range","text_area","phone_number","FIELD_STATES","active","inactive","DEFAULT_FIELD_STATE_TAXONOMY","ALL_KINDS","values","MENU_ITEMS","EDIT","DELETE"],"mappings":";;;;;AAGO,IAAMA,KAAK,GAAG;AACnBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,YAAY,EAAE,eAAe;AAC7BC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,SAAS,EAAE,YAAY;AACvBC,EAAAA,SAAS,EAAE,YAAY;AACvBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,QAAQ,EAAE,WAAW;AACrBC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,OAAO,EAAE,SAAS;AAClBC,EAAAA,QAAQ,EAAE,UAAU;AACpBC,EAAAA,WAAW,EAAE,cAAc;AAC3BC,EAAAA,KAAK,EAAE;AACT;AAEO,IAAMC,eAAe,GAAG,CAC7BpB,KAAK,CAACM,IAAI,EACVN,KAAK,CAACO,IAAI,EACVP,KAAK,CAACiB,QAAQ,EACdjB,KAAK,CAACQ,SAAS,EACfR,KAAK,CAACS,SAAS;AAGV,IAAMY,aAAa,GAAG;AAC3BpB,EAAAA,IAAI,EAAEqB,SAAC,CAAC,+BAA+B,CAAC;AACxCpB,EAAAA,MAAM,EAAEoB,SAAC,CAAC,iCAAiC,CAAC;AAC5CnB,EAAAA,QAAQ,EAAEmB,SAAC,CAAC,mCAAmC,CAAC;AAChDC,EAAAA,aAAa,EAAED,SAAC,CAAC,uCAAuC,CAAC;AACzDE,EAAAA,YAAY,EAAEF,SAAC,CAAC,sCAAsC,CAAC;AACvDhB,EAAAA,IAAI,EAAEgB,SAAC,CAAC,+BAA+B,CAAC;AACxCf,EAAAA,IAAI,EAAEe,SAAC,CAAC,+BAA+B,CAAC;AACxCG,EAAAA,UAAU,EAAEH,SAAC,CAAC,oCAAoC,CAAC;AACnDI,EAAAA,UAAU,EAAEJ,SAAC,CAAC,oCAAoC,CAAC;AACnDZ,EAAAA,QAAQ,EAAEY,SAAC,CAAC,mCAAmC,CAAC;AAChDK,EAAAA,SAAS,EAAEL,SAAC,CAAC,mCAAmC,CAAC;AACjDV,EAAAA,MAAM,EAAEU,SAAC,CAAC,iCAAiC,CAAC;AAC5CT,EAAAA,QAAQ,EAAES,SAAC,CAAC,mCAAmC,CAAC;AAChDR,EAAAA,KAAK,EAAEQ,SAAC,CAAC,gCAAgC,CAAC;AAC1CP,EAAAA,OAAO,EAAEO,SAAC,CAAC,kCAAkC,CAAC;AAC9CN,EAAAA,OAAO,EAAEM,SAAC,CAAC,kCAAkC,CAAC;AAC9CL,EAAAA,QAAQ,EAAEK,SAAC,CAAC,mCAAmC,CAAC;AAChDM,EAAAA,YAAY,EAAEN,SAAC,CAAC,sCAAsC,CAAC;EACvDH,KAAK,EAAEG,SAAC,CAAC,gCAAgC;AAC3C;AAEO,IAAMO,YAAY,GAAG;AAC1BC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,QAAQ,EAAE;AACZ;AAEO,IAAMC,4BAA4B,GAAG;AAC1CF,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,QAAQ,EAAE;AACZ;IAEaE,SAAS,GAAGC,YAAM,CAAClC,KAAK;AAE9B,IAAMmC,UAAU,GAAG;AAAEC,EAAAA,IAAI,EAAE,MAAM;AAAEC,EAAAA,MAAM,EAAE;AAAS;;;;;;;;;;"}
|
package/dist/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
export { default as FieldInputs } from './FieldInputs.js';
|
|
2
2
|
export { default as FieldsDashboard } from './FieldsDashboard.js';
|
|
3
|
-
export { D as FieldDeleteAlert } from './DeleteAlert-
|
|
3
|
+
export { D as FieldDeleteAlert } from './DeleteAlert-geUYcfJ4.js';
|
|
4
4
|
export { default as FieldsPane } from './FieldsPane.js';
|
|
5
5
|
export { default as FieldValuesContainer } from './FieldValuesContainer.js';
|
|
6
6
|
export { default as InlineFieldValueInput } from './InlineFieldValueInput.js';
|
|
7
|
-
export { n as neetoFieldsUtils } from './utils-
|
|
7
|
+
export { n as neetoFieldsUtils } from './utils-Cve5hRWT.js';
|
|
8
8
|
export { c as useCreateField, b as useDestroyField, u as useFetchFields, d as useShowField, a as useUpdateField } from './useFieldsApi-CNM4-TGd.js';
|
|
9
9
|
import '@babel/runtime/helpers/defineProperty';
|
|
10
10
|
import '@bigbinary/neeto-commons-frontend/react-utils';
|
|
@@ -22,7 +22,7 @@ import '@tanstack/react-query';
|
|
|
22
22
|
import '@bigbinary/neeto-commons-frontend/utils';
|
|
23
23
|
import '@bigbinary/neeto-filters-frontend/utils';
|
|
24
24
|
import 'react-router-dom';
|
|
25
|
-
import './constants-
|
|
25
|
+
import './constants-DpomhtLM.js';
|
|
26
26
|
import 'i18next';
|
|
27
27
|
import 'axios';
|
|
28
28
|
import './index-BCXsyMdx.js';
|
|
@@ -35,6 +35,7 @@ import '@bigbinary/neetoui/Button';
|
|
|
35
35
|
import '@bigbinary/neeto-molecules/MenuBar';
|
|
36
36
|
import 'react-dom';
|
|
37
37
|
import '@bigbinary/neetoui/Pane';
|
|
38
|
+
import './inject-css-DmrvuTKK.js';
|
|
38
39
|
import 'classnames';
|
|
39
40
|
import '@bigbinary/neeto-icons/Reorder';
|
|
40
41
|
import '@bigbinary/neeto-filters-frontend/Bar';
|
|
@@ -53,13 +54,15 @@ import '@bigbinary/neetoui/formik/Select';
|
|
|
53
54
|
import '@bigbinary/neetoui/formik/Switch';
|
|
54
55
|
import '@babel/runtime/helpers/toConsumableArray';
|
|
55
56
|
import '@bigbinary/neeto-icons/Delete';
|
|
56
|
-
import './FieldValueInputWrapper-
|
|
57
|
+
import './FieldValueInputWrapper-B1CMmed_.js';
|
|
57
58
|
import '@bigbinary/neetoui/Checkbox';
|
|
58
59
|
import '@babel/runtime/helpers/asyncToGenerator';
|
|
59
60
|
import '@babel/runtime/regenerator';
|
|
61
|
+
import '@bigbinary/neeto-molecules/CopyToClipboardButton';
|
|
62
|
+
import '@bigbinary/neeto-icons/Redirect';
|
|
63
|
+
import '@bigbinary/neeto-molecules/PhoneNumber';
|
|
60
64
|
import '@bigbinary/neetoui/DatePicker';
|
|
61
65
|
import '@bigbinary/neetoui/TimePicker';
|
|
62
|
-
import 'dayjs';
|
|
63
66
|
import '@bigbinary/neeto-commons-frontend/utils/general';
|
|
64
67
|
import '@bigbinary/neeto-icons/Check';
|
|
65
68
|
import '@bigbinary/neetoui/Input';
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
2
|
+
|
|
3
|
+
export { n };
|
|
4
|
+
//# sourceMappingURL=inject-css-DmrvuTKK.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inject-css-DmrvuTKK.js","sources":["../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js"],"sourcesContent":["var e=[],t=[];function n(n,r){if(n&&\"undefined\"!=typeof document){var a,s=!0===r.prepend?\"prepend\":\"append\",d=!0===r.singleTag,i=\"string\"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName(\"head\")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c()}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n))}function c(){var e=document.createElement(\"style\");if(e.setAttribute(\"type\",\"text/css\"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a=\"prepend\"===s?\"afterbegin\":\"beforeend\";return i.insertAdjacentElement(a,e),e}}export{n as default};\n"],"names":[],"mappings":"AAAA,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,OAAO,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,EAAC,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;;;","x_google_ignoreList":[0]}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
|
|
4
|
+
|
|
5
|
+
exports.n = n;
|
|
6
|
+
//# sourceMappingURL=inject-css-vQvjPR2x.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"inject-css-vQvjPR2x.js","sources":["../node_modules/rollup-plugin-styles/dist/runtime/inject-css.js"],"sourcesContent":["var e=[],t=[];function n(n,r){if(n&&\"undefined\"!=typeof document){var a,s=!0===r.prepend?\"prepend\":\"append\",d=!0===r.singleTag,i=\"string\"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName(\"head\")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c()}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n))}function c(){var e=document.createElement(\"style\");if(e.setAttribute(\"type\",\"text/css\"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a=\"prepend\"===s?\"afterbegin\":\"beforeend\";return i.insertAdjacentElement(a,e),e}}export{n as default};\n"],"names":[],"mappings":";;AAAA,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,OAAO,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAE,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,EAAC,CAAC,SAAS,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,IAAI,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;;;;","x_google_ignoreList":[0]}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
2
2
|
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
3
3
|
import { isNotEmpty, renameKeys, capitalize, findBy, noop, notEquals, filterBy } from '@bigbinary/neeto-cist';
|
|
4
|
-
import { dayjs
|
|
5
|
-
import { isNotNil, isNil, isEmpty,
|
|
4
|
+
import { dayjs } from '@bigbinary/neeto-commons-frontend/utils';
|
|
5
|
+
import { isNotNil, isNil, isEmpty, pluck, clone, pipe, mergeAll, omit, prop, map, pick } from 'ramda';
|
|
6
6
|
import NeetoUICheckbox from '@bigbinary/neetoui/Checkbox';
|
|
7
7
|
import { S as SUBMIT_FIELD_STATUS } from './index-BCXsyMdx.js';
|
|
8
8
|
import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
|
|
@@ -12,32 +12,106 @@ import _regeneratorRuntime from '@babel/runtime/regenerator';
|
|
|
12
12
|
import { useEffect, useState, useRef } from 'react';
|
|
13
13
|
import { useFormikContext, useField } from 'formik';
|
|
14
14
|
import { useFuncDebounce, useOnClickOutside } from '@bigbinary/neeto-commons-frontend/react-utils';
|
|
15
|
-
import { K as KINDS } from './constants-
|
|
15
|
+
import { K as KINDS } from './constants-DpomhtLM.js';
|
|
16
|
+
import { t } from 'i18next';
|
|
17
|
+
import CopyToClipboardButton from '@bigbinary/neeto-molecules/CopyToClipboardButton';
|
|
18
|
+
import Typography from '@bigbinary/neetoui/Typography';
|
|
19
|
+
import Redirect from '@bigbinary/neeto-icons/Redirect';
|
|
20
|
+
import Button from '@bigbinary/neetoui/Button';
|
|
21
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
22
|
+
import { PhoneNumber as PhoneNumber$2, validation, PhoneNumberInput as PhoneNumberInput$2 } from '@bigbinary/neeto-molecules/PhoneNumber';
|
|
16
23
|
import DatePicker from '@bigbinary/neetoui/DatePicker';
|
|
17
24
|
import TimePicker from '@bigbinary/neetoui/TimePicker';
|
|
18
|
-
import dayjs from 'dayjs';
|
|
19
|
-
import { t as t$1 } from 'i18next';
|
|
20
25
|
import * as yup from 'yup';
|
|
21
26
|
import { hyphenize } from '@bigbinary/neeto-commons-frontend/utils/general';
|
|
22
27
|
import Check from '@bigbinary/neeto-icons/Check';
|
|
23
28
|
import Label from '@bigbinary/neetoui/Label';
|
|
24
29
|
import Spinner from '@bigbinary/neetoui/Spinner';
|
|
25
|
-
import {
|
|
26
|
-
import Select from '@bigbinary/neetoui/formik/Select';
|
|
30
|
+
import { n } from './inject-css-DmrvuTKK.js';
|
|
27
31
|
import Input from '@bigbinary/neetoui/Input';
|
|
32
|
+
import Select from '@bigbinary/neetoui/formik/Select';
|
|
28
33
|
import Select$1 from '@bigbinary/neetoui/Select';
|
|
29
34
|
import Textarea from '@bigbinary/neetoui/Textarea';
|
|
30
35
|
|
|
31
|
-
var
|
|
36
|
+
var OpenInApp = function OpenInApp(_ref) {
|
|
37
|
+
var value = _ref.value,
|
|
38
|
+
type = _ref.type;
|
|
39
|
+
var data = CONTACT_LINK_DATA[type];
|
|
40
|
+
return /*#__PURE__*/jsx("div", {
|
|
41
|
+
onClick: function onClick(event) {
|
|
42
|
+
return event.stopPropagation();
|
|
43
|
+
},
|
|
44
|
+
children: /*#__PURE__*/jsx(Button, {
|
|
45
|
+
className: "flex-shrink-0",
|
|
46
|
+
href: "".concat(data.prefix).concat(value),
|
|
47
|
+
icon: Redirect,
|
|
48
|
+
size: "small",
|
|
49
|
+
style: "text",
|
|
50
|
+
tooltipProps: {
|
|
51
|
+
content: data.tooltipMessage,
|
|
52
|
+
position: "top"
|
|
53
|
+
}
|
|
54
|
+
})
|
|
55
|
+
});
|
|
56
|
+
};
|
|
57
|
+
|
|
58
|
+
var Email$1 = function Email(_ref) {
|
|
59
|
+
var value = _ref.value;
|
|
60
|
+
return /*#__PURE__*/jsxs("div", {
|
|
61
|
+
className: "flex w-full items-center gap-2",
|
|
62
|
+
children: [/*#__PURE__*/jsx(Typography, {
|
|
63
|
+
style: "body2",
|
|
64
|
+
children: value
|
|
65
|
+
}), value !== MISSING_VALUE_PLACEHOLDER && /*#__PURE__*/jsxs("div", {
|
|
66
|
+
className: "flex items-center",
|
|
67
|
+
children: [/*#__PURE__*/jsx(CopyToClipboardButton, {
|
|
68
|
+
value: value,
|
|
69
|
+
className: "flex-shrink-0",
|
|
70
|
+
size: "small",
|
|
71
|
+
style: "text"
|
|
72
|
+
}), /*#__PURE__*/jsx(OpenInApp, {
|
|
73
|
+
value: value,
|
|
74
|
+
type: KINDS.email
|
|
75
|
+
})]
|
|
76
|
+
})]
|
|
77
|
+
});
|
|
78
|
+
};
|
|
32
79
|
|
|
33
|
-
var
|
|
34
|
-
|
|
80
|
+
var PhoneNumber$1 = function PhoneNumber(_ref) {
|
|
81
|
+
var value = _ref.value;
|
|
82
|
+
var hasValue = value !== MISSING_VALUE_PLACEHOLDER;
|
|
83
|
+
return hasValue ? /*#__PURE__*/jsxs("div", {
|
|
84
|
+
className: "flex w-full items-center",
|
|
85
|
+
children: [/*#__PURE__*/jsx(PhoneNumber$2, {
|
|
86
|
+
value: value,
|
|
87
|
+
showCopyButton: true,
|
|
88
|
+
showEmoji: true
|
|
89
|
+
}), /*#__PURE__*/jsx(OpenInApp, {
|
|
90
|
+
value: value,
|
|
91
|
+
type: KINDS.phoneNumber
|
|
92
|
+
})]
|
|
93
|
+
}) : /*#__PURE__*/jsx(Typography, {
|
|
94
|
+
style: "body2",
|
|
95
|
+
children: value
|
|
96
|
+
});
|
|
35
97
|
};
|
|
98
|
+
|
|
99
|
+
var DIRECT_EDIT_INPUT_FIELDS = [KINDS.checkbox];
|
|
100
|
+
var DISPLAY_COMPONENT_MAP = _defineProperty(_defineProperty({}, KINDS.phoneNumber, PhoneNumber$1), KINDS.email, Email$1);
|
|
101
|
+
var CONTACT_LINK_DATA = _defineProperty(_defineProperty({}, KINDS.email, {
|
|
102
|
+
prefix: "mailto:",
|
|
103
|
+
tooltipMessage: t("neetoFields.tooltips.composeEmail")
|
|
104
|
+
}), KINDS.phoneNumber, {
|
|
105
|
+
prefix: "tel:",
|
|
106
|
+
tooltipMessage: t("neetoFields.tooltips.startCall")
|
|
107
|
+
});
|
|
108
|
+
var MISSING_VALUE_PLACEHOLDER = "-";
|
|
109
|
+
|
|
36
110
|
var isDropdown = function isDropdown(kind) {
|
|
37
111
|
return ["single_option", "multi_option"].includes(kind);
|
|
38
112
|
};
|
|
39
113
|
var isTextType = function isTextType(kind) {
|
|
40
|
-
return [KINDS.text, KINDS.decimal, KINDS.integer, KINDS.monetary, KINDS.number, KINDS.regex, KINDS.textarea].includes(kind);
|
|
114
|
+
return [KINDS.text, KINDS.decimal, KINDS.integer, KINDS.monetary, KINDS.number, KINDS.regex, KINDS.textarea, KINDS.email, KINDS.phoneNumber].includes(kind);
|
|
41
115
|
};
|
|
42
116
|
|
|
43
117
|
var dateSchema = yup.date().nullable();
|
|
@@ -66,7 +140,7 @@ var buildSchemaForRequiredInputs = function buildSchemaForRequiredInputs(schema,
|
|
|
66
140
|
name: "validate-required-inputs",
|
|
67
141
|
test: function test(value) {
|
|
68
142
|
if (isNil(value) || isValueEmpty(value) || isArrayEmpty(kind, value) || isCheckboxUnchecked(kind, value)) {
|
|
69
|
-
throw new yup.ValidationError(t
|
|
143
|
+
throw new yup.ValidationError(t("neetoFields.validations.thisIsRequired"));
|
|
70
144
|
}
|
|
71
145
|
schema.validateSync(value);
|
|
72
146
|
return true;
|
|
@@ -93,11 +167,11 @@ var getBasicValidationSchema = function getBasicValidationSchema(_ref2) {
|
|
|
93
167
|
case KINDS.monetary:
|
|
94
168
|
case KINDS.decimal:
|
|
95
169
|
{
|
|
96
|
-
return yup.number(t
|
|
170
|
+
return yup.number(t("neetoFields.validations.notAValidNumber")).nullable();
|
|
97
171
|
}
|
|
98
172
|
case KINDS.integer:
|
|
99
173
|
{
|
|
100
|
-
return yup.number().nullable().integer(t
|
|
174
|
+
return yup.number().nullable().integer(t("neetoFields.validations.notAValidInteger"));
|
|
101
175
|
}
|
|
102
176
|
case KINDS.date:
|
|
103
177
|
case KINDS.time:
|
|
@@ -120,6 +194,14 @@ var getBasicValidationSchema = function getBasicValidationSchema(_ref2) {
|
|
|
120
194
|
var regexPattern = fieldData === null || fieldData === void 0 ? void 0 : fieldData.condition;
|
|
121
195
|
return yup.string().nullable().matches(cleanedRegex(regexPattern), fieldData === null || fieldData === void 0 ? void 0 : fieldData.helpMessage);
|
|
122
196
|
}
|
|
197
|
+
case KINDS.email:
|
|
198
|
+
return yup.string().email(t("neetoFields.validations.invalidEntity", {
|
|
199
|
+
entity: t("neetoFields.fields.kinds.email")
|
|
200
|
+
}));
|
|
201
|
+
case KINDS.phoneNumber:
|
|
202
|
+
return validation(t("neetoFields.validations.invalidEntity", {
|
|
203
|
+
entity: t("neetoFields.fields.kinds.phoneNumber")
|
|
204
|
+
}));
|
|
123
205
|
default:
|
|
124
206
|
return yup.mixed();
|
|
125
207
|
}
|
|
@@ -182,15 +264,15 @@ var dateTimeToString = function dateTimeToString(dateTime) {
|
|
|
182
264
|
return dateTime && dayjs(dateTime).toString() || "";
|
|
183
265
|
};
|
|
184
266
|
var getValueFromBool = function getValueFromBool(value) {
|
|
185
|
-
return value === true ? t
|
|
267
|
+
return value === true ? t("neetoFields.common.yes") : t("neetoFields.common.no");
|
|
186
268
|
};
|
|
187
269
|
var getComponentDisplayName = function getComponentDisplayName(Component) {
|
|
188
270
|
return Component.displayName || Component.name || "Component";
|
|
189
271
|
};
|
|
190
272
|
|
|
191
|
-
var _excluded$
|
|
192
|
-
function ownKeys$
|
|
193
|
-
function _objectSpread$
|
|
273
|
+
var _excluded$3 = ["name", "id", "kind", "data", "individualSubmit", "formRef", "formRefs", "disabled", "isRequiredColumnName", "isInline", "onBlur", "hasMetadataWrapper"];
|
|
274
|
+
function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
275
|
+
function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
194
276
|
var useFormikFields = function useFormikFields(_ref) {
|
|
195
277
|
var name = _ref.name,
|
|
196
278
|
fieldId = _ref.id,
|
|
@@ -208,10 +290,11 @@ var useFormikFields = function useFormikFields(_ref) {
|
|
|
208
290
|
handleBlur = _ref$onBlur === void 0 ? noop : _ref$onBlur,
|
|
209
291
|
_ref$hasMetadataWrapp = _ref.hasMetadataWrapper,
|
|
210
292
|
hasMetadataWrapper = _ref$hasMetadataWrapp === void 0 ? false : _ref$hasMetadataWrapp,
|
|
211
|
-
props = _objectWithoutProperties(_ref, _excluded$
|
|
293
|
+
props = _objectWithoutProperties(_ref, _excluded$3);
|
|
212
294
|
var formikContext = useFormikContext();
|
|
213
295
|
var submitForm = formikContext.submitForm,
|
|
214
296
|
dirty = formikContext.dirty,
|
|
297
|
+
isValid = formikContext.isValid,
|
|
215
298
|
isSubmitting = formikContext.isSubmitting;
|
|
216
299
|
var fieldPath = escapeString("".concat(name, "-").concat(fieldId));
|
|
217
300
|
var fieldName = kind === KINDS.multiOption ? "values" : "value";
|
|
@@ -247,7 +330,7 @@ var useFormikFields = function useFormikFields(_ref) {
|
|
|
247
330
|
while (1) switch (_context.prev = _context.next) {
|
|
248
331
|
case 0:
|
|
249
332
|
isNotNil(value) && helpers.setValue(value);
|
|
250
|
-
_context.t0 = individualSubmit;
|
|
333
|
+
_context.t0 = individualSubmit && isValid;
|
|
251
334
|
if (!_context.t0) {
|
|
252
335
|
_context.next = 5;
|
|
253
336
|
break;
|
|
@@ -300,7 +383,7 @@ var useFormikFields = function useFormikFields(_ref) {
|
|
|
300
383
|
return {
|
|
301
384
|
dirty: dirty,
|
|
302
385
|
handleSubmit: handleSubmit,
|
|
303
|
-
fieldProps: _objectSpread$
|
|
386
|
+
fieldProps: _objectSpread$d(_objectSpread$d({}, formikFieldProps), {}, {
|
|
304
387
|
id: fieldId,
|
|
305
388
|
error: individualSubmit ? meta.error : meta.touched && meta.error,
|
|
306
389
|
value: getValueForField(formikFieldProps.value),
|
|
@@ -312,22 +395,21 @@ var useFormikFields = function useFormikFields(_ref) {
|
|
|
312
395
|
onBlur: isInline ? getBlurHandler(kind) : undefined,
|
|
313
396
|
disabled: disabled,
|
|
314
397
|
//conditional props
|
|
315
|
-
options: isDropdown(kind) ? fieldData : undefined
|
|
316
|
-
getPopupContainer: !isInline && isDateTime(kind) ? prop("parentElement") : undefined
|
|
398
|
+
options: isDropdown(kind) ? fieldData : undefined
|
|
317
399
|
}),
|
|
318
400
|
helpers: helpers
|
|
319
401
|
};
|
|
320
402
|
};
|
|
321
403
|
|
|
322
|
-
function ownKeys$
|
|
323
|
-
function _objectSpread$
|
|
404
|
+
function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
405
|
+
function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
324
406
|
var Checkbox = function Checkbox(props) {
|
|
325
407
|
var _useFormikFields = useFormikFields(props),
|
|
326
408
|
handleSubmit = _useFormikFields.handleSubmit,
|
|
327
409
|
fieldProps = _useFormikFields.fieldProps;
|
|
328
410
|
var submissionStatus = props.submissionStatus;
|
|
329
411
|
var disabled = fieldProps.disabled || submissionStatus === SUBMIT_FIELD_STATUS.SUBMITTING;
|
|
330
|
-
return /*#__PURE__*/jsx(NeetoUICheckbox, _objectSpread$
|
|
412
|
+
return /*#__PURE__*/jsx(NeetoUICheckbox, _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({}, fieldProps), {}, {
|
|
331
413
|
disabled: disabled
|
|
332
414
|
})), {}, {
|
|
333
415
|
checked: fieldProps.value,
|
|
@@ -338,13 +420,11 @@ var Checkbox = function Checkbox(props) {
|
|
|
338
420
|
}));
|
|
339
421
|
};
|
|
340
422
|
|
|
341
|
-
var
|
|
342
|
-
|
|
343
|
-
var css$1 = ".neeto-fields-nano__metadata-card__spinner{scale:.6}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX21ldGFkYXRhLXBhbmVsLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsMkNBQ0UsUUFDRiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1maWVsZHMtbmFub19fbWV0YWRhdGEtY2FyZF9fc3Bpbm5lciB7XG4gIHNjYWxlOiAwLjY7XG59XG4iXX0= */";
|
|
344
|
-
n(css$1,{});
|
|
423
|
+
var css$2 = ".neeto-fields-nano__metadata-card__spinner{scale:.6}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX21ldGFkYXRhLXBhbmVsLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsMkNBQ0UsUUFDRiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1maWVsZHMtbmFub19fbWV0YWRhdGEtY2FyZF9fc3Bpbm5lciB7XG4gIHNjYWxlOiAwLjY7XG59XG4iXX0= */";
|
|
424
|
+
n(css$2,{});
|
|
345
425
|
|
|
346
|
-
function ownKeys$
|
|
347
|
-
function _objectSpread$
|
|
426
|
+
function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
427
|
+
function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
348
428
|
var MetadataBlock = function MetadataBlock(_ref) {
|
|
349
429
|
var labelProps = _ref.labelProps,
|
|
350
430
|
label = _ref.label,
|
|
@@ -357,7 +437,7 @@ var MetadataBlock = function MetadataBlock(_ref) {
|
|
|
357
437
|
"data-cy": label ? "".concat(hyphenize(label), "-container") : "meta-data-block-container",
|
|
358
438
|
children: [!isInline && /*#__PURE__*/jsxs("div", {
|
|
359
439
|
className: "flex items-center gap-2",
|
|
360
|
-
children: [/*#__PURE__*/jsx(Label, _objectSpread$
|
|
440
|
+
children: [/*#__PURE__*/jsx(Label, _objectSpread$b(_objectSpread$b({
|
|
361
441
|
"data-cy": "".concat(hyphenize(label), "-label"),
|
|
362
442
|
htmlFor: fieldId
|
|
363
443
|
}, labelProps), {}, {
|
|
@@ -375,8 +455,8 @@ var MetadataBlock = function MetadataBlock(_ref) {
|
|
|
375
455
|
});
|
|
376
456
|
};
|
|
377
457
|
|
|
378
|
-
function ownKeys$
|
|
379
|
-
function _objectSpread$
|
|
458
|
+
function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
459
|
+
function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
380
460
|
var WithMetadataBlock = function WithMetadataBlock(Component) {
|
|
381
461
|
var withMetadataBlockWrapper = function withMetadataBlockWrapper(props) {
|
|
382
462
|
var submissionStatus = props.submissionStatus,
|
|
@@ -396,7 +476,7 @@ var WithMetadataBlock = function WithMetadataBlock(Component) {
|
|
|
396
476
|
label: label,
|
|
397
477
|
labelProps: labelProps,
|
|
398
478
|
submissionStatus: submissionStatus,
|
|
399
|
-
children: /*#__PURE__*/jsx(Component, _objectSpread$
|
|
479
|
+
children: /*#__PURE__*/jsx(Component, _objectSpread$a(_objectSpread$a({}, props), {}, {
|
|
400
480
|
hasMetadataWrapper: true
|
|
401
481
|
}))
|
|
402
482
|
});
|
|
@@ -405,9 +485,9 @@ var WithMetadataBlock = function WithMetadataBlock(Component) {
|
|
|
405
485
|
return withMetadataBlockWrapper;
|
|
406
486
|
};
|
|
407
487
|
|
|
408
|
-
var _excluded$
|
|
409
|
-
function ownKeys$
|
|
410
|
-
function _objectSpread$
|
|
488
|
+
var _excluded$2 = ["onBlur"];
|
|
489
|
+
function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
490
|
+
function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
411
491
|
var DateOrTime = function DateOrTime(props) {
|
|
412
492
|
var isInline = props.isInline;
|
|
413
493
|
var _useState = useState(isInline),
|
|
@@ -419,7 +499,7 @@ var DateOrTime = function DateOrTime(props) {
|
|
|
419
499
|
handleSubmit = _useFormikFields.handleSubmit,
|
|
420
500
|
_useFormikFields$fiel = _useFormikFields.fieldProps,
|
|
421
501
|
onBlur = _useFormikFields$fiel.onBlur,
|
|
422
|
-
fieldProps = _objectWithoutProperties(_useFormikFields$fiel, _excluded$
|
|
502
|
+
fieldProps = _objectWithoutProperties(_useFormikFields$fiel, _excluded$2),
|
|
423
503
|
helpers = _useFormikFields.helpers;
|
|
424
504
|
var handleChange = function handleChange(dateTime) {
|
|
425
505
|
value.current = dateTimeToString(dateTime);
|
|
@@ -460,7 +540,7 @@ var DateOrTime = function DateOrTime(props) {
|
|
|
460
540
|
};
|
|
461
541
|
}();
|
|
462
542
|
if (props.kind === KINDS.time) {
|
|
463
|
-
return /*#__PURE__*/jsx(TimePicker, _objectSpread$
|
|
543
|
+
return /*#__PURE__*/jsx(TimePicker, _objectSpread$9(_objectSpread$9({}, _objectSpread$9(_objectSpread$9({}, fieldProps), {}, {
|
|
464
544
|
onOpenChange: onOpenChange
|
|
465
545
|
})), {}, {
|
|
466
546
|
use12Hours: true,
|
|
@@ -469,17 +549,17 @@ var DateOrTime = function DateOrTime(props) {
|
|
|
469
549
|
onChange: handleChange
|
|
470
550
|
}));
|
|
471
551
|
} else if (props.kind === KINDS.date) {
|
|
472
|
-
return /*#__PURE__*/jsx(DatePicker, _objectSpread$
|
|
552
|
+
return /*#__PURE__*/jsx(DatePicker, _objectSpread$9(_objectSpread$9({}, _objectSpread$9(_objectSpread$9({}, fieldProps), {}, {
|
|
473
553
|
onOpenChange: onOpenChange
|
|
474
554
|
})), {}, {
|
|
475
555
|
open: isOpen,
|
|
476
556
|
onChange: handleChange
|
|
477
557
|
}));
|
|
478
558
|
}
|
|
479
|
-
return /*#__PURE__*/jsx(DatePicker, _objectSpread$
|
|
559
|
+
return /*#__PURE__*/jsx(DatePicker, _objectSpread$9(_objectSpread$9({
|
|
480
560
|
showTime: true,
|
|
481
561
|
timeFormat: "h:mm A"
|
|
482
|
-
}, _objectSpread$
|
|
562
|
+
}, _objectSpread$9(_objectSpread$9({}, fieldProps), {}, {
|
|
483
563
|
onOpenChange: onOpenChange
|
|
484
564
|
})), {}, {
|
|
485
565
|
open: isOpen,
|
|
@@ -488,13 +568,37 @@ var DateOrTime = function DateOrTime(props) {
|
|
|
488
568
|
};
|
|
489
569
|
var DateOrTimeInput = WithMetadataBlock(DateOrTime);
|
|
490
570
|
|
|
491
|
-
function ownKeys$
|
|
492
|
-
function _objectSpread$
|
|
571
|
+
function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
572
|
+
function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
573
|
+
var Email = function Email(props) {
|
|
574
|
+
var _useFormikFields = useFormikFields(props),
|
|
575
|
+
handleSubmit = _useFormikFields.handleSubmit,
|
|
576
|
+
fieldProps = _useFormikFields.fieldProps,
|
|
577
|
+
dirty = _useFormikFields.dirty;
|
|
578
|
+
var handleKeyDown = function handleKeyDown(event) {
|
|
579
|
+
if (event.key !== "Enter" || event.shiftKey) return;
|
|
580
|
+
event.preventDefault();
|
|
581
|
+
handleSubmit();
|
|
582
|
+
};
|
|
583
|
+
return /*#__PURE__*/jsx(Input, _objectSpread$8(_objectSpread$8(_objectSpread$8({}, fieldProps), {}, {
|
|
584
|
+
type: "email"
|
|
585
|
+
}, !props.isInline && {
|
|
586
|
+
onBlur: function onBlur() {
|
|
587
|
+
return dirty && handleSubmit();
|
|
588
|
+
}
|
|
589
|
+
}), {}, {
|
|
590
|
+
onKeyDown: handleKeyDown
|
|
591
|
+
}));
|
|
592
|
+
};
|
|
593
|
+
var EmailInput = WithMetadataBlock(Email);
|
|
594
|
+
|
|
595
|
+
function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
596
|
+
function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
493
597
|
var MultiOption = function MultiOption(props) {
|
|
494
598
|
var _useFormikFields = useFormikFields(props),
|
|
495
599
|
handleSubmit = _useFormikFields.handleSubmit,
|
|
496
600
|
fieldProps = _useFormikFields.fieldProps;
|
|
497
|
-
return /*#__PURE__*/jsx(Select, _objectSpread$
|
|
601
|
+
return /*#__PURE__*/jsx(Select, _objectSpread$7(_objectSpread$7({
|
|
498
602
|
isMulti: true,
|
|
499
603
|
isSearchable: true,
|
|
500
604
|
strategy: "fixed"
|
|
@@ -507,14 +611,14 @@ var MultiOption = function MultiOption(props) {
|
|
|
507
611
|
};
|
|
508
612
|
var MultiOptionInput = WithMetadataBlock(MultiOption);
|
|
509
613
|
|
|
510
|
-
function ownKeys$
|
|
511
|
-
function _objectSpread$
|
|
614
|
+
function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
615
|
+
function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
512
616
|
var Number = function Number(props) {
|
|
513
617
|
var _useFormikFields = useFormikFields(props),
|
|
514
618
|
handleSubmit = _useFormikFields.handleSubmit,
|
|
515
619
|
fieldProps = _useFormikFields.fieldProps,
|
|
516
620
|
dirty = _useFormikFields.dirty;
|
|
517
|
-
return /*#__PURE__*/jsx(Input, _objectSpread$
|
|
621
|
+
return /*#__PURE__*/jsx(Input, _objectSpread$6(_objectSpread$6({}, fieldProps), {}, {
|
|
518
622
|
type: "number",
|
|
519
623
|
onBlur: function onBlur() {
|
|
520
624
|
return dirty && handleSubmit();
|
|
@@ -523,6 +627,52 @@ var Number = function Number(props) {
|
|
|
523
627
|
};
|
|
524
628
|
var NumberInput = WithMetadataBlock(Number);
|
|
525
629
|
|
|
630
|
+
var css$1 = ".neeto-fields-phone-number-input .neeto-ui-input__prefix{padding-bottom:1px;padding-top:1px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX3Bob25lX251bWJlcl9pbnB1dC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNFLHlEQUVFLGtCQUFBLENBREEsZUFDSiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1maWVsZHMtcGhvbmUtbnVtYmVyLWlucHV0IHtcbiAgLm5lZXRvLXVpLWlucHV0X19wcmVmaXgge1xuICAgIHBhZGRpbmctdG9wOiAxcHg7XG4gICAgcGFkZGluZy1ib3R0b206IDFweDtcbiAgfVxufVxuIl19 */";
|
|
631
|
+
n(css$1,{});
|
|
632
|
+
|
|
633
|
+
var _excluded$1 = ["onBlur"];
|
|
634
|
+
function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
635
|
+
function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
636
|
+
var withOnClickOutsideWrapper$1 = function withOnClickOutsideWrapper(Component) {
|
|
637
|
+
var WithOnClickOutsideWrapper = function WithOnClickOutsideWrapper(_ref) {
|
|
638
|
+
var _ref$onBlur = _ref.onBlur,
|
|
639
|
+
onBlur = _ref$onBlur === void 0 ? noop : _ref$onBlur,
|
|
640
|
+
props = _objectWithoutProperties(_ref, _excluded$1);
|
|
641
|
+
var ref = useRef(null);
|
|
642
|
+
var isInline = onBlur !== noop;
|
|
643
|
+
useOnClickOutside(ref, onBlur, {
|
|
644
|
+
enabled: isInline
|
|
645
|
+
});
|
|
646
|
+
return isInline ? /*#__PURE__*/jsx("div", {
|
|
647
|
+
ref: ref,
|
|
648
|
+
children: /*#__PURE__*/jsx(Component, _objectSpread$5({}, props))
|
|
649
|
+
}) : /*#__PURE__*/jsx(Component, _objectSpread$5({}, props));
|
|
650
|
+
};
|
|
651
|
+
WithOnClickOutsideWrapper.displayName = "WithOnClickOutsideWrapper(".concat(getComponentDisplayName(Component), ")");
|
|
652
|
+
return WithOnClickOutsideWrapper;
|
|
653
|
+
};
|
|
654
|
+
var PhoneNumberInput = withOnClickOutsideWrapper$1(PhoneNumberInput$2);
|
|
655
|
+
var PhoneNumber = function PhoneNumber(props) {
|
|
656
|
+
var _useFormikFields = useFormikFields(props),
|
|
657
|
+
handleSubmit = _useFormikFields.handleSubmit,
|
|
658
|
+
fieldProps = _useFormikFields.fieldProps,
|
|
659
|
+
dirty = _useFormikFields.dirty,
|
|
660
|
+
helpers = _useFormikFields.helpers;
|
|
661
|
+
return /*#__PURE__*/jsx(PhoneNumberInput, _objectSpread$5(_objectSpread$5(_objectSpread$5({
|
|
662
|
+
className: "neeto-fields-phone-number-input"
|
|
663
|
+
}, fieldProps), !props.isInline && {
|
|
664
|
+
onBlur: function onBlur() {
|
|
665
|
+
return dirty && handleSubmit();
|
|
666
|
+
}
|
|
667
|
+
}), {}, {
|
|
668
|
+
size: "small",
|
|
669
|
+
onChange: function onChange(value) {
|
|
670
|
+
return helpers.setValue(value);
|
|
671
|
+
}
|
|
672
|
+
}));
|
|
673
|
+
};
|
|
674
|
+
var PhoneNumberInput$1 = WithMetadataBlock(PhoneNumber);
|
|
675
|
+
|
|
526
676
|
var _excluded = ["onBlur"];
|
|
527
677
|
function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
528
678
|
function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
@@ -670,7 +820,9 @@ var standardComponents = {
|
|
|
670
820
|
multi_option: MultiOptionInput,
|
|
671
821
|
date_range: RangePickerInput,
|
|
672
822
|
time_range: RangePickerInput,
|
|
673
|
-
checkbox: Checkbox
|
|
823
|
+
checkbox: Checkbox,
|
|
824
|
+
phone_number: PhoneNumberInput$1,
|
|
825
|
+
email: EmailInput
|
|
674
826
|
};
|
|
675
827
|
var getFieldInput = function getFieldInput(_ref) {
|
|
676
828
|
var field = _ref.field,
|
|
@@ -767,8 +919,8 @@ var neetoFieldsUtils = {
|
|
|
767
919
|
};
|
|
768
920
|
var getTimezone = function getTimezone() {
|
|
769
921
|
var _dayjs$$x;
|
|
770
|
-
return ((_dayjs$$x = dayjs
|
|
922
|
+
return ((_dayjs$$x = dayjs().$x) === null || _dayjs$$x === void 0 ? void 0 : _dayjs$$x.$timezone) || dayjs.tz.guess();
|
|
771
923
|
};
|
|
772
924
|
|
|
773
|
-
export {
|
|
774
|
-
//# sourceMappingURL=utils-
|
|
925
|
+
export { DISPLAY_COMPONENT_MAP as D, MISSING_VALUE_PLACEHOLDER as M, getFieldInput as a, getValueFromBool as b, DIRECT_EDIT_INPUT_FIELDS as c, getTimezone as d, getInitialFieldValue as e, getNonSystemFields as g, neetoFieldsUtils as n };
|
|
926
|
+
//# sourceMappingURL=utils-Cve5hRWT.js.map
|