@licklist/design 0.44.485-dev.91 → 0.44.485-dev.92

package/dist/sales/manual-booking/select-date-type-control/SelectDateTypeControl.d.ts

@@ -2,11 +2,11 @@
 import { OrderableType } from "@licklist/core/dist/DataMapper/Order/OrderDataMapper";
 type SelectDateTypeControlProps = {
     orderDate: string;
-    setOrderDate: (date: string) => void;
+    onChangeDate: (date: string) => void;
     showTypeSelect?: boolean;
     orderableType?: OrderableType;
     setOrderableType: (value?: OrderableType) => void;
 };
-export declare const SelectDateTypeControl: ({ setOrderDate, orderDate, showTypeSelect, orderableType, setOrderableType, }: SelectDateTypeControlProps) => JSX.Element;
+export declare const SelectDateTypeControl: ({ onChangeDate, orderDate, showTypeSelect, orderableType, setOrderableType, }: SelectDateTypeControlProps) => JSX.Element;
 export {};
 //# sourceMappingURL=SelectDateTypeControl.d.ts.map

package/dist/sales/manual-booking/select-date-type-control/SelectDateTypeControl.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),r=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,a=require("@licklist/core/dist/Config"),l=require("react-i18next"),n=require("react-bootstrap"),o=require("@react-aria/utils"),u=require("luxon");exports.SelectDateTypeControl=function(e){var i=e.setOrderDate,c=e.orderDate,s=e.showTypeSelect,m=e.orderableType,d=e.setOrderableType,p=l.useTranslation(["App","Sale","Design"]).t,v=o.useId(),b=o.useId(),f=t.useRef(null),g=t.useCallback((function(e){var t=e.target.value;i&&i(t)}),[i]),D=t.useCallback((function(e){var t=e.target.value;d&&d(t)}),[d]);return r.createElement("div",{className:"mt-4 d-flex justify-content-between"},r.createElement(n.Form.Group,{controlId:v},r.createElement(n.Form.Label,{className:"bold-text"},p("Sale:Date")),r.createElement(n.Form.Control,{type:"date",value:c,onChange:g,min:u.DateTime.now().toFormat(a.DATE_FORMAT),className:"date-input-with-value date-input-manual-booking",onClick:function(){var e;return null===(e=null==f?void 0:f.current)||void 0===e?void 0:e.showPicker()},ref:f})),s&&r.createElement(n.Form.Group,{controlId:b,className:"ml-4"},r.createElement(n.Form.Label,{className:"bold-text"},p("Design:orderableType")),r.createElement(n.Form.Control,{value:m,onChange:D,as:"select"},r.createElement("option",{value:""},p("Design:pleaseChooseOne")),r.createElement("option",{value:"event"},p("Design:event")),r.createElement("option",{value:"menu"},p("Design:productSet")))))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e,t=require("react"),a=(e=t)&&"object"==typeof e&&"default"in e?e.default:e,r=require("@licklist/core/dist/Config"),l=require("react-i18next"),n=require("react-bootstrap"),o=require("@react-aria/utils"),u=require("luxon");exports.SelectDateTypeControl=function(e){var i=e.onChangeDate,c=e.orderDate,s=e.showTypeSelect,m=e.orderableType,d=e.setOrderableType,p=l.useTranslation(["App","Sale","Design"]).t,v=o.useId(),b=o.useId(),f=t.useRef(null),g=t.useCallback((function(e){var t=e.target.value;i&&i(t)}),[i]),C=t.useCallback((function(e){var t=e.target.value;d&&d(t)}),[d]);return a.createElement("div",{className:"mt-4 d-flex justify-content-between"},a.createElement(n.Form.Group,{controlId:v},a.createElement(n.Form.Label,{className:"bold-text"},p("Sale:Date")),a.createElement(n.Form.Control,{type:"date",value:c,onChange:g,min:u.DateTime.now().toFormat(r.DATE_FORMAT),className:"date-input-with-value date-input-manual-booking",onClick:function(){var e;return null===(e=null==f?void 0:f.current)||void 0===e?void 0:e.showPicker()},ref:f})),s&&a.createElement(n.Form.Group,{controlId:b,className:"ml-4"},a.createElement(n.Form.Label,{className:"bold-text"},p("Design:orderableType")),a.createElement(n.Form.Control,{value:m,onChange:C,as:"select"},a.createElement("option",{value:""},p("Design:pleaseChooseOne")),a.createElement("option",{value:"event"},p("Design:event")),a.createElement("option",{value:"menu"},p("Design:productSet")))))};

package/package.json

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

package/src/sales/manual-booking/select-date-type-control/SelectDateTypeControl.stories.tsx

@@ -21,7 +21,7 @@ export const Default: Story<any> = (args) => {
         orderableType={orderableType}
         setOrderableType={setOrderableType}
         orderDate={orderDate}
-        setOrderDate={setOrderDate}
+        onChangeDate={setOrderDate}
         showTypeSelect={showTypeSelect}
       />
     </div>

package/src/sales/manual-booking/select-date-type-control/SelectDateTypeControl.tsx

@@ -9,14 +9,14 @@ import HTMLInputDateElement from "../../../types/static/HTMLInputDateElement";
 
 type SelectDateTypeControlProps = {
   orderDate: string;
-  setOrderDate: (date: string) => void;
+  onChangeDate: (date: string) => void;
   showTypeSelect?: boolean;
   orderableType?: OrderableType;
   setOrderableType: (value?: OrderableType) => void;
 };
 
 export const SelectDateTypeControl = ({
-  setOrderDate,
+  onChangeDate,
   orderDate,
   showTypeSelect,
   orderableType,
@@ -29,11 +29,11 @@ export const SelectDateTypeControl = ({
 
   const changeFromDate = useCallback(
     ({ target: { value } }: ChangeEvent<HTMLInputElement>) => {
-      if (!setOrderDate) return;
+      if (!onChangeDate) return;
 
-      setOrderDate(value);
+      onChangeDate(value);
     },
-    [setOrderDate]
+    [onChangeDate]
   );
 
   const onChangeOrderableType = useCallback(