@cleartrip/ct-design-form 2.2.0-beta.0 → 2.2.0-beta.1

package/dist/ct-design-form.browser.esm.js

@@ -0,0 +1,393 @@
+import { __rest as e, __assign as n } from 'tslib';
+import { jsx as r, Fragment as a, jsxs as t } from 'react/jsx-runtime';
+import { Formik as l, useFormikContext as i } from 'formik';
+import { compare as o } from 'fast-json-patch';
+import { useState as u, useRef as c, useCallback as d, useEffect as m } from 'react';
+import { TextField as f } from '@cleartrip/ct-design-text-field';
+import h from '@cleartrip/ct-design-radio';
+import { Checkbox as s } from '@cleartrip/ct-design-checkbox';
+import { Select as v } from '@cleartrip/ct-design-select';
+import g from '@cleartrip/ct-design-select-calendar';
+import p from '@cleartrip/ct-design-switch-button';
+import B from '@cleartrip/ct-design-select-chip-dropdown';
+import { Typography as C } from '@cleartrip/ct-design-typography';
+import { Container as S } from '@cleartrip/ct-design-container';
+function b(a) {
+	var t = a.children,
+		i = a.initialValues,
+		c = a.onSubmit,
+		d = a.validationSchema,
+		m = a.initialErrors,
+		f = a.initialStatus,
+		h = a.initialTouched,
+		s = a.onReset,
+		v = a.validate,
+		g = a.css,
+		p = a.className,
+		B = a.validateOnChange,
+		C = a.validateOnBlur,
+		S = e(a, [
+			'children',
+			'initialValues',
+			'onSubmit',
+			'validationSchema',
+			'initialErrors',
+			'initialStatus',
+			'initialTouched',
+			'onReset',
+			'validate',
+			'css',
+			'className',
+			'validateOnChange',
+			'validateOnBlur',
+		]),
+		b = u(!1),
+		F = b[0],
+		k = b[1];
+	return r(
+		l,
+		n(
+			{
+				initialValues: i,
+				validationSchema: d,
+				onSubmit: function (e, n) {
+					var r = o(i, e);
+					c(e, n, r);
+				},
+				onReset: s,
+				initialStatus: f,
+				initialTouched: h,
+				validate: v,
+				initialErrors: m,
+				validateOnChange: null != B ? B : F,
+				validateOnBlur: null != C ? C : F,
+			},
+			S,
+			{
+				children: function (e) {
+					var a = e.handleSubmit,
+						l = e.resetForm;
+					return r(
+						'form',
+						n(
+							{
+								onSubmit: function (e) {
+									return a(e), k(!0), !1;
+								},
+								onReset: function () {
+									return l();
+								},
+								style: g,
+								className: p,
+							},
+							{ children: t }
+						)
+					);
+				},
+			}
+		)
+	);
+}
+function F(e) {
+	var r = e.children,
+		a = e.name;
+	e.validate;
+	var t = i(),
+		l = c(),
+		o = d(
+			function (e, n) {
+				e ? t.handleChange(e) : n && t.setFieldValue(n.name, n.value, t.validateOnChange);
+			},
+			[t]
+		),
+		u = d(
+			function (e, n) {
+				e ? t.handleBlur(e) : n && t.validateOnBlur && t.validateField(n.name);
+			},
+			[t]
+		);
+	return (
+		m(
+			function () {
+				t.errors && t.errors[a] && l.current && l.current.focus && t.isSubmitting && l.current.focus();
+			},
+			[t.errors, a]
+		),
+		r(n(n({}, t), { handleBlur: u, handleChange: o, ref: l }))
+	);
+}
+var k = function (e) {
+		var l = e.options,
+			i = e.labels;
+		return r(
+			F,
+			n(
+				{ name: e.name },
+				{
+					children: function (o) {
+						var u = o.handleChange,
+							c = o.handleBlur,
+							d = (0, o.getFieldMeta)(e.name),
+							m = d.value,
+							f = d.error;
+						return r(a, {
+							children: l.map(function (a, l) {
+								return t(
+									S,
+									n(
+										{ className: 'flex flex-column' },
+										{
+											children: [
+												r(
+													h,
+													n(
+														{
+															value: m,
+															error: f,
+															onChange: function () {
+																return u(null, { name: e.name, value: a });
+															},
+															onBlur: c,
+															checked: a === m,
+															label: i[l],
+														},
+														e
+													),
+													a
+												),
+												f &&
+													0 === l &&
+													r(
+														C,
+														n(
+															{ variant: 'P3', color: 'warning', className: 'mt-1' },
+															{ children: f }
+														)
+													),
+											],
+										}
+									)
+								);
+							}),
+						});
+					},
+				}
+			)
+		);
+	},
+	O = function (e) {
+		return r(
+			F,
+			n(
+				{ name: e.name },
+				{
+					children: function (a) {
+						var t = a.handleChange,
+							l = a.handleBlur,
+							i = (0, a.getFieldMeta)(e.name),
+							o = i.value;
+						return (
+							i.error,
+							r(
+								s,
+								n(
+									{
+										checked: o,
+										onBlur: l,
+										onChange: function (n) {
+											return t(null, { name: e.name, value: n.target.checked });
+										},
+										label: e.label,
+									},
+									e
+								)
+							)
+						);
+					},
+				}
+			)
+		);
+	},
+	y = function (e) {
+		return r(
+			F,
+			n(
+				{ name: e.name },
+				{
+					children: function (a) {
+						var t = a.handleChange,
+							l = a.handleBlur,
+							i = a.getFieldMeta,
+							o = a.ref,
+							u = i(e.name),
+							c = u.value,
+							d = u.error;
+						return r(
+							g,
+							n(
+								{
+									onDateChange: function (n) {
+										t(null, {
+											name: e.name,
+											value: e.outputDateFormat ? e.outputDateFormat(n) : n,
+										});
+									},
+									value: c,
+									ref: o,
+									error: d,
+									onBlur: l,
+								},
+								e
+							)
+						);
+					},
+				}
+			)
+		);
+	},
+	M = function (e) {
+		return r(
+			F,
+			n(
+				{ name: e.name },
+				{
+					children: function (a) {
+						a.values;
+						var t = a.handleChange,
+							l = a.handleBlur,
+							i = a.getFieldMeta,
+							o = a.ref,
+							u = i(e.name),
+							c = u.value,
+							d = u.error;
+						return r(p, n({ checked: c, error: d, onChange: t, ref: o, onBlur: l }, e));
+					},
+				}
+			)
+		);
+	},
+	x = function (e) {
+		return r(
+			F,
+			n(
+				{ name: e.name },
+				{
+					children: function (a) {
+						var t = a.handleChange,
+							l = a.handleBlur,
+							i = a.getFieldMeta,
+							o = a.ref;
+						a.registerField;
+						var u = i(e.name),
+							c = u.value,
+							d = u.error;
+						return r(f, n({ value: c, error: d, onChange: t, onBlur: l, ref: o }, e));
+					},
+				}
+			)
+		);
+	},
+	N = function (e) {
+		var a = e.optionList;
+		return r(
+			F,
+			n(
+				{ name: e.name },
+				{
+					children: function (t) {
+						var l = t.handleChange,
+							i = t.handleBlur,
+							o = t.getFieldMeta,
+							u = t.ref,
+							c = o(e.name),
+							d = c.value,
+							m = c.error,
+							f =
+								null == a
+									? void 0
+									: a.find(function (e) {
+											return e.key == d;
+									  });
+						return r(
+							v,
+							n(
+								{
+									selectedOption: f,
+									error: m,
+									onSelect: function (n) {
+										var r;
+										l(null, { name: e.name, value: n.key }),
+											null === (r = null == e ? void 0 : e.onChange) ||
+												void 0 === r ||
+												r.call(e, n);
+									},
+									onBlur: i,
+									ref: u,
+									id: null == f ? void 0 : f.key,
+								},
+								e
+							)
+						);
+					},
+				}
+			)
+		);
+	},
+	R = function (e) {
+		var a = e.optionList;
+		return r(
+			F,
+			n(
+				{ name: e.name },
+				{
+					children: function (t) {
+						var l = t.handleChange,
+							i = t.handleBlur,
+							o = t.getFieldMeta,
+							u = t.ref,
+							c = o(e.name),
+							d = c.value,
+							m = c.error,
+							f =
+								null == a
+									? void 0
+									: a.filter(function (e) {
+											return null == d ? void 0 : d.includes(e.key);
+									  });
+						return r(
+							B,
+							n(
+								{
+									selectedOptions: f,
+									error: m,
+									onSelect: function (n) {
+										l(null, {
+											name: e.name,
+											value: n.map(function (e) {
+												return e.key;
+											}),
+										});
+									},
+									onBlur: i,
+									ref: u,
+								},
+								e
+							)
+						);
+					},
+				}
+			)
+		);
+	};
+export {
+	y as FormCalendar,
+	O as FormCheckbox,
+	F as FormElement,
+	x as FormInput,
+	k as FormRadio,
+	N as FormSelect,
+	R as FormSelectDropdown,
+	M as FormSwitch,
+	b as default,
+};
+//# sourceMappingURL=ct-design-form.browser.esm.js.map

package/dist/ct-design-form.browser.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ct-design-form.browser.esm.js","sources":["../packages/components/Form/src/Form.tsx","../packages/components/Form/src/FormElement/FormElement.tsx"],"sourcesContent":[null,null],"names":["Form","_a","children","initialValues","onSubmit","validationSchema","initialErrors","initialStatus","initialTouched","onReset","validate","css","className","validateOnChange","validateOnBlur","rest","__rest","_b","useState","isDirty","setIsDirty","_jsx","Formik","__assign","values","formikHelpers","patchValues","compare","handleSubmit","resetForm","e","style","FormElement","name","formik","useFormikContext","ref","useRef","handleChange","useCallback","setField","setFieldValue","value","handleBlur","validateField","useEffect","errors","current","focus","isSubmitting","FormRadio","props","options","labels","getFieldMeta","error","_Fragment","map","o","index","_jsxs","Container","Radio","onChange","onBlur","checked","label","Typography","variant","color","FormCheckbox","Checkbox","target","FormCalendar","SelectCalendar","onDateChange","outputDateFormat","FormSwitch","ToggleSwitch","FormInput","registerField","TextField","FormSelect","optionsList","optionList","selectedOption","find","option","key","Select","onSelect","call","id","FormSelectDropdown","selectedOptions","filter","includes","SelectChipDropdown"],"mappings":"qwBAMA,SAASA,EAA6BC,GACrC,IAAAC,EAAQD,EAAAC,SACRC,EAAaF,EAAAE,cACbC,EAAQH,EAAAG,SACRC,EAAgBJ,EAAAI,iBAChBC,EAAaL,EAAAK,cACbC,EAAaN,EAAAM,cACbC,EAAcP,EAAAO,eACdC,EAAOR,EAAAQ,QACPC,EAAQT,EAAAS,SACRC,EAAGV,EAAAU,IACHC,EAASX,EAAAW,UACTC,EAAgBZ,EAAAY,iBAChBC,EAAcb,EAAAa,eACXC,EAAIC,EAAAf,EAd8B,wLAgB/BgB,EAAwBC,GAAS,GAAhCC,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAM1B,OACCI,EAACC,EACAC,EAAA,CAAApB,cAAeA,EACfE,iBAAkBA,EAClBD,SATuB,SAACoB,EAAWC,GACpC,IAAMC,EAAcC,EAAQxB,EAAeqB,GAC3CpB,EAASoB,EAAQC,EAAeC,EACjC,EAOEjB,QAASA,EACTF,cAAeA,EACfC,eAAgBA,EAChBE,SAAUA,EACVJ,cAAeA,EACfO,iBAAkBA,QAAAA,EAAoBM,EACtCL,eAAgBA,QAAAA,EAAkBK,GAC9BJ,EAEH,CAAAb,SAAA,SAACD,OAAE2B,EAAY3B,EAAA2B,aAAEC,EAAS5B,EAAA4B,UAC1B,OACCR,EAAA,OAAAE,EAAA,CACCnB,SAAU,SAAC0B,GAGV,OAFAF,EAAaE,GACbV,GAAW,IACJ,CACP,EACDX,QAAS,WAAM,OAAAoB,GAAW,EAC1BE,MAAOpB,EACPC,UAAWA,GAEV,CAAAV,SAAAA,IAGH,IAGJ,CC5CwB,SAAA8B,EAAY/B,OAAEC,EAAQD,EAAAC,SAAE+B,EAAIhC,EAAAgC,KAAqBhC,EAAAS,SACxE,IAAMwB,EAASC,IACTC,EAAMC,IAINC,EAAeC,GACpB,SAACT,EAAgBU,GACZV,EACHI,EAAOI,aAAaR,GACVU,GACVN,EAAOO,cAAcD,EAASP,KAAMO,EAASE,MAAOR,EAAOrB,iBAE7D,GACA,CAACqB,IAMIS,EAAaJ,GAClB,SAACT,EAAeU,GACXV,EACHI,EAAOS,WAAWb,GACRU,GACNN,EAAOpB,gBACVoB,EAAOU,cAAcJ,EAASP,KAGjC,GACA,CAACC,IASF,OANAW,GAAU,WACLX,EAAOY,QAAUZ,EAAOY,OAAOb,IAASG,EAAIW,SAAWX,EAAIW,QAAQC,OAASd,EAAOe,cACtFb,EAAIW,QAAQC,OAEb,GAAE,CAACd,EAAOY,OAAQb,IAEZ/B,EAAQqB,EAAAA,EAAA,CAAA,EAAMW,GAAM,CAAES,WAAUA,EAAEL,aAAYA,EAAEF,IAAGA,IAC3D,CACO,IAAMc,EAAY,SAACC,GACjB,IAAAC,EAAoBD,EAAKC,QAAhBC,EAAWF,EAAKE,OACjC,OACChC,EAACW,EAAYT,EAAA,CAAAU,KAAMkB,EAAMlB,MACvB,CAAA/B,SAAA,SAACD,GAAE,IAAAqC,iBAAcK,EAAU1C,EAAA0C,WACrB1B,GAAkBqC,EADiBrD,EAAAqD,cACJH,EAAMlB,MAAnCS,EAAKzB,EAAAyB,MAAEa,UAEf,OACClC,EACEmC,EAAA,CAAAtD,SAAAkD,EAAQK,KAAI,SAACC,EAAGC,GAAU,OAC1BC,EAACC,EAAUtC,EAAA,CAAAX,UAAU,+BACpBS,EAACyC,EAEAvC,EAAA,CAAAmB,MAAOA,EACPa,MAAOA,EACPQ,SAAU,WAAM,OAAAzB,EAAa,KAAM,CAAEL,KAAMkB,EAAMlB,KAAMS,MAAOgB,GAAI,EAClEM,OAAQrB,EACRsB,QAASP,IAAMhB,EACfwB,MAAOb,EAAOM,IACVR,GAPCO,GASLH,GAAmB,IAAVI,GACTtC,EAAC8C,EAAW5C,EAAA,CAAA6C,QAAQ,KAAKC,MAAM,UAAUzD,UAAU,QACjD,CAAAV,SAAAqD,aAOP,IAGJ,EAEae,EAAe,SAACnB,GAC5B,OACC9B,EAACW,EAAYT,EAAA,CAAAU,KAAMkB,EAAMlB,MACvB,CAAA/B,SAAA,SAACD,GAAE,IAAAqC,iBAAcK,EAAU1C,EAAA0C,WACrB1B,GAAkBqC,EADiBrD,EAAAqD,cACJH,EAAMlB,MAAnCS,EAAKzB,EAAAyB,MACb,eACCrB,EAACkD,EAAQhD,EAAA,CACR0C,QAASvB,EACTsB,OAAQrB,EACRoB,SAAU,SAACjC,GAAM,OAAAQ,EAAa,KAAM,CAAEL,KAAMkB,EAAMlB,KAAMS,MAAOZ,EAAE0C,OAAOP,SAAU,EAClFC,MAAOf,EAAMe,OACTf,GAGN,IAGJ,EAGasB,EAAe,SAACtB,GAC5B,OACC9B,EAACW,EAAYT,EAAA,CAAAU,KAAMkB,EAAMlB,MACvB,CAAA/B,SAAA,SAACD,OAAEqC,EAAYrC,EAAAqC,aAAEK,EAAU1C,EAAA0C,WAAEW,EAAYrD,EAAAqD,aAAElB,EAAGnC,EAAAmC,IACxCnB,EAAkBqC,EAAaH,EAAMlB,MAAnCS,EAAKzB,EAAAyB,MAAEa,UACf,OACClC,EAACqD,KACAC,aAAc,SAACjC,GACdJ,EAAa,KAAM,CAClBL,KAAMkB,EAAMlB,KACZS,MAAOS,EAAMyB,iBAAmBzB,EAAMyB,iBAAiBlC,GAASA,GAEjE,EACDA,MAAOA,EACPN,IAAKA,EACLmB,MAAOA,EACPS,OAAQrB,GACJQ,GAGN,IAGJ,EAEa0B,EAAa,SAAC1B,GAC1B,OACC9B,EAACW,EAAYT,EAAA,CAAAU,KAAMkB,EAAMlB,MACvB,CAAA/B,SAAA,SAACD,GAAQA,EAAAuB,OAAE,IAAAc,EAAYrC,EAAAqC,aAAEK,EAAU1C,EAAA0C,WAAEW,EAAYrD,EAAAqD,aAAElB,EAAGnC,EAAAmC,IAChDnB,EAAkBqC,EAAaH,EAAMlB,MAAnCS,EAAKzB,EAAAyB,MAAEa,UACf,OACClC,EAACyD,EACAvD,EAAA,CAAA0C,QAASvB,EACTa,MAAOA,EACPQ,SAAUzB,EACVF,IAAKA,EACL4B,OAAQrB,GACJQ,GAGN,IAGJ,EAEa4B,EAAY,SAAC5B,GACzB,OACC9B,EAACW,EAAYT,EAAA,CAAAU,KAAMkB,EAAMlB,MACvB,CAAA/B,SAAA,SAACD,GAAE,IAAAqC,EAAYrC,EAAAqC,aAAEK,EAAU1C,EAAA0C,WAAEW,EAAYrD,EAAAqD,aAAElB,EAAGnC,EAAAmC,IAAenC,EAAA+E,cACvD,IAAA/D,EAAkBqC,EAAaH,EAAMlB,MAAnCS,EAAKzB,EAAAyB,MAAEa,UACf,OACClC,EAAC4D,EACA1D,EAAA,CAAAmB,MAAOA,EACPa,MAAOA,EACPQ,SAAUzB,EACV0B,OAAQrB,EACRP,IAAKA,GACDe,GAGN,IAGJ,EAGa+B,EAAa,SAAC/B,GAC1B,IAAMgC,EAAchC,EAAMiC,WAC1B,OACC/D,EAACW,EAAYT,EAAA,CAAAU,KAAMkB,EAAMlB,MACvB,CAAA/B,SAAA,SAACD,OAAEqC,EAAYrC,EAAAqC,aAAEK,EAAU1C,EAAA0C,WAAEW,EAAYrD,EAAAqD,aAAElB,EAAGnC,EAAAmC,IACxCnB,EAAkBqC,EAAaH,EAAMlB,MAAnCS,EAAKzB,EAAAyB,MAAEa,UACT8B,EAAiBF,aAAA,EAAAA,EAAaG,MAAK,SAACC,GAAW,OAAAA,EAAOC,KAAO9C,CAAK,IAMxE,OACCrB,EAACoE,EACAlE,EAAA,CAAA8D,eAAgBA,EAChB9B,MAAOA,EACPmC,SARmB,SAACH,SACrBjD,EAAa,KAAM,CAAEL,KAAMkB,EAAMlB,KAAMS,MAAO6C,EAAOC,MACtC,QAAfvF,EAAAkD,aAAA,EAAAA,EAAOY,gBAAQ,IAAA9D,GAAAA,EAAA0F,KAAAxC,EAAGoC,EACnB,EAMEvB,OAAQrB,EACRP,IAAKA,EACLwD,GAAIP,aAAc,EAAdA,EAAgBG,KAChBrC,GAGN,IAGJ,EAEa0C,EAAqB,SAAC1C,GAClC,IAAMgC,EAAchC,EAAMiC,WAC1B,OACC/D,EAACW,EAAYT,EAAA,CAAAU,KAAMkB,EAAMlB,MACvB,CAAA/B,SAAA,SAACD,OAAEqC,EAAYrC,EAAAqC,aAAEK,EAAU1C,EAAA0C,WAAEW,EAAYrD,EAAAqD,aAAElB,EAAGnC,EAAAmC,IACxCnB,EAAkBqC,EAAaH,EAAMlB,MAAnCS,EAAKzB,EAAAyB,MAAEa,UAMTuC,EAAkBX,aAAW,EAAXA,EAAaY,QAAO,SAACR,GAAW,OAAA7C,aAAK,EAALA,EAAOsD,SAAST,EAAOC,IAAI,IACnF,OACCnE,EAAC4E,EACA1E,EAAA,CAAAuE,gBAAiBA,EACjBvC,MAAOA,EACPmC,SATmB,SAACH,GACrBjD,EAAa,KAAM,CAAEL,KAAMkB,EAAMlB,KAAMS,MAAO6C,EAAO9B,KAAI,SAAC8B,GAAW,OAAAA,EAAOC,GAAG,KAChF,EAQExB,OAAQrB,EACRP,IAAKA,GACDe,GAGN,IAGJ"}