@licklist/design 0.44.480 → 0.44.482
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("react"),a=e(r),o=require("react-i18next"),
|
|
1
|
+
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("react"),a=e(r),o=require("react-i18next"),n=require("react-hook-form"),s=e(require("@licklist/plugins/dist/services/Form/HookFormService")),i=require("../../sortable-tree/SortableTreeItem.js"),l=require("../../sortable-tree/SortableTree.js"),d=e(require("react-bootstrap/Badge")),u=require("../item/CreateProductSetItem.js"),c=require("../step/StepControl.js"),p=require("./ProductCategoriesControl.js");exports.StepsControl=function(e){var m=e.isLoading,g=n.useFormContext(),v=o.useTranslation("Design").t,C=t.__read(r.useState(!1),2),b=C[0],f=C[1],S=g.control,E=g.formState,q=E.errors,I=E.isSubmitting,N=g.clearErrors,h=g.getValues,y=n.useFieldArray({name:"steps",control:S,keyName:"_id"}),j=y.fields,x=y.append,_=y.remove;r.useEffect((function(){I&&f(!I)}),[I]);var k=1===j.length;return a.createElement(a.Fragment,null,j.map((function(e,t){var r=h("steps.".concat(t));return a.createElement(n.Controller,{key:"step-".concat(e._id),name:"steps.".concat(t,".name"),control:S,rules:{required:v("Validation:fieldRequired",{attribute:v("name")})},render:function(o){var n,s,u=o.field,g=u.value,C=u.onChange;return a.createElement(l.SortableTree.Item,{id:e._id,title:g,badge:a.createElement(d,{className:"step-badge"},v("step")),isExpanded:k,isInvalid:!!(null===(n=q.steps)||void 0===n?void 0:n[t]),isIconInHeader:!1,modalLabel:v("addNewStep"),modalClass:i.ProductSetModalClasses.step,isNewAdded:b,subTitle:a.createElement("div",{className:"product-set-badges-container"},a.createElement("div",{className:"product-set-subtitle-dot product-set-subtitle-step-dot"}),a.createElement("span",null,null===(s=r.productCategories)||void 0===s?void 0:s.length," ",v("categories"))),treeLineIconColor:"#D52902",body:a.createElement(c.StepControl,{isLoading:m,stepIndex:t,stepName:g,onStepNameChange:C}),onDelete:function(){return _(t)},sortableItems:e.productCategories?e.productCategories.map((function(e){var t=e.id;return String(t)})):[]},a.createElement(p.ProductCategoriesControl,{isLoading:m,stepIndex:t}))}})})),a.createElement(u.CreateProductSetItem,{title:v("addStep"),onClick:function(){var e;x({id:null,name:"".concat(v("step")," ").concat(j.length+1),productCategories:[],weight:0,hasMap:!1,venueMapSetId:null}),f(!0),(null===(e=q.steps)||void 0===e?void 0:e.type)===s.manualErrorType&&N("steps")}}),a.createElement("div",{className:"manual-form-error"},q.steps&&q.steps.message))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NoteForm.d.ts","sourceRoot":"","sources":["../../../../src/sales/notes/note-form/NoteForm.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,qDAAqD,CAAC;AAE3E,oBAAY,aAAa,GAAG;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE;QACd,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;KACpB,CAAC;CACH,CAAC;AAIF,eAAO,MAAM,QAAQ,0CAIlB,aAAa,
|
|
1
|
+
{"version":3,"file":"NoteForm.d.ts","sourceRoot":"","sources":["../../../../src/sales/notes/note-form/NoteForm.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,qDAAqD,CAAC;AAE3E,oBAAY,aAAa,GAAG;IAC1B,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;IACvC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,aAAa,CAAC,EAAE;QACd,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;KACpB,CAAC;CACH,CAAC;AAIF,eAAO,MAAM,QAAQ,0CAIlB,aAAa,gBA0Df,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),o=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-i18next"),n=require("react-bootstrap"),l=require("react-hook-form");exports.NoteForm=function(e){var r=e.onSubmit,s=e.onClose,u=e.defaultValues,m=void 0===u?{note:""}:u,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),r=require("react"),o=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,a=require("react-i18next"),n=require("react-bootstrap"),l=require("react-hook-form");exports.NoteForm=function(e){var r,i=e.onSubmit,s=e.onClose,u=e.defaultValues,m=void 0===u?{note:""}:u,c=l.useForm({mode:"onChange",defaultValues:m}),d=c.register,f=c.handleSubmit,v=c.formState.errors,b=c.setValue,p=a.useTranslation("Design").t;return o.createElement("form",{className:"mt-1 notes-form",onSubmit:f((function(e){var t=e.note;return i(t)}))},o.createElement(n.Form.Group,{controlId:"exampleForm.ControlTextarea1"},o.createElement(n.Form.Label,null,p(m.note?"editNote":"addANote")),o.createElement(n.Form.Control,t.__assign({as:"textarea",rows:5,isInvalid:!!v.note,placeholder:p("writeYourNoteHere")},d("note",{required:{value:!0,message:p("Validation:fieldRequired")}}))),o.createElement(n.Form.Control.Feedback,{type:"invalid"},null===(r=v.note)||void 0===r?void 0:r.message)),o.createElement("footer",{className:"d-flex"},o.createElement(n.Button,{type:"submit"},p("save")),o.createElement(n.Button,{type:"submit",variant:"outline-secondary",className:"ml-auto",onClick:s},p("close")),o.createElement(n.Button,{variant:"danger",className:"ml-2",onClick:function(){return b("note","")}},p("delete"))))};
|
package/package.json
CHANGED
|
@@ -19,7 +19,12 @@ export const NoteForm = ({
|
|
|
19
19
|
onClose,
|
|
20
20
|
defaultValues = { note: "" },
|
|
21
21
|
}: NoteFormProps) => {
|
|
22
|
-
const {
|
|
22
|
+
const {
|
|
23
|
+
register,
|
|
24
|
+
handleSubmit,
|
|
25
|
+
formState: { errors },
|
|
26
|
+
setValue,
|
|
27
|
+
} = useForm<FormModel>({
|
|
23
28
|
mode: "onChange",
|
|
24
29
|
defaultValues,
|
|
25
30
|
});
|
|
@@ -37,9 +42,18 @@ export const NoteForm = ({
|
|
|
37
42
|
<Form.Control
|
|
38
43
|
as="textarea"
|
|
39
44
|
rows={5}
|
|
45
|
+
isInvalid={!!errors.note}
|
|
40
46
|
placeholder={t("writeYourNoteHere")}
|
|
41
|
-
{...register("note"
|
|
47
|
+
{...register("note", {
|
|
48
|
+
required: {
|
|
49
|
+
value: true,
|
|
50
|
+
message: t("Validation:fieldRequired"),
|
|
51
|
+
},
|
|
52
|
+
})}
|
|
42
53
|
/>
|
|
54
|
+
<Form.Control.Feedback type="invalid">
|
|
55
|
+
{errors.note?.message}
|
|
56
|
+
</Form.Control.Feedback>
|
|
43
57
|
</Form.Group>
|
|
44
58
|
|
|
45
59
|
<footer className="d-flex">
|
|
@@ -52,7 +66,11 @@ export const NoteForm = ({
|
|
|
52
66
|
>
|
|
53
67
|
{t("close")}
|
|
54
68
|
</Button>
|
|
55
|
-
<Button
|
|
69
|
+
<Button
|
|
70
|
+
variant="danger"
|
|
71
|
+
className="ml-2"
|
|
72
|
+
onClick={() => setValue("note", "")}
|
|
73
|
+
>
|
|
56
74
|
{t("delete")}
|
|
57
75
|
</Button>
|
|
58
76
|
</footer>
|