@licklist/design 0.44.486-dev.42 → 0.44.486-dev.43
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/dist/product-set/control/DateAndRecurrenceInput.d.ts.map +1 -1
- package/dist/product-set/control/DateAndRecurrenceInput.js +1 -1
- package/dist/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.d.ts +1 -2
- package/dist/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.d.ts.map +1 -1
- package/dist/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.js +1 -1
- package/dist/recurring-date-picker-input/RecurringDatePickerInput.d.ts +1 -2
- package/dist/recurring-date-picker-input/RecurringDatePickerInput.d.ts.map +1 -1
- package/dist/recurring-date-picker-input/RecurringDatePickerInput.js +1 -1
- package/package.json +1 -1
- package/src/product-set/control/DateAndRecurrenceInput.tsx +0 -1
- package/src/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.tsx +3 -29
- package/src/recurring-date-picker-input/RecurringDatePickerInput.tsx +0 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateAndRecurrenceInput.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/DateAndRecurrenceInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAM1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAC;AAiB7G,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAC;CACnD;AAED,UAAU,2BAA2B;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,sBAAsB,+BAEhC,2BAA2B,
|
|
1
|
+
{"version":3,"file":"DateAndRecurrenceInput.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/DateAndRecurrenceInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAM1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAC;AAiB7G,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAC;CACnD;AAED,UAAU,2BAA2B;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,eAAO,MAAM,sBAAsB,+BAEhC,2BAA2B,gBAmN7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAC5C,WAAW,EACX,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAsBxB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("tslib"),t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,i=require("react-i18next"),u=require("react-bootstrap"),a=require("../../static/Icon.js"),o=require("react-hook-form"),c=require("@react-aria/utils"),l=require("react-use");require("../../static/index.js");var d=require("@dnd-kit/core"),s=require("@dnd-kit/modifiers"),m=require("@dnd-kit/sortable"),f=require("../../modals/confirmation/ConfirmModal.js"),v=require("../../recurring-date-picker-input/RecurringDatePickerInput.js"),p=require("./ProductSetRecurrenceControl.js"),g={name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(e){var r=e.state,t={width:"".concat(r.rects.reference.width+4,"px"),marginLeft:"-2px",maxWidth:"unset"};Object.assign(r.styles.popper,t)},effect:function(e){var r=e.state,t=r.elements.reference.getBoundingClientRect().width,n={width:"".concat(t,"px"),maxWidth:"unset"};Object.assign(r.elements.popper.style,n)}};exports.DateAndRecurrenceInput=function(e){var x,E,b=e.isEventEditProductSet,h=o.useFormContext(),q=h.control,y=h.register,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("tslib"),t=require("react"),n=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,i=require("react-i18next"),u=require("react-bootstrap"),a=require("../../static/Icon.js"),o=require("react-hook-form"),c=require("@react-aria/utils"),l=require("react-use");require("../../static/index.js");var d=require("@dnd-kit/core"),s=require("@dnd-kit/modifiers"),m=require("@dnd-kit/sortable"),f=require("../../modals/confirmation/ConfirmModal.js"),v=require("../../recurring-date-picker-input/RecurringDatePickerInput.js"),p=require("./ProductSetRecurrenceControl.js"),g={name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(e){var r=e.state,t={width:"".concat(r.rects.reference.width+4,"px"),marginLeft:"-2px",maxWidth:"unset"};Object.assign(r.styles.popper,t)},effect:function(e){var r=e.state,t=r.elements.reference.getBoundingClientRect().width,n={width:"".concat(t,"px"),maxWidth:"unset"};Object.assign(r.elements.popper.style,n)}};exports.DateAndRecurrenceInput=function(e){var x,E,b=e.isEventEditProductSet,h=o.useFormContext(),q=h.control,y=h.register,C=h.formState.errors,R=h.getValues,S=h.setValue,_=h.clearErrors,D=o.useFieldArray({name:"menuRecurrences",control:q,keyName:"_id"}),k=D.fields,I=D.append,N=D.update,w=D.move,T=r.__read(t.useState(!1),2),j=T[0],P=T[1],A=r.__read(t.useState({index:null,values:null}),2),O=A[0],F=A[1],M=function(){return F({index:null,values:null})},V=t.useRef();l.useClickAway(V,(function(e){var r,t,n;f.CONFIRM_MODAL_ACTIONS.includes(null===(n=null===(t=null===(r=e.target)||void 0===r?void 0:r.attributes)||void 0===t?void 0:t.getNamedItem("data-id"))||void 0===n?void 0:n.value)||(P(!1),M())}));var W=c.useId(),L=i.useTranslation("Design").t,B=function(){M(),P((function(e){return!e}))};return t.useEffect((function(){k.length&&_("menuRecurrences")}),[k,_]),n.createElement(u.Form.Group,null,n.createElement(u.Form.Label,null,L(b?"whenOverridesAvailable":"productSetAvailable")),n.createElement(u.OverlayTrigger,{show:j,overlay:n.createElement(u.Popover,{id:W,className:"rounded"},n.createElement(u.Popover.Content,{className:"shadow-lg rounded",ref:V},n.createElement(v.RecurringDatePickerInput,{defaultValues:O.values,onChange:function(e){var r,t,n={rrule:e.rrule,startDate:e.startDate,endDate:e.endDate,startTime:e.startTime,endTime:e.endTime};(null===(r=O.values)||void 0===r?void 0:r.id)&&(n.id=null===(t=O.values)||void 0===t?void 0:t.id),null!==O.index?N(O.index,n):I(n),P((function(){return!1})),M()},onDelete:function(){var e=O.index;P(!1),M(),setTimeout((function(){var r=R().menuRecurrences;S("menuRecurrences",(void 0===r?[]:r).filter((function(r,t){return t!==e})))}),100)}}))),trigger:"click",placement:"bottom",popperConfig:{modifiers:[g]}},n.createElement("div",{className:"product-set-recurrences"},n.createElement(d.DndContext,{onDragEnd:function(e){var r=e.over,t=e.active;if(r.id!==t.id){var n=k.findIndex((function(e){return String(e._id)===t.id})),i=k.findIndex((function(e){return String(e._id)===r.id}));w(n,i)}},modifiers:[s.restrictToVerticalAxis]},n.createElement(m.SortableContext,{items:null!==(x=null==k?void 0:k.map((function(e){return String(e._id)})))&&void 0!==x?x:[],strategy:m.verticalListSortingStrategy},k.map((function(e,r){return n.createElement(p.ProductSetRecurrenceControl,{key:e._id,menuRecurrence:e,onEdit:function(){return function(e,r){M(),setTimeout((function(){F({index:r,values:e}),P((function(){return!0}))}),100)}(e,r)}})})))),(!b||(null==k?void 0:k.length)<1)&&n.createElement("div",{className:"product-set-recurrence-icon-wrapper",role:"button",tabIndex:0,onClick:B,onKeyDown:B},n.createElement(a.default,{type:"plus-circle",height:"1rem",className:"product-set-recurrence-icon-add mr-2"}),L("addDates")),n.createElement(u.Form.Control,r.__assign({type:"hidden"},y("menuRecurrences",{required:{value:!0,message:L("Validation:fieldMinNumber",{attribute:L("dates"),min:1})}}))),n.createElement("div",{className:"manual-form-error"},null===(E=C.menuRecurrences)||void 0===E?void 0:E.message))))},exports.sameWidthPopperModifier=g;
|
|
@@ -5,12 +5,11 @@ interface RecurrenceIntervalAndFrequencyInputProps {
|
|
|
5
5
|
minDate?: string;
|
|
6
6
|
startDateLabel?: string;
|
|
7
7
|
startTimeLabel?: string;
|
|
8
|
-
isProductSet?: boolean;
|
|
9
8
|
endDateLabel?: string;
|
|
10
9
|
endTimeLabel?: string;
|
|
11
10
|
startTimeRules?: Pick<RegisterOptions, "max" | "min" | "validate" | "required" | "pattern">;
|
|
12
11
|
endTimeRules?: Pick<RegisterOptions, "max" | "min" | "validate" | "required" | "pattern">;
|
|
13
12
|
}
|
|
14
|
-
declare function RecurrenceIntervalAndFrequencyInput({ disabled, minDate, startDateLabel, startTimeLabel, endDateLabel, endTimeLabel, startTimeRules, endTimeRules,
|
|
13
|
+
declare function RecurrenceIntervalAndFrequencyInput({ disabled, minDate, startDateLabel, startTimeLabel, endDateLabel, endTimeLabel, startTimeRules, endTimeRules, }: RecurrenceIntervalAndFrequencyInputProps): JSX.Element;
|
|
15
14
|
export default RecurrenceIntervalAndFrequencyInput;
|
|
16
15
|
//# sourceMappingURL=RecurrenceIntervalAndFrequencyInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RecurrenceIntervalAndFrequencyInput.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAkB,MAAM,iBAAiB,CAAC;AAIlE,UAAU,wCAAwC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"RecurrenceIntervalAndFrequencyInput.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/RecurrenceIntervalAndFrequencyInput.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,eAAe,EAAkB,MAAM,iBAAiB,CAAC;AAIlE,UAAU,wCAAwC;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,IAAI,CACnB,eAAe,EACf,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CACpD,CAAC;IACF,YAAY,CAAC,EAAE,IAAI,CACjB,eAAe,EACf,KAAK,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CACpD,CAAC;CACH;AAED,iBAAS,mCAAmC,CAAC,EAC3C,QAAgB,EAChB,OAAO,EACP,cAAc,EACd,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,cAAc,EACd,YAAY,GACb,EAAE,wCAAwC,eAmJ1C;AAED,eAAe,mCAAmC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),a=require("react"),l=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,r=require("@licklist/core/dist/Config"),n=require("react-i18next"),i=require("react-bootstrap"),o=require("react-hook-form"),m=require("luxon");exports.default=function(e){var s,u,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("tslib"),a=require("react"),l=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,r=require("@licklist/core/dist/Config"),n=require("react-i18next"),i=require("react-bootstrap"),o=require("react-hook-form"),m=require("luxon");exports.default=function(e){var s,d,u,c,f=e.disabled,v=void 0!==f&&f,D=e.minDate,E=e.startDateLabel,F=e.startTimeLabel,b=e.endDateLabel,g=e.endTimeLabel,T=e.startTimeRules,p=e.endTimeRules,_=n.useTranslation(["Design","Notification","App"]).t,C=o.useFormContext(),y=C.getValues,q=C.formState.errors,L=C.register,h=C.trigger,x=y("startDate"),S=y("endDate"),V=y("startTime"),k=y("endTime");return a.useEffect((function(){x&&S&&h("endDate")}),[x]),a.useEffect((function(){V&&k&&h("endTime")}),[V]),l.createElement(l.Fragment,null,l.createElement(i.Row,null,l.createElement(i.Col,{xs:12,sm:6},l.createElement(i.Form.Group,null,l.createElement(i.Form.Label,null,null!=E?E:_("Design:fromDate")),l.createElement(i.Form.Control,t.__assign({type:"date"},L("startDate",{required:!0}),{defaultValue:x,className:x&&"date-input-with-value",disabled:v,min:D,isInvalid:Boolean(q.startDate)})),l.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(s=q.startDate)||void 0===s?void 0:s.message))),l.createElement(i.Col,{xs:12,sm:6},l.createElement(i.Form.Group,null,l.createElement(i.Form.Label,null,null!=b?b:_("Design:toDate")),l.createElement(i.Form.Control,t.__assign({type:"date"},L("endDate",{required:!0,validate:function(e){if(!x||!e)return!0;var t=m.DateTime.fromFormat(x,r.DATE_FORMAT);return m.DateTime.fromFormat(e,r.DATE_FORMAT).diff(t,["days"]).days>=0||"".concat(_("Validation:fieldLaterDate",{attribute:_("Design:endDateSmall"),min:_("Design:startDateSmall")}))}}),{defaultValue:S,className:S&&"date-input-with-value",disabled:v,min:x||void 0,isInvalid:Boolean(q.endDate)})),l.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(d=q.endDate)||void 0===d?void 0:d.message)))),l.createElement(i.Row,null,l.createElement(i.Col,{xs:12,sm:6},l.createElement(i.Form.Group,null,l.createElement(i.Form.Label,null,null!=F?F:_("Design:availableFrom")),l.createElement(i.Form.Control,t.__assign({type:"time"},L("startTime",t.__assign({required:!1},T)),{placeholder:"hh:mm",defaultValue:V,disabled:v,isInvalid:Boolean(q.startTime)})),l.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(u=q.startTime)||void 0===u?void 0:u.message))),l.createElement(i.Col,{xs:12,sm:6},l.createElement(i.Form.Group,null,l.createElement(i.Form.Label,null,null!=g?g:_("Design:availableTo")),l.createElement(i.Form.Control,t.__assign({type:"time"},L("endTime",t.__assign({required:!1,validate:function(e){var t;if(!V||!e)return!0;var a=m.DateTime.fromISO(V),l=m.DateTime.fromISO(e);return(null===(t=null==l?void 0:l.diff(a,["minutes"]))||void 0===t?void 0:t.minutes)>=0||"".concat(_("Validation:fieldLaterDate",{attribute:_("Design:endTimeSmall"),min:_("Design:startTimeSmall")}))}},p)),{placeholder:"hh:mm",defaultValue:k,disabled:v,isInvalid:Boolean(q.endTime)})),l.createElement(i.Form.Control.Feedback,{type:"invalid"},null===(c=q.endTime)||void 0===c?void 0:c.message)))))};
|
|
@@ -9,7 +9,6 @@ export interface RecurringDatePickerInputProps {
|
|
|
9
9
|
initialFrequency?: Frequency;
|
|
10
10
|
setInitialStartDateAfterSelect?: boolean;
|
|
11
11
|
minDate?: string;
|
|
12
|
-
isProductSet?: boolean;
|
|
13
12
|
}
|
|
14
13
|
export interface RecurringDatePickerInputValues {
|
|
15
14
|
rrule?: string;
|
|
@@ -24,5 +23,5 @@ export interface RecurringDatePickerInputValues {
|
|
|
24
23
|
count?: number;
|
|
25
24
|
withOutEndDate?: boolean;
|
|
26
25
|
}
|
|
27
|
-
export declare function RecurringDatePickerInput({ disabled, onChange, onDelete, defaultValues, initialFrequency, setInitialStartDateAfterSelect, children, minDate,
|
|
26
|
+
export declare function RecurringDatePickerInput({ disabled, onChange, onDelete, defaultValues, initialFrequency, setInitialStartDateAfterSelect, children, minDate, }: PropsWithChildren<RecurringDatePickerInputProps>): JSX.Element;
|
|
28
27
|
//# sourceMappingURL=RecurringDatePickerInput.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RecurringDatePickerInput.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/RecurringDatePickerInput.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrE,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAelD,OAAO,EAAyB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIpE,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;IACxD,QAAQ,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"RecurringDatePickerInput.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/RecurringDatePickerInput.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAsB,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACrE,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAelD,OAAO,EAAyB,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAIpE,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC,8BAA8B,CAAC,CAAC;IACxD,QAAQ,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,IAAI,CAAC;IAC1D,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,8BAA8B;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,kBAAkB,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,wBAAgB,wBAAwB,CAAC,EACvC,QAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,gBAAkC,EAClC,8BAAsC,EACtC,QAAQ,EACR,OAAO,GACR,EAAE,iBAAiB,CAAC,6BAA6B,CAAC,eA0LlD"}
|
|
@@ -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"),n=require("react"),r=e(n),a=require("react-i18next"),i=e(require("react-bootstrap/Button")),l=require("react-bootstrap"),u=require("react-hook-form"),o=require("luxon"),d=require("../modals/confirmation/ConfirmModal.js");require("../modals/dialog/Dialog.js"),require("../modals/dialog/DialogContext.js");var s=require("../product-set/elements/DeleteFieldButton.js"),c=require("rrule"),m=e(c),f=require("react-intl"),v=require("@licklist/core/dist/Config/Date"),D=require("@licklist/plugins/dist/hooks/Value/usePreviousValue"),y=require("./RecurrenceIntervalAndFrequencyInput.js"),T=require("./utils.js"),p=require("./RecurrenceWeekdaysInput.js");var q=function(e){var n=e.rrule,r=e.startDate,a=e.endDate,i=e.startTime,l=e.endTime,u=e.initialFrequency,o=void 0===u?c.Frequency.DAILY:u;return t.__assign({startDate:r,endDate:a,startTime:i,endTime:l,interval:1,freq:o},n&&T.parseAndValidateRRule({rrule:n,date:r}))},g=function(e){var r=e.startDate,a=e.endDate,i=e.startTime,l=e.endTime,u=e.byWeekDay,d=void 0===u?[]:u,s=k(r,i||"00:00:00"),c=k(a,l||"23:59:59"),m=f.useIntl(),v=m.formatList,D=m.formatNumber;return n.useMemo((function(){if(s instanceof o.DateTime&&c instanceof o.DateTime&&s.isValid&&c.isValid){var e=o.Interval.fromDateTimes(s.set({second:0}),c.set({second:0})).toDuration(["days","hours","minutes"]);if(e.isValid){var n=function(e,t){return D(e,{style:"unit",unit:t,unitDisplay:"long"})},r=o.Interval.fromDateTimes(s.minus({second:1}),c.plus({second:1})).splitBy({days:1});if(!(d.length?r.reduce((function(e,t){return d.some((function(e){return e.weekday+1===t.start.weekday}))?e+1:e}),0):1))return n(0,"minute");var a=[[e.days,"day"],[e.hours,"hour"],[e.minutes,"minute"]].filter((function(e){return t.__read(e,1)[0]}));return a.length||a.push([0,"minute"]),v(a.map((function(e){return n.apply(void 0,t.__spreadArray([],t.__read(e),!1))})),{style:"long",type:"unit"})}}}),[s,c,d,v,D])},k=function(e,t){var n=o.DateTime.fromFormat("".concat(e," ").concat(t),v.DATE_TIME_FORMAT);if(n.isValid)return n;var r=o.DateTime.fromFormat("".concat(e," ").concat(t),v.DATE_TIME_FULL_FORMAT);return r.isValid?r:""};exports.RecurringDatePickerInput=function(e){var f,T,_,b,F,E,w=e.disabled,h=void 0!==w&&w,I=e.onChange,A=e.onDelete,V=e.defaultValues,x=e.initialFrequency,L=void 0===x?c.Frequency.DAILY:x,
|
|
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"),n=require("react"),r=e(n),a=require("react-i18next"),i=e(require("react-bootstrap/Button")),l=require("react-bootstrap"),u=require("react-hook-form"),o=require("luxon"),d=require("../modals/confirmation/ConfirmModal.js");require("../modals/dialog/Dialog.js"),require("../modals/dialog/DialogContext.js");var s=require("../product-set/elements/DeleteFieldButton.js"),c=require("rrule"),m=e(c),f=require("react-intl"),v=require("@licklist/core/dist/Config/Date"),D=require("@licklist/plugins/dist/hooks/Value/usePreviousValue"),y=require("./RecurrenceIntervalAndFrequencyInput.js"),T=require("./utils.js"),p=require("./RecurrenceWeekdaysInput.js");var q=function(e){var n=e.rrule,r=e.startDate,a=e.endDate,i=e.startTime,l=e.endTime,u=e.initialFrequency,o=void 0===u?c.Frequency.DAILY:u;return t.__assign({startDate:r,endDate:a,startTime:i,endTime:l,interval:1,freq:o},n&&T.parseAndValidateRRule({rrule:n,date:r}))},g=function(e){var r=e.startDate,a=e.endDate,i=e.startTime,l=e.endTime,u=e.byWeekDay,d=void 0===u?[]:u,s=k(r,i||"00:00:00"),c=k(a,l||"23:59:59"),m=f.useIntl(),v=m.formatList,D=m.formatNumber;return n.useMemo((function(){if(s instanceof o.DateTime&&c instanceof o.DateTime&&s.isValid&&c.isValid){var e=o.Interval.fromDateTimes(s.set({second:0}),c.set({second:0})).toDuration(["days","hours","minutes"]);if(e.isValid){var n=function(e,t){return D(e,{style:"unit",unit:t,unitDisplay:"long"})},r=o.Interval.fromDateTimes(s.minus({second:1}),c.plus({second:1})).splitBy({days:1});if(!(d.length?r.reduce((function(e,t){return d.some((function(e){return e.weekday+1===t.start.weekday}))?e+1:e}),0):1))return n(0,"minute");var a=[[e.days,"day"],[e.hours,"hour"],[e.minutes,"minute"]].filter((function(e){return t.__read(e,1)[0]}));return a.length||a.push([0,"minute"]),v(a.map((function(e){return n.apply(void 0,t.__spreadArray([],t.__read(e),!1))})),{style:"long",type:"unit"})}}}),[s,c,d,v,D])},k=function(e,t){var n=o.DateTime.fromFormat("".concat(e," ").concat(t),v.DATE_TIME_FORMAT);if(n.isValid)return n;var r=o.DateTime.fromFormat("".concat(e," ").concat(t),v.DATE_TIME_FULL_FORMAT);return r.isValid?r:""};exports.RecurringDatePickerInput=function(e){var f,T,_,b,F,E,w=e.disabled,h=void 0!==w&&w,I=e.onChange,A=e.onDelete,V=e.defaultValues,x=e.initialFrequency,L=void 0===x?c.Frequency.DAILY:x,j=e.setInitialStartDateAfterSelect,M=void 0!==j&&j,R=e.children,S=e.minDate,N=a.useTranslation(["Design"]).t,C=u.useForm({defaultValues:q({rrule:null!==(f=null==V?void 0:V.rrule)&&void 0!==f?f:"",startDate:null!==(T=null==V?void 0:V.startDate)&&void 0!==T?T:"",endDate:null!==(_=null==V?void 0:V.endDate)&&void 0!==_?_:"",startTime:null!==(b=null==V?void 0:V.startTime)&&void 0!==b?b:"",endTime:null!==(F=null==V?void 0:V.endTime)&&void 0!==F?F:"",initialFrequency:null!==(E=null==V?void 0:V.freq)&&void 0!==E?E:L}),mode:"onChange"}),P=C.watch,W=C.setValue,O=C.handleSubmit,B=P("startDate"),Y=P("endDate"),U=P("startTime"),Q=P("endTime"),J=P("byweekday"),K=D.usePreviousValue(B),z=g({startDate:B,endDate:Y,startTime:U,endTime:Q,byWeekDay:J}),G=function(e){var n,r=k(Y,Q||"23:59:59"),a=Array.isArray(e.byweekday)?e.byweekday.map((function(e){return e instanceof c.Weekday?e:new c.Weekday(null==e?void 0:e.weekday)})):e.byweekday,i=(null==e?void 0:e.endTime)?o.DateTime.fromISO(null==e?void 0:e.endTime).toFormat(v.TIME_FULL_FORMAT):"",l=null!==(n=null==e?void 0:e.endDate)&&void 0!==n?n:"",u=m.optionsToString({until:r instanceof o.DateTime&&r.isValid?null==r?void 0:r.toJSDate():null,byweekday:a,count:e.count,freq:(null==a?void 0:a.length)?c.Frequency.WEEKLY:c.Frequency.DAILY,interval:e.interval}).replace("RRULE:","");I(t.__assign(t.__assign({},e),{endDate:l,endTime:i,rrule:u}))};return n.useEffect((function(){var e,t;if(M&&(!K||B)&&!B&&J&&J.length&&!Number.isNaN(null===(e=J[0])||void 0===e?void 0:e.weekday)){var n=(null===(t=J[0])||void 0===t?void 0:t.weekday)+1,r=o.DateTime.local(),a=o.DateTime.local().set({weekday:n});a>=r||n===r.weekday?W("startDate",a.toSQLDate()):W("startDate",a.plus({week:1}).toSQLDate())}}),[J,M]),r.createElement(u.FormProvider,t.__assign({},C),r.createElement(l.Form,{noValidate:!0,onSubmit:function(e){return e.preventDefault(),e.stopPropagation(),O(G)(e)}},r.createElement(p.default,{date:B,disabled:h}),r.createElement(y.default,{disabled:h,minDate:S}),R,r.createElement("div",{className:"d-inline-flex align-items-center w-100"},r.createElement(i,{type:"submit"},N("Design:apply")),r.createElement("div",{className:"d-flex flex-grow-1 text-muted mx-3 flex-column"},r.createElement("div",null,z&&"lasts ".concat(z))),V&&r.createElement("div",{className:"d-flex justify-content-end delete-btn"},r.createElement(d.ConfirmModal,null,(function(e){return r.createElement(s.DeleteFieldButton,{onDelete:function(){return e(A)}})}))))))};
|
package/package.json
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React, { useEffect
|
|
1
|
+
import React, { useEffect } from "react";
|
|
2
2
|
import { DateTime } from "luxon";
|
|
3
3
|
import { Col, Form, Row } from "react-bootstrap";
|
|
4
4
|
import { useTranslation } from "react-i18next";
|
|
@@ -11,7 +11,6 @@ interface RecurrenceIntervalAndFrequencyInputProps {
|
|
|
11
11
|
minDate?: string;
|
|
12
12
|
startDateLabel?: string;
|
|
13
13
|
startTimeLabel?: string;
|
|
14
|
-
isProductSet?: boolean;
|
|
15
14
|
endDateLabel?: string;
|
|
16
15
|
endTimeLabel?: string;
|
|
17
16
|
startTimeRules?: Pick<
|
|
@@ -33,13 +32,11 @@ function RecurrenceIntervalAndFrequencyInput({
|
|
|
33
32
|
endTimeLabel,
|
|
34
33
|
startTimeRules,
|
|
35
34
|
endTimeRules,
|
|
36
|
-
isProductSet,
|
|
37
35
|
}: RecurrenceIntervalAndFrequencyInputProps) {
|
|
38
36
|
const { t } = useTranslation(["Design", "Notification", "App"]);
|
|
39
37
|
|
|
40
38
|
const {
|
|
41
39
|
getValues,
|
|
42
|
-
setValue,
|
|
43
40
|
formState: { errors },
|
|
44
41
|
register,
|
|
45
42
|
trigger,
|
|
@@ -50,14 +47,6 @@ function RecurrenceIntervalAndFrequencyInput({
|
|
|
50
47
|
const startTime = getValues("startTime");
|
|
51
48
|
const endTime = getValues("endTime");
|
|
52
49
|
|
|
53
|
-
const [withOutEndDate, setWithOutEndDate] = useState<boolean>(!endDate);
|
|
54
|
-
const isProductSetWithoutEndDate = isProductSet && withOutEndDate;
|
|
55
|
-
|
|
56
|
-
const handleWithoutEndDate = () => {
|
|
57
|
-
setValue("endDate", "");
|
|
58
|
-
setWithOutEndDate((prevWithOutEndDateValue) => !prevWithOutEndDateValue);
|
|
59
|
-
};
|
|
60
|
-
|
|
61
50
|
useEffect(() => {
|
|
62
51
|
if (!startDate || !endDate) {
|
|
63
52
|
return;
|
|
@@ -101,7 +90,7 @@ function RecurrenceIntervalAndFrequencyInput({
|
|
|
101
90
|
<Form.Control
|
|
102
91
|
type="date"
|
|
103
92
|
{...register("endDate", {
|
|
104
|
-
required:
|
|
93
|
+
required: true,
|
|
105
94
|
validate: (date) => {
|
|
106
95
|
if (!startDate || !date) {
|
|
107
96
|
return true;
|
|
@@ -122,7 +111,7 @@ function RecurrenceIntervalAndFrequencyInput({
|
|
|
122
111
|
})}
|
|
123
112
|
defaultValue={endDate}
|
|
124
113
|
className={endDate && "date-input-with-value"}
|
|
125
|
-
disabled={disabled
|
|
114
|
+
disabled={disabled}
|
|
126
115
|
min={startDate || undefined}
|
|
127
116
|
isInvalid={Boolean(errors.endDate)}
|
|
128
117
|
/>
|
|
@@ -130,21 +119,6 @@ function RecurrenceIntervalAndFrequencyInput({
|
|
|
130
119
|
{errors.endDate?.message}
|
|
131
120
|
</Form.Control.Feedback>
|
|
132
121
|
</Form.Group>
|
|
133
|
-
{isProductSet && (
|
|
134
|
-
<Form.Group className="custom-checkbox">
|
|
135
|
-
<Form.Check custom type="checkbox">
|
|
136
|
-
<Form.Check.Input
|
|
137
|
-
type="checkbox"
|
|
138
|
-
className="checkbox-input"
|
|
139
|
-
checked={withOutEndDate}
|
|
140
|
-
onChange={handleWithoutEndDate}
|
|
141
|
-
/>
|
|
142
|
-
<Form.Check.Label>
|
|
143
|
-
{t("Design:infiniteProductSet")}
|
|
144
|
-
</Form.Check.Label>
|
|
145
|
-
</Form.Check>
|
|
146
|
-
</Form.Group>
|
|
147
|
-
)}
|
|
148
122
|
</Col>
|
|
149
123
|
</Row>
|
|
150
124
|
|
|
@@ -26,7 +26,6 @@ export interface RecurringDatePickerInputProps {
|
|
|
26
26
|
initialFrequency?: Frequency;
|
|
27
27
|
setInitialStartDateAfterSelect?: boolean;
|
|
28
28
|
minDate?: string;
|
|
29
|
-
isProductSet?: boolean;
|
|
30
29
|
}
|
|
31
30
|
|
|
32
31
|
export interface RecurringDatePickerInputValues {
|
|
@@ -52,7 +51,6 @@ export function RecurringDatePickerInput({
|
|
|
52
51
|
setInitialStartDateAfterSelect = false,
|
|
53
52
|
children,
|
|
54
53
|
minDate,
|
|
55
|
-
isProductSet,
|
|
56
54
|
}: PropsWithChildren<RecurringDatePickerInputProps>) {
|
|
57
55
|
const { t } = useTranslation(["Design"]);
|
|
58
56
|
|
|
@@ -190,7 +188,6 @@ export function RecurringDatePickerInput({
|
|
|
190
188
|
<RecurrenceIntervalAndFrequencyInput
|
|
191
189
|
disabled={disabled}
|
|
192
190
|
minDate={minDate}
|
|
193
|
-
isProductSet={isProductSet}
|
|
194
191
|
/>
|
|
195
192
|
|
|
196
193
|
{children}
|