@licklist/design 0.44.476-dev.5 → 0.44.476-dev.6

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.
Files changed (4) hide show
  1. package/dist/sales/notes/note-form/NoteForm.d.ts.map +1 -1
  2. package/dist/sales/notes/note-form/NoteForm.js +1 -1
  3. package/package.json +1 -1
  4. package/src/sales/notes/note-form/NoteForm.tsx +21 -3
package/dist/sales/notes/note-form/NoteForm.d.ts.map CHANGED
@@ -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,gBAwCf,CAAC"}
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"}
package/dist/sales/notes/note-form/NoteForm.js CHANGED
@@ -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,i=l.useForm({mode:"onChange",defaultValues:m}),c=i.register,d=i.handleSubmit,f=a.useTranslation("Design").t;return o.createElement("form",{className:"mt-1 notes-form",onSubmit:d((function(e){var t=e.note;return r(t)}))},o.createElement(n.Form.Group,{controlId:"exampleForm.ControlTextarea1"},o.createElement(n.Form.Label,null,f(m.note?"editNote":"addANote")),o.createElement(n.Form.Control,t.__assign({as:"textarea",rows:5,placeholder:f("writeYourNoteHere")},c("note")))),o.createElement("footer",{className:"d-flex"},o.createElement(n.Button,{type:"submit"},f("save")),o.createElement(n.Button,{type:"submit",variant:"outline-secondary",className:"ml-auto",onClick:s},f("close")),o.createElement(n.Button,{type:"reset",variant:"danger",className:"ml-2"},f("delete"))))};
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
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@licklist/design",
3
- "version": "0.44.476-dev.5",
3
+ "version": "0.44.476-dev.6",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
package/src/sales/notes/note-form/NoteForm.tsx CHANGED
@@ -19,7 +19,12 @@ export const NoteForm = ({
19
19
  onClose,
20
20
  defaultValues = { note: "" },
21
21
  }: NoteFormProps) => {
22
- const { register, handleSubmit } = useForm<FormModel>({
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 type="reset" variant="danger" className="ml-2">
69
+ <Button
70
+ variant="danger"
71
+ className="ml-2"
72
+ onClick={() => setValue("note", "")}
73
+ >
56
74
  {t("delete")}
57
75
  </Button>
58
76
  </footer>