@licklist/design 0.44.551-dev.8 → 0.45.0-dev.0

package/dist/zone/card/ZoneCard.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=require("tslib"),r=require("react"),a=e(r),n=e(require("@licklist/plugins/dist/services/Route/RouteService")),o=require("react-i18next"),i=require("react-bootstrap"),c=require("../../static/Icon.js"),l=require("@react-aria/utils"),s=e(require("clsx"));require("../../static/index.js");var u=require("../../modals/confirmation/ConfirmModal.js");require("../../modals/dialog/Dialog.js"),require("../../modals/dialog/DialogContext.js");var m=require("../../table/MenuButton.js");exports.ZoneCard=function(e){var d=e.name,p=e.href,v=e.onRemove,f=e.className,E=void 0===f?"":f,g=e.hasPermission,b=void 0===g||g,q=o.useTranslation("Design").t,x=l.useId(),N="zone-card ".concat(E),y=t.__read(r.useState(!1),2),C=y[0],j=y[1];return a.createElement("div",{role:"button",tabIndex:0,className:"border-0 zone-card-wrapper w-100 pb-0",onClick:function(){return n.redirectTo(p)},onKeyUp:function(){return n.redirectTo(p)}},a.createElement("div",{className:N},a.createElement("div",{className:"zone-card-link"},d),a.createElement("div",{className:"d-flex"},a.createElement("div",{className:"zone-card-menu-eye-container"},a.createElement(c.default,{type:"eye",color:"#0E8CE2",width:"20"})),a.createElement(i.OverlayTrigger,{trigger:"click",placement:"bottom",rootClose:!0,overlay:a.createElement(i.Popover,{id:x,className:s("zone-card-popover",!C&&"d-none")},a.createElement(i.Popover.Content,{as:i.ListGroup,className:"zone-card-menu",variant:"flush"},b&&a.createElement(a.Fragment,null,a.createElement(i.ListGroup.Item,{action:!0,className:"text-danger",as:"div"},Boolean(v)&&a.createElement(u.ConfirmModal,null,(function(e){return a.createElement(m.MenuButton,{onClick:function(){j(!1),e(v)},name:q("remove"),icon:"trash-alt",className:"zone-card-menu-item-text d-flex w-100 align-items-center",rightIcon:!0})}))))))},a.createElement("button",{type:"button",className:"zone-card-menu-button",onClick:function(e){e.stopPropagation(),j(!0)}},a.createElement(c.default,{type:"ellipsis-h"}))))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),a=require("react-bootstrap"),r=require("react-i18next"),n=require("clsx"),l=require("@react-aria/utils");require("../../modals/index.js"),require("../../table/index.js");var o=require("react-router-dom");require("../../static/index.js");var u=require("../../static/Icon.js"),i=require("../../modals/confirmation/ConfirmModal.js"),c=require("../../table/MenuButton.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(t),m=s(n);exports.ZoneCard=function(n){var s=n.name,f=n.href,v=n.onRemove,p=n.className,E=void 0===p?"":p,b=n.hasPermission,q=void 0===b||b,x=r.useTranslation("Design").t,N=o.useNavigate(),g=l.useId(),y="zone-card ".concat(E),C=e.__read(t.useState(!1),2),j=C[0],z=C[1];return d.default.createElement("div",{role:"button",tabIndex:0,className:"border-0 zone-card-wrapper w-100 pb-0",onClick:function(){return N(f)},onKeyUp:function(){return N(f)}},d.default.createElement("div",{className:y},d.default.createElement("div",{className:"zone-card-link"},s),d.default.createElement("div",{className:"d-flex"},d.default.createElement("div",{className:"zone-card-menu-eye-container"},d.default.createElement(u.default,{type:"eye",color:"#0E8CE2",width:"20"})),d.default.createElement(a.OverlayTrigger,{trigger:"click",placement:"bottom",rootClose:!0,overlay:d.default.createElement(a.Popover,{id:g,className:m.default("zone-card-popover",!j&&"d-none")},d.default.createElement(a.Popover.Content,{as:a.ListGroup,className:"zone-card-menu",variant:"flush"},q&&d.default.createElement(d.default.Fragment,null,d.default.createElement(a.ListGroup.Item,{action:!0,className:"text-danger",as:"div"},Boolean(v)&&d.default.createElement(i.ConfirmModal,null,(function(e){return d.default.createElement(c.MenuButton,{onClick:function(){z(!1),e(v)},name:x("remove"),icon:"trash-alt",className:"zone-card-menu-item-text d-flex w-100 align-items-center",rightIcon:!0})}))))))},d.default.createElement("button",{type:"button",className:"zone-card-menu-button",onClick:function(e){e.stopPropagation(),z(!0)}},d.default.createElement(u.default,{type:"ellipsis-h"}))))))};

package/dist/zone/card/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ZoneCard.js");exports.ZoneCard=e.ZoneCard;

package/dist/zone/form/ZoneForm.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { Zone } from "@licklist/core/dist/DataMapper/Provider/ZoneDataMapper";
 import { ServerError } from "@licklist/plugins/dist/hooks/Api/useHttpQuery";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
@@ -12,5 +12,5 @@ export type ZoneFormProps = {
 export type ZoneFormValues = Partial<Zone> & {
     localImageBlobURL?: string;
 };
-export declare const ZoneForm: ({ defaultValues, onSubmit, serverErrors, isLoading, }: ZoneFormProps) => JSX.Element;
+export declare const ZoneForm: ({ defaultValues, onSubmit, serverErrors, isLoading, workHours, }: ZoneFormProps) => React.JSX.Element;
 //# sourceMappingURL=ZoneForm.d.ts.map

package/dist/zone/form/ZoneForm.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoneForm.d.ts","sourceRoot":"","sources":["../../../src/zone/form/ZoneForm.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,IAAI,EAAE,MAAM,wDAAwD,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5E,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAGtF,MAAM,MAAM,aAAa,GAAG;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,QAAQ,0DAKlB,aAAa,gBAiDf,CAAC"}
+{"version":3,"file":"ZoneForm.d.ts","sourceRoot":"","sources":["../../../src/zone/form/ZoneForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EAAE,IAAI,EAAE,MAAM,wDAAwD,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5E,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAGtF,MAAM,MAAM,aAAa,GAAG;IAC1B,aAAa,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC1C,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,IAAI,CAAC,GAAG;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,eAAO,MAAM,QAAQ,qEAMlB,aAAa,sBAiDf,CAAC"}

package/dist/zone/form/ZoneForm.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"),t=require("react"),o=e(t),n=require("react-i18next"),s=require("react-bootstrap"),a=require("react-hook-form"),l=e(require("@licklist/plugins/dist/services/Form/FormErrorService")),i=require("./components/ZoneControl.js");exports.ZoneForm=function(e){var u=e.defaultValues,c=e.onSubmit,m=e.serverErrors,d=e.isLoading,f=void 0!==d&&d,b=n.useTranslation("Design").t,p=a.useForm({mode:"onChange",defaultValues:{zoneRecurrences:[]}}),v=p.reset,E=p.setError,g=p.handleSubmit,q=(0,p.watch)();return t.useEffect((function(){u&&v(u)}),[u,v]),t.useEffect((function(){m&&l.handleServerErrors(m,E)}),[m,E]),o.createElement(a.FormProvider,r.__assign({},p),o.createElement(s.Form,{onSubmit:g((function(e){e.localImageBlobURL;var t=r.__rest(e,["localImageBlobURL"]);c(t)}))},o.createElement(i.ZoneControl,{isLoading:f}),o.createElement(s.Row,null,o.createElement(s.Col,{md:6,sm:12}),o.createElement(s.Col,{className:"product-set-save-btn-wrapper p-0 pl-4 d-flex mw-100",md:6,sm:12},o.createElement(s.Button,{className:"product-set-save-btn mt-5 ml-5 d-no dne d-md-block",type:"submit",disabled:f||!q.name},b("saveAndClose"))))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("react-hook-form"),o=require("react-bootstrap"),a=require("react-i18next"),n=require("@licklist/plugins/dist/services/Form/FormErrorService"),l=require("./components/ZoneControl.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=s(r),i=s(n);exports.ZoneForm=function(n){var s=n.defaultValues,c=n.onSubmit,d=n.serverErrors,m=n.isLoading,f=void 0!==m&&m,v=n.workHours,b=void 0===v?[]:v,p=a.useTranslation("Design").t,E=t.useForm({mode:"onChange",defaultValues:{zoneRecurrences:[]}}),g=E.reset,q=E.setError,w=E.handleSubmit,C=(0,E.watch)();return r.useEffect((function(){s&&g(s)}),[s,g]),r.useEffect((function(){d&&i.default.handleServerErrors(d,q)}),[d,q]),u.default.createElement(t.FormProvider,e.__assign({},E),u.default.createElement(o.Form,{onSubmit:w((function(r){r.localImageBlobURL;var t=e.__rest(r,["localImageBlobURL"]);c(t)}))},u.default.createElement(l.ZoneControl,{isLoading:f,workHours:b}),u.default.createElement(o.Row,null,u.default.createElement(o.Col,{md:6,sm:12}),u.default.createElement(o.Col,{className:"product-set-save-btn-wrapper p-0 pl-4 d-flex mw-100",md:6,sm:12},u.default.createElement(o.Button,{className:"product-set-save-btn mt-5 ml-5 d-no dne d-md-block",type:"submit",disabled:f||!C.name},p("saveAndClose"))))))};

package/dist/zone/form/components/AvailableTimesControl.d.ts

@@ -1,24 +1,15 @@
 import React from "react";
-import { UseFormSetError } from "react-hook-form";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
 export type AvailableTimesControlRef = {
     trigger: () => Promise<boolean>;
     getValues: () => {
         availableTimes: string[];
     };
-    setError: UseFormSetError<AvailableTimesForm>;
 };
 type AvailableTimesControlProps = {
     isLoading: boolean;
     workHours?: WorkHour[];
     defaultValues?: string[];
-    startTime?: string;
-    endTime?: string;
-    errorMessage?: string;
-    clearErrorMessage: () => void;
-};
-type AvailableTimesForm = {
-    availableTimes: string[];
 };
 export declare const AvailableTimesControl: React.ForwardRefExoticComponent<AvailableTimesControlProps & React.RefAttributes<AvailableTimesControlRef>>;
 export {};

package/dist/zone/form/components/AvailableTimesControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AvailableTimesControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/AvailableTimesControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAGf,OAAO,EAAE,eAAe,EAAW,MAAM,iBAAiB,CAAC;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAGtF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAChC,SAAS,EAAE,MAAM;QAAE,cAAc,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;IAC9C,QAAQ,EAAE,eAAe,CAAC,kBAAkB,CAAC,CAAC;CAC/C,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAEF,KAAK,kBAAkB,GAAG;IAAE,cAAc,EAAE,MAAM,EAAE,CAAA;CAAE,CAAC;AAEvD,eAAO,MAAM,qBAAqB,6GA8FjC,CAAC"}
+{"version":3,"file":"AvailableTimesControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/AvailableTimesControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAKN,MAAM,OAAO,CAAC;AAKf,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAGtF,MAAM,MAAM,wBAAwB,GAAG;IACrC,OAAO,EAAE,MAAM,OAAO,CAAC,OAAO,CAAC,CAAC;IAChC,SAAS,EAAE,MAAM;QAAE,cAAc,EAAE,MAAM,EAAE,CAAA;KAAE,CAAC;CAC/C,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;CAC1B,CAAC;AAIF,eAAO,MAAM,qBAAqB,6GAwFhC,CAAC"}

package/dist/zone/form/components/AvailableTimesControl.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("tslib"),a=require("react"),t=(e=a)&&"object"==typeof e&&"default"in e?e.default:e,i=require("react-i18next"),o=require("react-bootstrap"),s=require("react-hook-form"),n=require("@react-aria/utils"),l=require("../utils/dates.js"),u=a.forwardRef((function(e,u){var c,m=e.isLoading,d=e.workHours,f=e.defaultValues,v=void 0===f?[]:f,g=e.errorMessage,b=e.clearErrorMessage,p=n.useId(),E=i.useTranslation(["Design","Validation"]).t,h=s.useForm({mode:"onChange"}),k=h.register,_=h.formState.errors,y=h.reset,C=h.trigger,T=h.getValues,q=h.setValue,F=h.watch,x=h.setError,V=F("availableTimes")||[],I=a.useMemo((function(){return l.getCheckboxesByWorkHours(d)}),[d]);a.useImperativeHandle(u,(function(){return{trigger:C,getValues:T,setError:x}}));return a.useEffect((function(){v&&y({availableTimes:v})}),[v]),t.createElement(o.Form.Group,{controlId:p},t.createElement(o.Form.Label,null,E("Design:startTimes")),t.createElement("div",{className:"zone-available-times"},I.map((function(e){return t.createElement(o.Form.Check,{key:e,inline:!0,custom:!0,id:e},t.createElement(o.Form.Check.Input,{type:"checkbox",value:e,checked:V.includes(e),onChange:function(){return function(e){var a=V.includes(e);g&&b(),q("availableTimes",a?V.filter((function(r){return r!==e})):r.__spreadArray(r.__spreadArray([],r.__read(V),!1),[e],!1))}(e)},disabled:m}),t.createElement(o.Form.Check.Label,null,e))}))),t.createElement(o.Form.Control,r.__assign({type:"hidden"},k("availableTimes"))),t.createElement("div",{className:"manual-form-error"},(null===(c=_.availableTimes)||void 0===c?void 0:c.message)||g))}));exports.AvailableTimesControl=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),a=require("react-i18next"),t=require("react-bootstrap"),i=require("react-hook-form"),l=require("@react-aria/utils"),n=require("../utils/dates.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(r),o=r.forwardRef((function(u,o){var m,c=u.isLoading,d=u.workHours,f=u.defaultValues,v=void 0===f?[]:f,b=l.useId(),g=a.useTranslation(["Design","Validation"]).t,p=i.useForm({mode:"onChange"}),h=p.register,T=p.formState.errors,k=p.reset,_=p.trigger,y=p.getValues,C=p.setValue,E=(0,p.watch)("availableTimes")||[],q=r.useMemo((function(){return n.getCheckboxesByWorkHours(d)}),[d]);r.useImperativeHandle(o,(function(){return{trigger:_,getValues:y}}));return r.useEffect((function(){v&&k({availableTimes:v})}),[v]),s.default.createElement(t.Form.Group,{controlId:b},s.default.createElement(t.Form.Label,null,g("Design:startTimes")),s.default.createElement("div",{className:"zone-available-times"},q.map((function(r){return s.default.createElement(t.Form.Check,{key:r,inline:!0,custom:!0,id:r},s.default.createElement(t.Form.Check.Input,{type:"checkbox",value:r,checked:E.includes(r),onChange:function(){return function(r){E.includes(r)?C("availableTimes",E.filter((function(e){return e!==r}))):C("availableTimes",e.__spreadArray(e.__spreadArray([],e.__read(E),!1),[r],!1))}(r)},disabled:c}),s.default.createElement(t.Form.Check.Label,null,r))}))),s.default.createElement(t.Form.Control,e.__assign({type:"hidden"},h("availableTimes",{required:{value:!0,message:g("Validation:fieldMinNumber",{attribute:g("startTimes"),min:1})}}))),s.default.createElement("div",{className:"manual-form-error"},null===(m=T.availableTimes)||void 0===m?void 0:m.message))}));o.displayName="AvailableTimesControl",exports.AvailableTimesControl=o;

package/dist/zone/form/components/DescriptionControl.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 type DescriptionControlProps = {
     isLoading: boolean;
 };
-export declare const DescriptionControl: ({ isLoading }: DescriptionControlProps) => JSX.Element;
+export declare const DescriptionControl: ({ isLoading }: DescriptionControlProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=DescriptionControl.d.ts.map

package/dist/zone/form/components/DescriptionControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DescriptionControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/DescriptionControl.tsx"],"names":[],"mappings":";AAUA,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,kBAAmB,uBAAuB,gBAoCxE,CAAC"}
+{"version":3,"file":"DescriptionControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/DescriptionControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAU1B,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,kBAAkB,kBAAmB,uBAAuB,sBAoCxE,CAAC"}

package/dist/zone/form/components/DescriptionControl.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=e(require("react")),t=require("react-i18next"),i=require("react-bootstrap"),o=require("react-hook-form"),n=e(require("@licklist/plugins/dist/services/Form/HookFormService")),a=require("@react-aria/utils"),s=e(require("clsx")),l=require("../../../tiptap-editor/TipTapEditor.js");exports.DescriptionControl=function(e){var u=e.isLoading,c=a.useId(),d=t.useTranslation(["Design","Validation"]).t,p=o.useFormContext(),m=p.formState.errors,f=p.control;return r.createElement(i.Form.Group,{controlId:c},r.createElement(i.Form.Label,null,d("Design:description"),"*"),r.createElement(o.Controller,{render:function(e){var t=e.field,i=t.value,o=t.onChange;return r.createElement(l.TipTapEditor,{withEmoji:!1,viewMode:!1,onUpdate:o,content:i,disabled:u,className:s(m.description&&"is-invalid")})},rules:{required:!0},control:f,name:"description"}),r.createElement("div",{className:"manual-form-error"},n.hasError(m.description,"required")&&d("Validation:fieldRequired",{attribute:d("Design:description")})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-i18next"),t=require("react-bootstrap"),i=require("react-hook-form"),o=require("@react-aria/utils"),a=require("@licklist/plugins/dist/services/Form/HookFormService"),n=require("clsx");require("../../../tiptap-editor/index.js");var l=require("../../../tiptap-editor/TipTapEditor.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=u(e),s=u(a),c=u(n);exports.DescriptionControl=function(e){var a=e.isLoading,n=o.useId(),u=r.useTranslation(["Design","Validation"]).t,p=i.useFormContext(),f=p.formState.errors,m=p.control;return d.default.createElement(t.Form.Group,{controlId:n},d.default.createElement(t.Form.Label,null,u("Design:description"),"*"),d.default.createElement(i.Controller,{render:function(e){var r=e.field,t=r.value,i=r.onChange;return d.default.createElement(l.TipTapEditor,{withEmoji:!1,viewMode:!1,onUpdate:i,content:t,disabled:a,className:c.default(f.description&&"is-invalid")})},rules:{required:!0},control:m,name:"description"}),d.default.createElement("div",{className:"manual-form-error"},s.default.hasError(f.description,"required")&&u("Validation:fieldRequired",{attribute:u("Design:description")})))};

package/dist/zone/form/components/NameControl.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 type NameControlProps = {
     isLoading: boolean;
 };
-export declare const NameControl: ({ isLoading }: NameControlProps) => JSX.Element;
+export declare const NameControl: ({ isLoading }: NameControlProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=NameControl.d.ts.map

package/dist/zone/form/components/NameControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NameControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/NameControl.tsx"],"names":[],"mappings":";AAQA,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,gBAkC1D,CAAC"}
+{"version":3,"file":"NameControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/NameControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,sBAkC1D,CAAC"}

package/dist/zone/form/components/NameControl.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"),t=e(require("react")),a=require("react-i18next"),i=require("react-bootstrap"),n=require("react-hook-form"),o=e(require("@licklist/plugins/dist/services/Form/HookFormService")),l=require("@react-aria/utils");exports.NameControl=function(e){var s=e.isLoading,u=l.useId(),m=a.useTranslation(["Design","Validation"]).t,d=n.useFormContext(),c=d.register,g=d.formState.errors;return t.createElement(i.Form.Group,{controlId:u},t.createElement(i.Form.Label,null,m("Design:name"),"*"),t.createElement(i.Form.Control,r.__assign({},c("name",{required:!0,maxLength:255}),{placeholder:m("Design:name"),isInvalid:Boolean(g.name),disabled:s})),t.createElement(i.Form.Control.Feedback,{type:"invalid"},o.hasError(g.name,"required")&&m("Validation:fieldRequired",{attribute:m("Design:name")}),o.hasError(g.name,"maxLength")&&m("Validation:fieldMaxLength",{attribute:m("Design:name"),max:255})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("react-i18next"),a=require("react-bootstrap"),i=require("react-hook-form"),n=require("@react-aria/utils"),o=require("@licklist/plugins/dist/services/Form/HookFormService");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(r),s=l(o);exports.NameControl=function(r){var o=r.isLoading,l=n.useId(),d=t.useTranslation(["Design","Validation"]).t,m=i.useFormContext(),c=m.register,f=m.formState.errors;return u.default.createElement(a.Form.Group,{controlId:l},u.default.createElement(a.Form.Label,null,d("Design:name"),"*"),u.default.createElement(a.Form.Control,e.__assign({},c("name",{required:!0,maxLength:255}),{placeholder:d("Design:name"),isInvalid:Boolean(f.name),disabled:o})),u.default.createElement(a.Form.Control.Feedback,{type:"invalid"},s.default.hasError(f.name,"required")&&d("Validation:fieldRequired",{attribute:d("Design:name")}),s.default.hasError(f.name,"maxLength")&&d("Validation:fieldMaxLength",{attribute:d("Design:name"),max:255})))};

package/dist/zone/form/components/SortControl.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 type SortControlProps = {
     isLoading: boolean;
 };
-export declare const SortControl: ({ isLoading }: SortControlProps) => JSX.Element;
+export declare const SortControl: ({ isLoading }: SortControlProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=SortControl.d.ts.map

package/dist/zone/form/components/SortControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SortControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/SortControl.tsx"],"names":[],"mappings":";AAQA,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,gBAmC1D,CAAC"}
+{"version":3,"file":"SortControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/SortControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,KAAK,gBAAgB,GAAG;IACtB,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,sBAmC1D,CAAC"}

package/dist/zone/form/components/SortControl.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"),t=e(require("react")),i=require("react-i18next"),o=require("react-bootstrap"),n=require("react-hook-form"),a=e(require("@licklist/plugins/dist/services/Form/HookFormService")),s=require("@react-aria/utils");exports.SortControl=function(e){var l=e.isLoading,u=s.useId(),d=i.useTranslation(["Design","Validation"]).t,c=n.useFormContext(),m=c.register,g=c.formState.errors;return t.createElement(o.Form.Group,{controlId:u},t.createElement(o.Form.Label,null,d("Design:ordering")),t.createElement(o.Form.Control,r.__assign({type:"number"},m("sort",{required:!1,min:1}),{placeholder:d("Design:ordering"),isInvalid:Boolean(g.sort),disabled:l})),t.createElement(o.Form.Control.Feedback,{type:"invalid"},a.hasError(g.sort,"required")&&d("Validation:fieldRequired",{attribute:d("Design:ordering")}),a.hasError(g.sort,"min")&&d("Validation:fieldMinNumber",{attribute:d("Design:ordering"),min:1})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("react-i18next"),i=require("react-bootstrap"),o=require("react-hook-form"),a=require("@react-aria/utils"),n=require("@licklist/plugins/dist/services/Form/HookFormService");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=l(r),s=l(n);exports.SortControl=function(r){var n=r.isLoading,l=a.useId(),d=t.useTranslation(["Design","Validation"]).t,c=o.useFormContext(),m=c.register,f=c.formState.errors;return u.default.createElement(i.Form.Group,{controlId:l},u.default.createElement(i.Form.Label,null,d("Design:ordering")),u.default.createElement(i.Form.Control,e.__assign({type:"number"},m("sort",{required:!1,min:1}),{placeholder:d("Design:ordering"),isInvalid:Boolean(f.sort),disabled:n})),u.default.createElement(i.Form.Control.Feedback,{type:"invalid"},s.default.hasError(f.sort,"required")&&d("Validation:fieldRequired",{attribute:d("Design:ordering")}),s.default.hasError(f.sort,"min")&&d("Validation:fieldMinNumber",{attribute:d("Design:ordering"),min:1})))};

package/dist/zone/form/components/ZoneControl.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import React from "react";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
 export type ZoneControlProps = {
     isLoading: boolean;
     workHours?: WorkHour[];
 };
-export declare const ZoneControl: ({ isLoading }: ZoneControlProps) => JSX.Element;
+export declare const ZoneControl: ({ isLoading, workHours, }: ZoneControlProps) => React.JSX.Element;
 //# sourceMappingURL=ZoneControl.d.ts.map

package/dist/zone/form/components/ZoneControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoneControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneControl.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAStF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,WAAW,kBAAmB,gBAAgB,gBA0B1D,CAAC"}
+{"version":3,"file":"ZoneControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAQtF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,WAAW,8BAGrB,gBAAgB,sBAyBlB,CAAC"}

package/dist/zone/form/components/ZoneControl.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,r=require("react"),t=(e=r)&&"object"==typeof e&&"default"in e?e.default:e,o=require("react-bootstrap"),n=require("./NameControl.js"),l=require("./ZoneTypeControl.js"),a=require("./SortControl.js"),i=require("./ZoneRecurrencesControl.js"),m=require("./DescriptionControl.js"),s=require("./ZoneImageControl.js"),c=require("./GameDurationControl.js");exports.ZoneControl=function(e){var r=e.isLoading;return t.createElement(o.Row,null,t.createElement(o.Col,{md:6,sm:12,className:"pr-5"},t.createElement(n.NameControl,{isLoading:r}),t.createElement(i.ZoneRecurrencesControl,null),t.createElement("hr",null),t.createElement(o.Row,null,t.createElement(o.Col,{md:6,sm:6},t.createElement(l.ZoneTypeControl,{isLoading:r}),t.createElement(a.SortControl,{isLoading:r}),t.createElement(c.GameDurationControl,{isLoading:r})),t.createElement(o.Col,{md:6,sm:6},t.createElement(s.ZoneImageControl,{isLoading:r}))),t.createElement("hr",null),t.createElement(o.Row,null,t.createElement(o.Col,{md:12,sm:12},t.createElement(m.DescriptionControl,{isLoading:r})))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react-bootstrap"),r=require("./NameControl.js"),o=require("./ZoneTypeControl.js"),l=require("./SortControl.js"),n=require("./ZoneRecurrencesControl.js"),a=require("./DescriptionControl.js"),u=require("./ZoneImageControl.js");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=i(e);exports.ZoneControl=function(e){var i=e.isLoading,s=e.workHours,c=void 0===s?[]:s;return d.default.createElement(t.Row,null,d.default.createElement(t.Col,{md:6,sm:12,className:"pr-5"},d.default.createElement(r.NameControl,{isLoading:i}),d.default.createElement(n.ZoneRecurrencesControl,{workHours:c,isLoading:i}),d.default.createElement("hr",null),d.default.createElement(t.Row,null,d.default.createElement(t.Col,{md:6,sm:6},d.default.createElement(o.ZoneTypeControl,{isLoading:i}),d.default.createElement(l.SortControl,{isLoading:i})),d.default.createElement(t.Col,{md:6,sm:6},d.default.createElement(u.ZoneImageControl,{isLoading:i}))),d.default.createElement("hr",null),d.default.createElement(t.Row,null,d.default.createElement(t.Col,{md:12,sm:12},d.default.createElement(a.DescriptionControl,{isLoading:i})))))};

package/dist/zone/form/components/ZoneImageControl.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 type ZoneImageControlProps = {
     isLoading?: boolean;
 };
-export declare const ZoneImageControl: ({ isLoading, }: ZoneImageControlProps) => JSX.Element;
+export declare const ZoneImageControl: ({ isLoading, }: ZoneImageControlProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=ZoneImageControl.d.ts.map

package/dist/zone/form/components/ZoneImageControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoneImageControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneImageControl.tsx"],"names":[],"mappings":";AAWA,KAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mBAE1B,qBAAqB,gBAqFvB,CAAC"}
+{"version":3,"file":"ZoneImageControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneImageControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiC,MAAM,OAAO,CAAC;AAWtD,KAAK,qBAAqB,GAAG;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,gBAAgB,mBAE1B,qBAAqB,sBAqFvB,CAAC"}

package/dist/zone/form/components/ZoneImageControl.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 i=require("tslib"),a=require("react"),r=e(a),t=require("react-i18next"),o=require("react-bootstrap"),l=require("react-hook-form"),n=e(require("@licklist/plugins/dist/services/Form/HookFormService")),s=require("lodash"),u=require("@licklist/plugins/dist/hooks/Media/useImages"),c=require("@licklist/core/dist/DataMapper/Media/ImageDataMapper"),d=require("../../../file-upload/FileUpload.js");exports.ZoneImageControl=function(e){var g=e.isLoading,m=void 0!==g&&g,p=t.useTranslation("Design").t,f=l.useFormContext(),v=f.watch,I=f.setValue,b=f.formState.errors,E=f.clearErrors,F=v(),_=u.useImages(null),h=_.images,q=_.handleImageRemove,k=_.handleImageUploading,j=_.isLoading,L=_.setImages,U=a.useCallback((function(e){return i.__awaiter(void 0,void 0,void 0,(function(){return i.__generator(this,(function(i){switch(i.label){case 0:return[4,k(e,c.IMAGE_TYPE_IMAGE)];case 1:return i.sent()?(I("localImageBlobURL",URL.createObjectURL(e[0])),[2]):[2]}}))}))}),[k]),C=a.useCallback((function(e,i){q(e,i),I("localImageBlobURL",void 0)}),[q]);return a.useEffect((function(){F&&F.image&&L([i.__assign(i.__assign({},F.image),{url:F.image.url||(null==F?void 0:F.localImageBlobURL)})])}),[null==F?void 0:F.image]),a.useEffect((function(){s.isEqual(h[0],null==F?void 0:F.image)||(I("image",h[0]||null),h[0]&&E("image"))}),[h]),r.createElement(o.Form.Group,{controlId:"name"},r.createElement(o.Form.Control,{isInvalid:n.isInvalid("image",b),hidden:!0}),r.createElement(d.FileUpload,{onFilesChange:U,allowedExtensions:["jpeg","jpg","png"],subTitle:".jpeg    .jpg    .png",enablePreview:!0,onFileRemove:C,defaultFiles:h,isLoading:j,withIcon:!0,title:p("Design:addImage"),disabled:m}),r.createElement(o.Form.Control.Feedback,{type:"invalid"},n.getErrors("image",b)))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react"),i=require("react-bootstrap"),r=require("react-i18next"),t=require("react-hook-form"),l=require("lodash"),o=require("@licklist/plugins/dist/hooks/Media/useImages"),n=require("@licklist/core/dist/DataMapper/Media/ImageDataMapper"),s=require("@licklist/plugins/dist/services/Form/HookFormService");require("../../../file-upload/index.js");var u=require("../../../file-upload/FileUpload.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=d(a),g=d(s);exports.ZoneImageControl=function(s){var d=s.isLoading,m=void 0!==d&&d,f=r.useTranslation("Design").t,p=t.useFormContext(),v=p.watch,I=p.setValue,b=p.formState.errors,E=p.clearErrors,q=v(),F=o.useImages(null),_=F.images,h=F.handleImageRemove,j=F.handleImageUploading,k=F.isLoading,L=F.setImages,U=a.useCallback((function(a){return e.__awaiter(void 0,void 0,void 0,(function(){return e.__generator(this,(function(e){switch(e.label){case 0:return[4,j(a,n.IMAGE_TYPE_IMAGE)];case 1:return e.sent()?(I("localImageBlobURL",URL.createObjectURL(a[0])),[2]):[2]}}))}))}),[j]),C=a.useCallback((function(e,a){h(e,a),I("localImageBlobURL",void 0)}),[h]);return a.useEffect((function(){q&&q.image&&L([e.__assign(e.__assign({},q.image),{url:q.image.url||(null==q?void 0:q.localImageBlobURL)})])}),[null==q?void 0:q.image]),a.useEffect((function(){l.isEqual(_[0],null==q?void 0:q.image)||(I("image",_[0]||null),_[0]&&E("image"))}),[_]),c.default.createElement(i.Form.Group,{controlId:"name"},c.default.createElement(i.Form.Control,{isInvalid:g.default.isInvalid("image",b),hidden:!0}),c.default.createElement(u.FileUpload,{onFilesChange:U,allowedExtensions:["jpeg","jpg","png"],subTitle:".jpeg    .jpg    .png",enablePreview:!0,onFileRemove:C,defaultFiles:_,isLoading:k,withIcon:!0,title:f("Design:addImage"),disabled:m}),c.default.createElement(i.Form.Control.Feedback,{type:"invalid"},g.default.getErrors("image",b)))};

package/dist/zone/form/components/ZoneRecurrenceControl.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { ZoneRecurrence } from "@licklist/core/dist/DataMapper/Provider/ZoneRecurrenceDataMapper";
 export interface ZoneRecurrenceControlProps {
     zoneRecurrence?: {
@@ -6,5 +6,5 @@ export interface ZoneRecurrenceControlProps {
     } & Partial<ZoneRecurrence>;
     onEdit?: (onEdit: Partial<ZoneRecurrence>) => void;
 }
-export declare const ZoneRecurrenceControl: ({ zoneRecurrence, onEdit, }: ZoneRecurrenceControlProps) => JSX.Element;
+export declare const ZoneRecurrenceControl: ({ zoneRecurrence, onEdit, }: ZoneRecurrenceControlProps) => React.JSX.Element;
 //# sourceMappingURL=ZoneRecurrenceControl.d.ts.map

package/dist/zone/form/components/ZoneRecurrenceControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoneRecurrenceControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneRecurrenceControl.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAMlG,MAAM,WAAW,0BAA0B;IACzC,cAAc,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;IAC3D,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACpD;AAED,eAAO,MAAM,qBAAqB,gCAG/B,0BAA0B,gBAkE5B,CAAC"}
+{"version":3,"file":"ZoneRecurrenceControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneRecurrenceControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAMlG,MAAM,WAAW,0BAA0B;IACzC,cAAc,CAAC,EAAE;QAAE,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,OAAO,CAAC,cAAc,CAAC,CAAC;IAC3D,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CACpD;AAED,eAAO,MAAM,qBAAqB,gCAG/B,0BAA0B,sBAkE5B,CAAC"}

package/dist/zone/form/components/ZoneRecurrenceControl.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"),t=e(require("react")),n=require("react-i18next"),a=require("../../../static/Icon.js");require("../../../static/index.js");var i=require("@dnd-kit/sortable"),l=require("@dnd-kit/utilities"),s=e(require("rrule")),o=require("react-intl");exports.ZoneRecurrenceControl=function(e){var c=e.zoneRecurrence,u=e.onEdit,d=o.useIntl().formatDate,m=n.useTranslation("Design").t,f=i.useSortable({id:String(c._id)}),x=f.attributes,p=f.listeners,b=f.setNodeRef,g=f.transform,q=f.transition;return t.createElement("div",r.__assign({className:"sortable-tree-root",style:{transform:l.CSS.Translate.toString(g),transition:q}},x,p,{ref:b,role:"button",tabIndex:0}),t.createElement("div",{key:c.rrule,className:"zone-recurrence d-flex flex-column mr-0 mb-3 p-3 px-4 flex-grow-1"},t.createElement("span",{className:"d-flex flex-row align-items-center"},t.createElement(a.default,{type:"calendar",height:"1rem",className:"zone-recurrence-icon-calendar"}),t.createElement("span",{className:"zone-recurrence-title d-flex flex-grow-1"},m("from")," ",d(c.startDate,{dateStyle:"medium"})," ","-"," ",d(c.endDate,{dateStyle:"medium"})),t.createElement("div",{className:"d-inline-flex",role:"button",tabIndex:0,onClick:function(){return u(c)},onKeyDown:function(){return u(c)}},t.createElement(a.default,{type:"ellipsis-h",height:"1rem",className:"zone-recurrence-icon-more"}))),t.createElement("span",{className:"zone-recurrence-description"},function(e){return s.fromString(e.rrule).toText()}(c))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("react-i18next"),n=require("react-intl"),a=require("rrule"),l=require("@dnd-kit/sortable"),i=require("@dnd-kit/utilities");require("../../../static/index.js");var u=require("../../../static/Icon.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=s(t),c=s(a);exports.ZoneRecurrenceControl=function(t){var a=t.zoneRecurrence,s=t.onEdit,d=n.useIntl().formatDate,f=r.useTranslation("Design").t,m=l.useSortable({id:String(a._id)}),x=m.attributes,p=m.listeners,b=m.setNodeRef,g=m.transform,q=m.transition;return o.default.createElement("div",e.__assign({className:"sortable-tree-root",style:{transform:i.CSS.Translate.toString(g),transition:q}},x,p,{ref:b,role:"button",tabIndex:0}),o.default.createElement("div",{key:a.rrule,className:"zone-recurrence d-flex flex-column mr-0 mb-3 p-3 px-4 flex-grow-1"},o.default.createElement("span",{className:"d-flex flex-row align-items-center"},o.default.createElement(u.default,{type:"calendar",height:"1rem",className:"zone-recurrence-icon-calendar"}),o.default.createElement("span",{className:"zone-recurrence-title d-flex flex-grow-1"},f("from")," ",d(a.startDate,{dateStyle:"medium"})," ","-"," ",d(a.endDate,{dateStyle:"medium"})),o.default.createElement("div",{className:"d-inline-flex",role:"button",tabIndex:0,onClick:function(){return s(a)},onKeyDown:function(){return s(a)}},o.default.createElement(u.default,{type:"ellipsis-h",height:"1rem",className:"zone-recurrence-icon-more"}))),o.default.createElement("span",{className:"zone-recurrence-description"},function(e){return c.default.fromString(e.rrule).toText()}(a))))};

package/dist/zone/form/components/ZoneRecurrencesControl.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { ZoneRecurrence } from "@licklist/core/dist/DataMapper/Provider/ZoneRecurrenceDataMapper";
 import { WorkHour } from "@licklist/core/dist/DataMapper/Provider/WorkHourDataMapper";
 export interface DateAndRecurrenceInputValues {
@@ -8,5 +8,5 @@ export type ZoneRecurrenceControlProps = {
     workHours?: WorkHour[];
     isLoading?: boolean;
 };
-export declare const ZoneRecurrencesControl: () => JSX.Element;
+export declare const ZoneRecurrencesControl: ({ workHours, isLoading, }: ZoneRecurrenceControlProps) => React.JSX.Element;
 //# sourceMappingURL=ZoneRecurrencesControl.d.ts.map

package/dist/zone/form/components/ZoneRecurrencesControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoneRecurrencesControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneRecurrencesControl.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAMlG,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAWtF,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;CAC7C;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,mBAsMlC,CAAC"}
+{"version":3,"file":"ZoneRecurrencesControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneRecurrencesControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAO3D,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAMlG,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAatF,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,EAAE,CAAC;CAC7C;AAED,MAAM,MAAM,0BAA0B,GAAG;IACvC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,sBAAsB,8BAGhC,0BAA0B,sBA4N5B,CAAC"}

package/dist/zone/form/components/ZoneRecurrencesControl.js

@@ -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"),o=require("react-bootstrap"),a=require("../../../static/Icon.js"),u=require("react-hook-form"),l=require("@react-aria/utils"),c=require("react-use");require("../../../static/index.js");var d=require("@dnd-kit/core"),s=require("@dnd-kit/sortable"),m=require("../../../modals/confirmation/ConfirmModal.js"),v=require("../../../recurring-date-picker-input/RecurringDatePickerInput.js"),f=require("../../../product-set/control/DateAndRecurrenceInput.js"),p=require("./ZoneRecurrenceControl.js");exports.ZoneRecurrencesControl=function(){var e,g,_=u.useFormContext(),E=_.control,q=_.register,x=_.formState.errors,C=_.getValues,D=_.setValue,R=_.clearErrors,b=u.useFieldArray({name:"zoneRecurrences",control:E,keyName:"_id"}),y=b.fields,I=b.append,S=b.update,k=b.move,z=r.__read(t.useState(!1),2),N=z[0],h=z[1],j=r.__read(t.useState({index:null,values:null}),2),T=j[0],A=j[1],w=function(){return A({index:null,values:null})},F=t.useRef();c.useClickAway(F,(function(e){var r,t,n;m.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)||(h(!1),w())}));var M=l.useId(),P=i.useTranslation(["Design","Validation"]).t,O=function(){w(),h((function(e){return!e}))};return t.useEffect((function(){y.length&&R("zoneRecurrences")}),[y,R]),n.createElement(o.Form.Group,null,n.createElement(o.Form.Label,null,P("zoneAvailable")),n.createElement(o.OverlayTrigger,{show:N,overlay:n.createElement(o.Popover,{id:M,className:"rounded"},n.createElement(o.Popover.Content,{className:"shadow-lg rounded",ref:F},n.createElement(v.RecurringDatePickerInput,{defaultValues:T.values,onChange:function(e){return r.__awaiter(void 0,void 0,void 0,(function(){var t,n,i;return r.__generator(this,(function(r){return t={rrule:e.rrule,startDate:e.startDate,endDate:e.endDate,startTime:e.startTime,endTime:e.endTime},(null===(n=T.values)||void 0===n?void 0:n.id)&&(t.id=null===(i=T.values)||void 0===i?void 0:i.id),null!==T.index?S(T.index,t):I(t),h((function(){return!1})),w(),[2]}))}))},onDelete:function(){var e=T.index;h(!1),w(),setTimeout((function(){var r=C().zoneRecurrences;D("zoneRecurrences",(void 0===r?[]:r).filter((function(r,t){return t!==e})))}),100)},setInitialStartDateAfterSelect:!0}))),trigger:"click",placement:"bottom",popperConfig:{modifiers:[f.sameWidthPopperModifier]}},n.createElement("div",{className:"zone-recurrences"},n.createElement(d.DndContext,{onDragEnd:function(e){var r=e.over,t=e.active;if(r.id!==t.id){var n=y.findIndex((function(e){return String(e._id)===t.id})),i=y.findIndex((function(e){return String(e._id)===r.id}));k(n,i)}}},n.createElement(s.SortableContext,{items:null!==(e=null==y?void 0:y.map((function(e){return String(e._id)})))&&void 0!==e?e:[],strategy:s.verticalListSortingStrategy},null==y?void 0:y.map((function(e,r){return n.createElement(p.ZoneRecurrenceControl,{key:e._id,zoneRecurrence:e,onEdit:function(){return function(e,r){w(),A({index:r,values:e}),h((function(){return!0}))}(e,r)}})})))),n.createElement("div",{className:"zone-recurrence-icon-wrapper",role:"button",tabIndex:0,onClick:O,onKeyDown:O},n.createElement(a.default,{type:"plus-circle",height:"1rem",className:"zone-recurrence-icon-add mr-2"}),P("addDates")),n.createElement(o.Form.Control,r.__assign({type:"hidden"},q("zoneRecurrences",{required:{value:!0,message:P("Validation:fieldMinNumber",{attribute:P("dates"),min:1})}}))),n.createElement("div",{className:"manual-form-error"},null===(g=x.zoneRecurrences)||void 0===g?void 0:g.message))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),t=require("react"),r=require("@react-aria/utils"),n=require("react-bootstrap"),i=require("react-hook-form"),a=require("react-i18next"),u=require("react-use"),o=require("@dnd-kit/sortable"),l=require("@dnd-kit/core");require("../../../modals/index.js"),require("../../../static/index.js");var c=require("../../../recurring-date-picker-input/RecurringDatePickerInput.js"),d=require("./ZoneRecurrenceControl.js"),s=require("./AvailableTimesControl.js"),f=require("../../../modals/confirmation/ConfirmModal.js"),m=require("../../../static/Icon.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var g=v(t),p={name:"sameWidth",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(e){var t=e.state,r={width:"".concat(t.rects.reference.width+4,"px"),marginLeft:"-2px",maxWidth:"unset"};Object.assign(t.styles.popper,r)},effect:function(e){var t=e.state,r=t.elements.reference.getBoundingClientRect().width,n={width:"".concat(r,"px"),maxWidth:"unset"};Object.assign(t.elements.popper.style,n)}};exports.ZoneRecurrencesControl=function(v){var _,b,x=v.workHours,E=v.isLoading,h=void 0!==E&&E,q=i.useFormContext(),C=q.control,y=q.register,R=q.formState.errors,D=q.getValues,S=q.setValue,k=q.clearErrors,w=i.useFieldArray({name:"zoneRecurrences",control:C,keyName:"_id"}),T=w.fields,j=w.append,z=w.update,I=w.move,N=e.__read(t.useState(!1),2),A=N[0],O=N[1],F=e.__read(t.useState({index:null,values:null}),2),L=F[0],V=F[1],M=function(){return V({index:null,values:null})},P=e.__read(t.useState([]),2),W=P[0],Z=P[1],H=t.useRef(),B=t.useRef();u.useClickAway(H,(function(e){var t,r,n;f.CONFIRM_MODAL_ACTIONS.includes(null===(n=null===(r=null===(t=e.target)||void 0===t?void 0:t.attributes)||void 0===r?void 0:r.getNamedItem("data-id"))||void 0===n?void 0:n.value)||(O(!1),M())}));var G=r.useId(),K=a.useTranslation("Design").t,J=function(){M(),O((function(e){return!e}))};return t.useEffect((function(){T.length&&k("zoneRecurrences")}),[T,k]),g.default.createElement(n.Form.Group,null,g.default.createElement(n.Form.Label,null,K("zoneAvailable")),g.default.createElement(n.OverlayTrigger,{show:A,overlay:g.default.createElement(n.Popover,{id:G,className:"rounded"},g.default.createElement(n.Popover.Content,{className:"shadow-lg rounded",ref:H},g.default.createElement(c.RecurringDatePickerInput,{defaultValues:L.values,onChange:function(t){return e.__awaiter(void 0,void 0,void 0,(function(){var r,n,i,a;return e.__generator(this,(function(u){switch(u.label){case 0:return[4,null===(n=B.current)||void 0===n?void 0:n.trigger()];case 1:return u.sent()?(r=e.__assign({rrule:t.rrule,startDate:t.startDate,endDate:t.endDate,startTime:t.startTime,endTime:t.endTime},B.current.getValues()),(null===(i=L.values)||void 0===i?void 0:i.id)&&(r.id=null===(a=L.values)||void 0===a?void 0:a.id),null!==L.index?z(L.index,r):j(r),O((function(){return!1})),M(),[2]):[2]}}))}))},onDelete:function(){var e=L.index;O(!1),M(),setTimeout((function(){var t=D().zoneRecurrences;S("zoneRecurrences",(void 0===t?[]:t).filter((function(t,r){return r!==e})))}),100)},setInitialStartDateAfterSelect:!0},g.default.createElement(s.AvailableTimesControl,{workHours:x,isLoading:h,defaultValues:W,ref:B})))),trigger:"click",placement:"bottom",popperConfig:{modifiers:[p]}},g.default.createElement("div",{className:"zone-recurrences"},g.default.createElement(l.DndContext,{onDragEnd:function(e){var t=e.over,r=e.active;if(t.id!==r.id){var n=T.findIndex((function(e){return String(e._id)===r.id})),i=T.findIndex((function(e){return String(e._id)===t.id}));I(n,i)}}},g.default.createElement(o.SortableContext,{items:null!==(_=null==T?void 0:T.map((function(e){return String(e._id)})))&&void 0!==_?_:[],strategy:o.verticalListSortingStrategy},T.map((function(e,t){return g.default.createElement(d.ZoneRecurrenceControl,{key:e._id,zoneRecurrence:e,onEdit:function(){return function(e,t){M(),setTimeout((function(){V({index:t,values:e}),Z(e.availableTimes||[]),O((function(){return!0}))}),100)}(e,t)}})})))),g.default.createElement("div",{className:"zone-recurrence-icon-wrapper",role:"button",tabIndex:0,onClick:J,onKeyDown:J},g.default.createElement(m.default,{type:"plus-circle",height:"1rem",className:"zone-recurrence-icon-add mr-2"}),K("addDates")),g.default.createElement(n.Form.Control,e.__assign({type:"hidden"},y("zoneRecurrences",{required:{value:!0,message:K("Validation:fieldMinNumber",{attribute:K("dates"),min:1})}}))),g.default.createElement("div",{className:"manual-form-error"},null===(b=R.zoneRecurrences)||void 0===b?void 0:b.message))))};

package/dist/zone/form/components/ZoneTypeControl.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 type ZoneTypeControlProps = {
     isLoading: boolean;
 };
-export declare const ZoneTypeControl: ({ isLoading }: ZoneTypeControlProps) => JSX.Element;
+export declare const ZoneTypeControl: ({ isLoading }: ZoneTypeControlProps) => React.JSX.Element;
 export {};
 //# sourceMappingURL=ZoneTypeControl.d.ts.map

package/dist/zone/form/components/ZoneTypeControl.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ZoneTypeControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneTypeControl.tsx"],"names":[],"mappings":";AAWA,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,kBAAmB,oBAAoB,gBAqClE,CAAC"}
+{"version":3,"file":"ZoneTypeControl.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/components/ZoneTypeControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAW1B,KAAK,oBAAoB,GAAG;IAC1B,SAAS,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,eAAe,kBAAmB,oBAAoB,sBAqClE,CAAC"}

package/dist/zone/form/components/ZoneTypeControl.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"),t=e(require("react")),i=require("react-i18next"),o=require("react-bootstrap"),a=require("react-hook-form"),n=e(require("@licklist/plugins/dist/services/Form/HookFormService")),l=require("@react-aria/utils"),s=require("@licklist/core/dist/DataMapper/Provider/ZoneDataMapper");exports.ZoneTypeControl=function(e){var u=e.isLoading,c=l.useId(),d=i.useTranslation(["Design","Validation"]).t,p=a.useFormContext(),m=p.register,q=p.formState.errors;return t.createElement(o.Form.Group,{controlId:c},t.createElement(o.Form.Label,null,d("Design:zoneType")),t.createElement(o.Form.Control,r.__assign({as:"select"},m("type",{required:!0}),{placeholder:d("Design:zoneType"),isInvalid:Boolean(q.type),disabled:u}),s.ZONE_TYPES.map((function(e){return t.createElement("option",{key:e,value:e},d("Design:".concat(e,"ZoneType")))}))),t.createElement(o.Form.Control.Feedback,{type:"invalid"},n.hasError(q.type,"required")&&d("Validation:fieldRequired",{attribute:d("Design:name")})))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react"),t=require("react-i18next"),a=require("react-bootstrap"),i=require("react-hook-form"),o=require("@react-aria/utils"),n=require("@licklist/plugins/dist/services/Form/HookFormService"),l=require("@licklist/core/dist/DataMapper/Provider/ZoneDataMapper");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=u(r),d=u(n);exports.ZoneTypeControl=function(r){var n=r.isLoading,u=o.useId(),c=t.useTranslation(["Design","Validation"]).t,p=i.useFormContext(),f=p.register,m=p.formState.errors;return s.default.createElement(a.Form.Group,{controlId:u},s.default.createElement(a.Form.Label,null,c("Design:zoneType")),s.default.createElement(a.Form.Control,e.__assign({as:"select"},f("type",{required:!0}),{placeholder:c("Design:zoneType"),isInvalid:Boolean(m.type),disabled:n}),l.ZONE_TYPES.map((function(e){return s.default.createElement("option",{key:e,value:e},c("Design:".concat(e,"ZoneType")))}))),s.default.createElement(a.Form.Control.Feedback,{type:"invalid"},d.default.hasError(m.type,"required")&&c("Validation:fieldRequired",{attribute:c("Design:name")})))};

package/dist/zone/form/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./ZoneForm.js");exports.ZoneForm=e.ZoneForm;

package/dist/zone/form/utils/dates.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/utils/dates.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAOtF,eAAO,MAAM,qBAAqB,cACrB,MAAM,WACR,MAAM,6BAuChB,CAAC;AAEF,eAAO,MAAM,wBAAwB,eAAgB,QAAQ,EAAE,aA0C9D,CAAC"}
+{"version":3,"file":"dates.d.ts","sourceRoot":"","sources":["../../../../src/zone/form/utils/dates.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAKtF,eAAO,MAAM,qBAAqB,cACrB,MAAM,WACR,MAAM,6BA8ChB,CAAC;AAEF,eAAO,MAAM,wBAAwB,eAAgB,QAAQ,EAAE,aA0C9D,CAAC"}

package/dist/zone/form/utils/dates.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("@licklist/core/dist/Config"),t=require("luxon"),n=require("@licklist/core/dist/Services/Date"),a="00:00",o="23:59",u=function(a,o,u){void 0===u&&(u=5);for(var s=new Date,i=e.__read(a.split(n.TIME_SEPARATOR),2),d=i[0],_=i[1],l=e.__read(o.split(n.TIME_SEPARATOR),2),c=l[0],m=l[1],g=t.DateTime.now().setZone("UTC").set({year:s.getFullYear(),month:s.getMonth()+1,day:s.getDate(),hour:Number(d),minute:Number(_),second:0}),T=t.DateTime.now().setZone("UTC").set({year:s.getFullYear(),month:s.getMonth()+1,day:s.getDate(),hour:Number(c),minute:Number(m),second:0}),f=[g.toFormat(r.TIME_FORMAT)],p=0;T.diff(g,["minutes"]).minutes>=u;)g=g.plus({minutes:u}),f[p+=1]=g.toFormat(r.TIME_FORMAT);return f};exports.getCheckboxesByWorkHours=function(r){if(!r||!r.length)return u(a,o);var t=r.reduce((function(r,t){var n=t.start,a=t.end;return n&&a?e.__spreadArray(e.__spreadArray([],e.__read(r),!1),[{start:n,end:a}],!1):r}),[]);if(7!==t.length)return u(a,o);var n=t.reduce((function(r,t){var n=t.start,a=t.end;return e.__spreadArray(e.__spreadArray([],e.__read(r),!1),[n,a],!1)}),[]).sort((function(e,r){return e.localeCompare(r)}));return u(n[0]||a,n[n.length-1]||o)},exports.getTimeCheckboxRanges=u;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("@licklist/core/dist/Services/Date"),t="00:00",a="23:59",n=function(t,a,n){void 0===n&&(n=5);for(var i=new Date,u=e.__read(t.split(r.TIME_SEPARATOR),2),o=u[0],s=u[1],_=e.__read(a.split(r.TIME_SEPARATOR),2),l=_[0],d=_[1],c=r.datetime(i.getFullYear(),i.getMonth()+1,i.getDate(),Number(o),Number(s)),g=r.datetime(i.getFullYear(),i.getMonth()+1,i.getDate(),Number(l),Number(d)),p={},f=0;g>=c;)c=new Date(c.getTime()+60*n*1e3),p[f]=c,f+=1;var v=Object.keys(p).map((function(t){var a=p[t];if(a<g){var n=e.__read(a.toISOString().split("T"),2)[1],i=e.__read(n.split(r.TIME_SEPARATOR),2);return[i[0],i[1]].join(r.TIME_SEPARATOR)}return null})).filter(Boolean);return v};exports.getCheckboxesByWorkHours=function(r){if(!r||!r.length)return n(t,a);var i=r.reduce((function(r,t){var a=t.start,n=t.end;return a&&n?e.__spreadArray(e.__spreadArray([],e.__read(r),!1),[{start:a,end:n}],!1):r}),[]);if(7!==i.length)return n(t,a);var u=i.reduce((function(r,t){var a=t.start,n=t.end;return e.__spreadArray(e.__spreadArray([],e.__read(r),!1),[a,n],!1)}),[]).sort((function(e,r){return e.localeCompare(r)}));return n(u[0]||t,u[u.length-1]||a)},exports.getTimeCheckboxRanges=n;

package/dist/zone/index.js

@@ -0,0 +1 @@
+"use strict";require("./card/index.js"),require("./form/index.js");