@licklist/design 0.44.550-dev.3 → 0.44.550-dev.5

package/dist/events/event-card/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/events/event-card/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAGlG,wBAAgB,aAAa,CAAC,OAAO,KAAA,EAAE,UAAU,KAAA,OAIhD;AAED,eAAO,MAAM,wBAAwB,2CAepC,CAAC;AAEF,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,UACvB,MAAM,EAAE,kBACC,cAAc,KAC7B,MAUF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,2BAA2B,UAC/B,MAAM,EAAE,kBACC,cAAc,KAC7B,CAAC,MAAM,EAAE,MAAM,CAejB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,mBACX,cAAc,GAAG,IAAI,QAC/B,MAAM;gBAEA,MAAM;eACP,MAAM;iBACJ,MAAM;CAmBpB,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/events/event-card/utils.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,kEAAkE,CAAC;AAGlG,wBAAgB,aAAa,CAAC,OAAO,KAAA,EAAE,UAAU,KAAA,OAIhD;AAED,eAAO,MAAM,wBAAwB,2CAepC,CAAC;AAEF,eAAO,MAAM,sBAAsB,MAAM,CAAC;AAE1C;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,UACvB,MAAM,EAAE,kBACC,cAAc,KAC7B,MAUF,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,2BAA2B,UAC/B,MAAM,EAAE,kBACC,cAAc,KAC7B,CAAC,MAAM,EAAE,MAAM,CAejB,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,gBAAgB,mBACX,cAAc,GAAG,IAAI,QAC/B,MAAM;gBAEA,MAAM;eACP,MAAM;iBACJ,MAAM;CA2BpB,CAAC"}

package/dist/events/event-card/utils.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),e=require("@licklist/core/dist/Config"),r=require("luxon");var o=300,n=function(t,e){return t.reduce((function(t,r){var o;return t+Object.values(null!==(o=e.views[r])&&void 0!==o?o:{}).reduce((function(t,e){return t+(e.pageViews||0)}),0)}),0)},u=function(t,e){var r=0,o=0;return t.forEach((function(t){var n;return Object.values(null!==(n=e.productCategorySummary[t])&&void 0!==n?n:{}).forEach((function(t){var e,n=t.totalPerCategory,u=t.productsSummary;o+=n||0,r+=null!==(e=null==u?void 0:u.reduce((function(t,e){return t+e.productsSold}),0))&&void 0!==e?e:0}))})),[r,o]};exports.EVENT_DESCRIPTION_SIZE=o,exports.calculateTotalSoldAndAmount=u,exports.calculateTotalViews=n,exports.formatContent=function(t,e){return t?t.length>e?"".concat(t.slice(0,e),"..."):t:""},exports.formatContentWithoutTags=function(t,e){if(void 0===e&&(e=o),!t)return"";if(t<e)return t;var r=t.replace(/<[^>]*>/g,"").trim().replace(/&nbsp;|[^a-zA-Z0-9\s]/g,"").replace(/\s\s+/g," ").slice(0,e).split(" "),n=String(t).indexOf(r[r.length-2]);return t.slice(0,n).concat("...")},exports.getStatisticInfo=function(o,a){if(!o)return{totalViews:0,totalSold:0,totalAmount:0};var i=r.DateTime.fromISO(a).toUTC().toFormat(e.DATE_FORMAT),l=r.DateTime.fromISO(a).toUTC().toFormat(e.DATE_TIME_FULL_FORMAT),c=n([i],o),s=t.__read(u([l],o),2);return{totalViews:c,totalSold:s[0],totalAmount:s[1]}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("tslib"),r=require("@licklist/core/dist/Config"),e=require("luxon");var o=300,n=function(t,r){return t.reduce((function(t,e){var o;return t+Object.values(null!==(o=r.views[e])&&void 0!==o?o:{}).reduce((function(t,r){return t+(r.pageViews||0)}),0)}),0)},u=function(t,r){var e=0,o=0;return t.forEach((function(t){var n;return Object.values(null!==(n=r.productCategorySummary[t])&&void 0!==n?n:{}).forEach((function(t){var r,n=t.totalPerCategory,u=t.productsSummary;o+=n||0,e+=null!==(r=null==u?void 0:u.reduce((function(t,r){return t+r.productsSold}),0))&&void 0!==r?r:0}))})),[e,o]};exports.EVENT_DESCRIPTION_SIZE=o,exports.calculateTotalSoldAndAmount=u,exports.calculateTotalViews=n,exports.formatContent=function(t,r){return t?t.length>r?"".concat(t.slice(0,r),"..."):t:""},exports.formatContentWithoutTags=function(t,r){if(void 0===r&&(r=o),!t)return"";if(t<r)return t;var e=t.replace(/<[^>]*>/g,"").trim().replace(/&nbsp;|[^a-zA-Z0-9\s]/g,"").replace(/\s\s+/g," ").slice(0,r).split(" "),n=String(t).indexOf(e[e.length-2]);return t.slice(0,n).concat("...")},exports.getStatisticInfo=function(o,a){var i,l;if(!o)return{totalViews:0,totalSold:0,totalAmount:0};var c=e.DateTime.fromISO(a).toUTC().toFormat(r.DATE_FORMAT),s=e.DateTime.fromISO(a).toUTC().toFormat(r.DATE_FORMAT),d=null!==(l=null===(i=Object.keys(null==o?void 0:o.productCategorySummary))||void 0===i?void 0:i.filter((function(t){return e.DateTime.fromFormat(t,r.DATE_TIME_FULL_FORMAT).toFormat(r.DATE_FORMAT)===s})))&&void 0!==l?l:[],f=n([c],o),m=t.__read(u(d,o),2);return{totalViews:f,totalSold:m[0],totalAmount:m[1]}};

package/dist/product-set/control/DateAndRecurrenceInput.d.ts.map

@@ -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;AAO1C,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AACtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAC;AAuB7G,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAC;CACnD;AAED,UAAU,2BAA2B;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,4BAA4B,EAAE,OAAO,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,mFAKhC,2BAA2B,gBA8Q7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAC5C,WAAW,EACX,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAsBxB,CAAC"}
+{"version":3,"file":"DateAndRecurrenceInput.d.ts","sourceRoot":"","sources":["../../../src/product-set/control/DateAndRecurrenceInput.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAO1C,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AACtF,OAAO,EAAE,oBAAoB,EAAE,MAAM,uEAAuE,CAAC;AAuB7G,MAAM,WAAW,4BAA4B;IAC3C,eAAe,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,EAAE,CAAC;CACnD;AAED,UAAU,2BAA2B;IACnC,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,SAAS,CAAC,EAAE,QAAQ,EAAE,CAAC;IACvB,4BAA4B,EAAE,OAAO,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,mFAKhC,2BAA2B,gBA+Q7B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,QAAQ,CAC5C,WAAW,EACX,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAsBxB,CAAC"}

package/dist/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { SyntheticEvent } from "react";
 type Sizes = "big" | "small";
 interface NumberInputHorizontalProps {
     disabled?: boolean;
@@ -7,6 +7,7 @@ interface NumberInputHorizontalProps {
     onChange: (value: number) => void;
     onPlusClick: (value: number) => void;
     onMinusClick: (value: number) => void;
+    onSelect?: (e: SyntheticEvent) => void;
     min?: number;
     max?: number;
     size?: Sizes;

package/dist/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInputHorizontal.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,KAAK,KAAK,GAAG,KAAK,GAAG,OAAO,CAAC;AAE7B,UAAU,0BAA0B;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,qBAAqB,qGAuGjC,CAAC"}
+{"version":3,"file":"NumberInputHorizontal.d.ts","sourceRoot":"","sources":["../../../../src/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAc,MAAM,OAAO,CAAC;AAK1D,KAAK,KAAK,GAAG,KAAK,GAAG,OAAO,CAAC;AAE7B,UAAU,0BAA0B;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;IACvC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,KAAK,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,qBAAqB,qGAgHjC,CAAC"}

package/dist/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.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("react"),i=e(t),n=require("react-i18next"),a=require("react-bootstrap"),l=require("../../../static/Icon.js"),s=e(require("clsx"));require("../../../static/index.js");var r=t.forwardRef((function(e,t){var r=e.disabled,o=void 0!==r&&r,u=e.className,c=void 0===u?"":u,m=e.value,d=e.size,b=void 0===d?"small":d,p=e.hasCurrency,v=e.onChange,f=e.onPlusClick,N=e.onMinusClick,z=e.min,g=e.max,y=e.defaultValue,_=e.isLoading,x=void 0!==_&&_,C=(0,n.useTranslation(["Sale"]).t)("Sale:soldOut"),k="big"===b,E=s(c,"licklist-number-input-horizontal");return i.createElement("div",{className:E},i.createElement("button",{type:"button",onClick:function(){void 0!==z&&m>z&&N(m-1),void 0===z&&N(m-1)},className:["licklist-number-input-horizontal__btn-minus",k?"big-sizes-btn":"small-sizes-btn"].join(" "),disabled:o},i.createElement(l.default,{type:"minus",className:k?"big_icon":"small_icon"})),i.createElement("div",{className:["position-relative d-flex",o&&k&&"w-100"].join(" ")},p&&i.createElement("div",{className:"currency"},"£"),i.createElement(a.FormControl,{ref:t,onClick:function(e){return e.target.select()},type:o&&k?"text":"number",className:k?"big-sizes-input":"small-sizes-input",onChange:function(e){return v(Number(e.target.value))},value:o&&k&&!x?C:m,min:z,max:g,defaultValue:y,disabled:o})),i.createElement("button",{type:"button",onClick:function(){void 0!==g&&m<g&&f(m+1),void 0===g&&f(m+1)},className:["licklist-number-input-horizontal__btn-plus",k?"big-sizes-btn":"small-sizes-btn"].join(" "),disabled:o},i.createElement(l.default,{type:"plus",className:k?"big_icon":"small_icon"})))}));r.displayName="NumberInputHorizontal",exports.NumberInputHorizontal=r;
+"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("react"),i=e(t),n=require("react-i18next"),a=require("react-bootstrap"),l=require("../../../static/Icon.js"),s=e(require("clsx"));require("../../../static/index.js");var r=t.forwardRef((function(e,t){var r=e.disabled,o=void 0!==r&&r,u=e.className,c=void 0===u?"":u,m=e.value,d=e.size,b=void 0===d?"small":d,p=e.hasCurrency,v=e.onChange,f=e.onPlusClick,N=e.onMinusClick,z=e.onSelect,g=e.min,y=e.max,_=e.defaultValue,x=e.isLoading,C=void 0!==x&&x,k=(0,n.useTranslation(["Sale"]).t)("Sale:soldOut"),E="big"===b,j=s(c,"licklist-number-input-horizontal");return i.createElement("div",{className:j},i.createElement("button",{type:"button",onClick:function(){void 0!==g&&m>g&&N(m-1),void 0===g&&N(m-1)},className:["licklist-number-input-horizontal__btn-minus",E?"big-sizes-btn":"small-sizes-btn"].join(" "),disabled:o},i.createElement(l.default,{type:"minus",className:E?"big_icon":"small_icon"})),i.createElement("div",{className:["position-relative d-flex",o&&E&&"w-100"].join(" ")},p&&i.createElement("div",{className:"currency"},"£"),i.createElement(a.FormControl,{ref:t,onClick:function(e){z&&z(e),e.target.select()},type:o&&E?"text":"number",className:s(E?"big-sizes-input":"small-sizes-input",o&&"border-0"),onChange:function(e){return v(Number(e.target.value))},value:o&&E&&!C?k:m,min:g,max:y,defaultValue:_,disabled:o&&!z})),i.createElement("button",{type:"button",onClick:function(){void 0!==y&&m<y&&f(m+1),void 0===y&&f(m+1)},className:["licklist-number-input-horizontal__btn-plus",E?"big-sizes-btn":"small-sizes-btn"].join(" "),disabled:o},i.createElement(l.default,{type:"plus",className:E?"big_icon":"small_icon"})))}));r.displayName="NumberInputHorizontal",exports.NumberInputHorizontal=r;

package/package.json

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

package/src/events/event-card/utils.ts

@@ -103,11 +103,19 @@ export const getStatisticInfo = (
     .toFormat(DATE_FORMAT);
   const summaryFormattedDate = DateTime.fromISO(date)
     .toUTC()
-    .toFormat(DATE_TIME_FULL_FORMAT);
+    .toFormat(DATE_FORMAT);
+
+  const summaryDays =
+    Object.keys(eventStatistic?.productCategorySummary)?.filter(
+      (date) =>
+        DateTime.fromFormat(date, DATE_TIME_FULL_FORMAT).toFormat(
+          DATE_FORMAT
+        ) === summaryFormattedDate
+    ) ?? [];
 
   const totalViews = calculateTotalViews([viewsFormattedDate], eventStatistic);
   const [totalSold, totalAmount] = calculateTotalSoldAndAmount(
-    [summaryFormattedDate],
+    summaryDays,
     eventStatistic
   );
 

package/src/product-set/control/DateAndRecurrenceInput.tsx

@@ -126,7 +126,8 @@ export const DateAndRecurrenceInput = ({
       }
     }
 
-    const availableTime = availableTimesFormRef?.current?.getValues()?.availableTimes || null;
+    const availableTime =
+      availableTimesFormRef?.current?.getValues()?.availableTimes || null;
 
     const values = {
       rrule: next.rrule,

package/src/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.stories.tsx

@@ -0,0 +1,48 @@
+import React, { useRef, useState } from "react";
+import { Meta, Story } from "@storybook/react";
+import { NumberInputHorizontal } from "./NumberInputHorizontal";
+
+export default {
+  title: "Manual Booking/NumberInputHorizontal",
+} as Meta;
+
+export const Default: Story<any> = (args) => {
+  const ref = useRef(null);
+  const [value, setValue] = useState(0);
+  const [isDisabled, setDisabled] = useState(true);
+
+  const onPriceClick = (e) => {
+    if (!isDisabled) {
+      return;
+    }
+    console.log("click");
+    setDisabled(false);
+  };
+
+  return (
+    <div
+      role="button"
+      tabIndex={0}
+      onClick={onPriceClick}
+      onKeyDown={onPriceClick}
+      style={{ height: "250px", width: "370px" }}
+    >
+      <NumberInputHorizontal
+        ref={ref}
+        hasCurrency
+        onSelect={onPriceClick}
+        onChange={(val) => {
+          setValue(val);
+        }}
+        onMinusClick={() => {
+          setValue(value - 1 || 0);
+        }}
+        onPlusClick={() => {
+          setValue((value ?? 0) + 1);
+        }}
+        value={value}
+        disabled={isDisabled}
+      />
+    </div>
+  );
+};

package/src/sales/manual-booking/number-input-horizontal/NumberInputHorizontal.tsx

@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import React, { forwardRef } from "react";
+import React, { SyntheticEvent, forwardRef } from "react";
 import { FormControl } from "react-bootstrap";
 import { useTranslation } from "react-i18next";
 import { Icon } from "../../../static";
@@ -13,6 +13,7 @@ interface NumberInputHorizontalProps {
   onChange: (value: number) => void;
   onPlusClick: (value: number) => void;
   onMinusClick: (value: number) => void;
+  onSelect?: (e: SyntheticEvent) => void;
   min?: number;
   max?: number;
   size?: Sizes;
@@ -35,6 +36,7 @@ export const NumberInputHorizontal = forwardRef<
       onChange,
       onPlusClick,
       onMinusClick,
+      onSelect,
       min,
       max,
       defaultValue,
@@ -54,7 +56,12 @@ export const NumberInputHorizontal = forwardRef<
       }
     };
 
-    const onClick = (e) => e.target.select();
+    const onClick = (e) => {
+      if (onSelect) {
+        onSelect(e);
+      }
+      e.target.select();
+    };
 
     const handleArrowDownClick = () => {
       if (min !== undefined && value > min) {
@@ -98,13 +105,16 @@ export const NumberInputHorizontal = forwardRef<
             ref={ref}
             onClick={onClick}
             type={disabled && hasBigSize ? "text" : "number"}
-            className={hasBigSize ? "big-sizes-input" : "small-sizes-input"}
+            className={clsx(
+              hasBigSize ? "big-sizes-input" : "small-sizes-input",
+              disabled && "border-0"
+            )}
             onChange={(e) => onChange(Number(e.target.value))}
             value={disabled && hasBigSize && !isLoading ? soldOut : value}
             min={min}
             max={max}
             defaultValue={defaultValue}
-            disabled={disabled}
+            disabled={disabled && !onSelect}
           />
         </div>
         <button