@licklist/design 0.44.486-dev.27 → 0.44.486-dev.29

package/dist/recurrence-input/RecurrenceEndInput.d.ts

@@ -13,5 +13,11 @@ interface Props {
     }) => void;
 }
 declare function RecurrenceEndInput({ disabled, date, frequency, until, count, onChange, minDate, }: Props): JSX.Element;
+export declare const defaultOccurrences: {
+    3: number;
+    2: number;
+    1: number;
+    0: number;
+};
 export default RecurrenceEndInput;
 //# sourceMappingURL=RecurrenceEndInput.d.ts.map

package/dist/recurrence-input/RecurrenceEndInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RecurrenceEndInput.d.ts","sourceRoot":"","sources":["../../src/recurrence-input/RecurrenceEndInput.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG7C,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,QAAgB,EAChB,IAAI,EACJ,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,GACR,EAAE,KAAK,eAmGP;AA2BD,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"RecurrenceEndInput.d.ts","sourceRoot":"","sources":["../../src/recurrence-input/RecurrenceEndInput.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAG7C,UAAU,KAAK;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;CAChE;AAED,iBAAS,kBAAkB,CAAC,EAC1B,QAAgB,EAChB,IAAI,EACJ,SAAS,EACT,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,GACR,EAAE,KAAK,eAmGP;AAED,eAAO,MAAM,kBAAkB;;;;;CAK9B,CAAC;AAoBF,eAAe,kBAAkB,CAAC"}

package/dist/recurrence-input/RecurrenceEndInput.js

@@ -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,r=require("react"),n=e(r),a=require("@licklist/core/dist/Config"),l=require("react-i18next"),u=require("react-bootstrap"),c=require("@react-aria/utils"),o=require("luxon"),i=e(require("rrule"));var m=((t={})[i.DAILY]=30,t[i.WEEKLY]=13,t[i.MONTHLY]=12,t[i.YEARLY]=5,t),s=function(e){var t,r,n=e.date,a=e.frequency,l=(t={},t[i.DAILY]="days",t[i.WEEKLY]="weeks",t[i.MONTHLY]="months",t[i.YEARLY]="years",t)[a];return o.DateTime.fromISO(n).plus((r={},r[l]=m[a],r)).toISODate()};exports.default=function(e){var t=e.disabled,i=void 0!==t&&t,d=e.date,E=e.frequency,f=e.until,p=e.count,h=e.onChange,C=e.minDate,v=l.useTranslation("Design").t,b=c.useId(),y=c.useId(),F=c.useId(),k=r.useRef(null);return r.useEffect((function(){var e=o.DateTime.fromFormat(null!=f?f:s({date:d,frequency:E}),a.DATE_FORMAT);o.DateTime.fromFormat(C,a.DATE_FORMAT)>e&&h({until:C})}),[C,h,f,d,E]),n.createElement(u.Form.Group,null,n.createElement(u.Form.Label,null,v("ends")),n.createElement(u.Form.Check,{type:"radio",id:b,custom:!0,className:"mt-3"},n.createElement(u.Form.Check.Input,{type:"radio",checked:!f&&500===p,onChange:function(){return h({count:500})},disabled:i}),n.createElement(u.Form.Check.Label,null,v("never"))),n.createElement(u.Form.Check,{type:"radio",id:y,custom:!0,className:"mt-3"},n.createElement(u.Row,{className:"align-items-center"},n.createElement(u.Col,{xs:2},n.createElement(u.Form.Check.Input,{type:"radio",checked:Boolean(f)&&!p,onChange:function(){return h({until:s({date:d,frequency:E})})},disabled:i}),n.createElement(u.Form.Check.Label,null,v("on"))),n.createElement(u.Col,null,n.createElement(u.Form.Control,{type:"date",min:C,disabled:i||!f,"aria-label":"Date on which the recurrence ends",value:null!=f?f:s({date:d,frequency:E}),className:f&&"date-input-with-value",ref:k,onClick:function(){var e;return null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.showPicker()},onChange:function(e){var t=e.target.value;return h({until:t})}})))),n.createElement(u.Form.Check,{type:"radio",id:F,custom:!0,className:"mt-3"},n.createElement(u.Row,{className:"align-items-center"},n.createElement(u.Col,{xs:2},n.createElement(u.Form.Check.Input,{type:"radio",checked:p<500&&!f,onChange:function(){return h({count:m[E]})},disabled:i}),n.createElement(u.Form.Check.Label,null,v("after"))),n.createElement(u.Col,null,n.createElement(u.InputGroup,null,n.createElement(u.Form.Control,{type:"number",min:1,max:500,disabled:i||!p||500===p,"aria-label":"Occurrence count",value:null!=p?p:m[E],onChange:function(e){var t=e.target.value;return h({count:Number(t)})}}),n.createElement(u.InputGroup.Append,null,n.createElement(u.InputGroup.Text,null,v("occurences"))))))))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var t,r=require("react"),n=e(r),a=require("@licklist/core/dist/Config"),l=require("react-i18next"),u=require("react-bootstrap"),c=require("@react-aria/utils"),o=require("luxon"),i=e(require("rrule"));var m=((t={})[i.DAILY]=30,t[i.WEEKLY]=13,t[i.MONTHLY]=12,t[i.YEARLY]=5,t),s=function(e){var t,r,n=e.date,a=e.frequency,l=(t={},t[i.DAILY]="days",t[i.WEEKLY]="weeks",t[i.MONTHLY]="months",t[i.YEARLY]="years",t)[a];return o.DateTime.fromISO(n).plus((r={},r[l]=m[a],r)).toISODate()};exports.default=function(e){var t=e.disabled,i=void 0!==t&&t,d=e.date,E=e.frequency,f=e.until,p=e.count,h=e.onChange,C=e.minDate,v=l.useTranslation("Design").t,b=c.useId(),y=c.useId(),F=c.useId(),k=r.useRef(null);return r.useEffect((function(){var e=o.DateTime.fromFormat(null!=f?f:s({date:d,frequency:E}),a.DATE_FORMAT);o.DateTime.fromFormat(C,a.DATE_FORMAT)>e&&h({until:C})}),[C,h,f,d,E]),n.createElement(u.Form.Group,null,n.createElement(u.Form.Label,null,v("ends")),n.createElement(u.Form.Check,{type:"radio",id:b,custom:!0,className:"mt-3"},n.createElement(u.Form.Check.Input,{type:"radio",checked:!f&&500===p,onChange:function(){return h({count:500})},disabled:i}),n.createElement(u.Form.Check.Label,null,v("never"))),n.createElement(u.Form.Check,{type:"radio",id:y,custom:!0,className:"mt-3"},n.createElement(u.Row,{className:"align-items-center"},n.createElement(u.Col,{xs:2},n.createElement(u.Form.Check.Input,{type:"radio",checked:Boolean(f)&&!p,onChange:function(){return h({until:s({date:d,frequency:E})})},disabled:i}),n.createElement(u.Form.Check.Label,null,v("on"))),n.createElement(u.Col,null,n.createElement(u.Form.Control,{type:"date",min:C,disabled:i||!f,"aria-label":"Date on which the recurrence ends",value:null!=f?f:s({date:d,frequency:E}),className:f&&"date-input-with-value",ref:k,onClick:function(){var e;return null===(e=null==k?void 0:k.current)||void 0===e?void 0:e.showPicker()},onChange:function(e){var t=e.target.value;return h({until:t})}})))),n.createElement(u.Form.Check,{type:"radio",id:F,custom:!0,className:"mt-3"},n.createElement(u.Row,{className:"align-items-center"},n.createElement(u.Col,{xs:2},n.createElement(u.Form.Check.Input,{type:"radio",checked:p<500&&!f,onChange:function(){return h({count:m[E]})},disabled:i}),n.createElement(u.Form.Check.Label,null,v("after"))),n.createElement(u.Col,null,n.createElement(u.InputGroup,null,n.createElement(u.Form.Control,{type:"number",min:1,max:500,disabled:i||!p||500===p,"aria-label":"Occurrence count",value:null!=p?p:m[E],onChange:function(e){var t=e.target.value;return h({count:Number(t)})}}),n.createElement(u.InputGroup.Append,null,n.createElement(u.InputGroup.Text,null,v("occurences"))))))))},exports.defaultOccurrences=m;

package/dist/recurrence-input/RecurrenceInput.js

@@ -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 r=require("tslib"),n=require("react"),t=e(n),a=require("luxon"),u=require("rrule"),i=e(u),d=require("./RecurrenceEndInput.js"),y=require("./RecurrenceIntervalAndFrequencyInput.js"),l=require("./utils.js"),c=require("./RecurrenceMonthlyRepeatByInput.js"),o=require("./RecurrenceWeekdaysInput.js");var s=function(e){var n,t=e.rrule,a=e.date,i=e.initialFrequency,d=void 0===i?u.Frequency.WEEKLY:i,y=r.__assign({interval:1,freq:d},t&&a&&l.parseAndValidateRRule({rrule:t,date:a})),c=y.byweekday;return y.freq!==u.Frequency.WEEKLY||(null===(n=y.byweekday)||void 0===n?void 0:n.length)?y.freq===u.Frequency.MONTHLY&&y.byweekday&&(c=y.byweekday[0]):c=[l.getWeekdayForFrequency({date:a,frequency:y.freq})],r.__assign(r.__assign({},y),{byweekday:c})};exports.RecurrenceInput=function(e){var f=e.disabled,q=void 0!==f&&f,v=e.date,b=e.minDate,E=e.value,_=e.onChange,g=e.initialFrequency,k=void 0===g?u.Frequency.WEEKLY:g,p=r.__read(n.useReducer((function(e,n){return r.__assign(r.__assign({},e),n)}),s({rrule:E,date:v,initialFrequency:k})),2),w=p[0],F=p[1];return n.useEffect((function(){return _(i.optionsToString(r.__assign(r.__assign({},w),{tzid:"Europe/London"})).replace("RRULE:",""))}),[w]),t.createElement("div",null,t.createElement(y.default,{interval:w.interval,frequency:w.freq,onChange:function(e){var r=e.interval,n=e.frequency;F({interval:r,freq:n,byweekday:n===w.freq?w.byweekday:n===i.WEEKLY?[l.getWeekdayForFrequency({date:v,frequency:n})]:void 0})},disabled:q}),w.freq===i.WEEKLY&&Array.isArray(w.byweekday)&&t.createElement(o.default,{date:v,value:w.byweekday,onChange:function(e){return F({byweekday:e})},disabled:q}),w.freq===i.MONTHLY&&!Array.isArray(w.byweekday)&&t.createElement(c.default,{date:v,value:w.byweekday,onChange:function(e){return F({byweekday:e})},disabled:q}),t.createElement(d.default,{date:v,minDate:b,frequency:w.freq,until:w.until&&a.DateTime.fromJSDate(w.until).toISODate(),count:w.count,onChange:function(e){var r=e.count,n=e.until;return F({count:r,until:n?a.DateTime.fromISO(n).toJSDate():void 0})},disabled:q}))};
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("tslib"),n=require("react"),t=e(n),u=require("luxon"),a=require("rrule"),i=e(a),d=require("./RecurrenceEndInput.js"),c=require("./RecurrenceIntervalAndFrequencyInput.js"),l=require("./utils.js"),y=require("./RecurrenceMonthlyRepeatByInput.js"),o=require("./RecurrenceWeekdaysInput.js");var s=function(e){var n,t=e.rrule,u=e.date,i=e.initialFrequency,c=void 0===i?a.Frequency.WEEKLY:i,y=r.__assign({interval:1,freq:c},t&&u&&l.parseAndValidateRRule({rrule:t,date:u})),o=y.byweekday;return y.freq!==a.Frequency.WEEKLY||(null===(n=y.byweekday)||void 0===n?void 0:n.length)?y.freq===a.Frequency.MONTHLY&&y.byweekday&&(o=y.byweekday[0]):o=[l.getWeekdayForFrequency({date:u,frequency:y.freq})],r.__assign(r.__assign({},y),{count:(null==y?void 0:y.count)||y.until?y.count:d.defaultOccurrences[y.freq],byweekday:o})};exports.RecurrenceInput=function(e){var f=e.disabled,q=void 0!==f&&f,v=e.date,b=e.minDate,E=e.value,_=e.onChange,g=e.initialFrequency,k=void 0===g?a.Frequency.WEEKLY:g,p=r.__read(n.useReducer((function(e,n){return r.__assign(r.__assign({},e),n)}),s({rrule:E,date:v,initialFrequency:k})),2),w=p[0],F=p[1];return n.useEffect((function(){return _(i.optionsToString(r.__assign(r.__assign({},w),{tzid:"Europe/London"})).replace("RRULE:",""))}),[w]),t.createElement("div",null,t.createElement(c.default,{interval:w.interval,frequency:w.freq,onChange:function(e){var r=e.interval,n=e.frequency;F({interval:r,freq:n,byweekday:n===w.freq?w.byweekday:n===i.WEEKLY?[l.getWeekdayForFrequency({date:v,frequency:n})]:void 0})},disabled:q}),w.freq===i.WEEKLY&&Array.isArray(w.byweekday)&&t.createElement(o.default,{date:v,value:w.byweekday,onChange:function(e){return F({byweekday:e})},disabled:q}),w.freq===i.MONTHLY&&!Array.isArray(w.byweekday)&&t.createElement(y.default,{date:v,value:w.byweekday,onChange:function(e){return F({byweekday:e})},disabled:q}),t.createElement(d.default,{date:v,minDate:b,frequency:w.freq,until:w.until&&u.DateTime.fromJSDate(w.until).toISODate(),count:w.count,onChange:function(e){var r=e.count,n=e.until;return F({count:r,until:n?u.DateTime.fromISO(n).toJSDate():void 0})},disabled:q}))};

package/dist/styles/resources-blocking/_index.scss

@@ -9,7 +9,7 @@
 
   .modal-form-content {
     max-height: 21rem;
-    overflow-x: auto;
+    overflow-x: hidden;
   }
 
   .reccurrence-interval-container {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.44.486-dev.27",
+  "version": "0.44.486-dev.29",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"

package/src/recurrence-input/RecurrenceEndInput.tsx

@@ -127,7 +127,7 @@ function RecurrenceEndInput({
   );
 }
 
-const defaultOccurrences = {
+export const defaultOccurrences = {
   [RRule.DAILY]: 30,
   [RRule.WEEKLY]: 13,
   [RRule.MONTHLY]: 12,

package/src/recurrence-input/RecurrenceInput.tsx

@@ -3,7 +3,7 @@
 import { DateTime } from "luxon";
 import React, { useEffect, useReducer } from "react";
 import RRule, { Frequency, Weekday } from "rrule";
-import RecurrenceEndInput from "./RecurrenceEndInput";
+import RecurrenceEndInput, { defaultOccurrences } from "./RecurrenceEndInput";
 import RecurrenceIntervalAndFrequencyInput from "./RecurrenceIntervalAndFrequencyInput";
 import RecurrenceMonthlyRepeatByInput from "./RecurrenceMonthlyRepeatByInput";
 import RecurrenceWeekdaysInput from "./RecurrenceWeekdaysInput";
@@ -133,5 +133,12 @@ const getInitialState = ({
     byweekday = options.byweekday[0];
   }
 
-  return { ...options, byweekday };
+  return {
+    ...options,
+    count:
+      options?.count || options.until
+        ? options.count
+        : defaultOccurrences[options.freq],
+    byweekday,
+  };
 };

package/src/styles/resources-blocking/_index.scss

@@ -9,7 +9,7 @@
 
   .modal-form-content {
     max-height: 21rem;
-    overflow-x: auto;
+    overflow-x: hidden;
   }
 
   .reccurrence-interval-container {