@licklist/design 0.58.3-dev.8 → 0.58.3-dev.9

package/dist/iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,2FAiGvB,CAAC"}
+{"version":3,"file":"NumberInput.d.ts","sourceRoot":"","sources":["../../../../../../src/iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,UAAU,gBAAgB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,2FAgGvB,CAAC"}

package/dist/iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.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"),n=e(t),a=require("react-bootstrap"),r=e(require("clsx")),u=t.forwardRef((function(e,t){var u=e.className,o=void 0===u?"":u,i=e.value,l=e.onChange,d=e.onArrowDown,c=e.onArrowUp,m=e.min,b=e.max,p=e.placeholder,s=e.defaultValue,v=e.disabled,f=!i,y=void 0!==b&&i===b,N=r("payment-number-input",o);return n.createElement("div",{className:N},n.createElement("button",{type:"button",onClick:function(){m>0&&(i||0)-1<m?d(0):(void 0!==m&&i>m&&d(i-1),void 0===m&&c(i-1))},className:"payment-number-input__btn-down ".concat(f&&"disabled-number-input-button"),disabled:v},"−"),n.createElement(a.FormControl,{type:"number",onChange:function(e){return t=Number(e.target.value),void l(void 0!==b&&t>b?b:m>0&&t&&t<m?m:t);var t},value:i,min:m,max:b,defaultValue:s,placeholder:p,height:"5rem",disabled:v,ref:t}),n.createElement("button",{type:"button",onClick:function(){m>0&&(i||0)<m?c(m):(void 0!==b&&(i||0)<b&&c(i+1),void 0===b&&c(i+1))},className:"payment-number-input__btn-up ".concat(y&&"disabled-number-input-button"),disabled:v},"+"))}));u.displayName="NumberInput",exports.NumberInput=u;
+"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"),n=e(t),a=require("react-bootstrap"),r=e(require("clsx")),u=t.forwardRef((function(e,t){var u=e.className,o=void 0===u?"":u,l=e.value,i=e.onChange,c=e.onArrowDown,m=e.onArrowUp,b=e.min,d=e.max,p=e.placeholder,s=e.defaultValue,f=e.disabled,v=!l,y=d>0&&l===d,N=r("payment-number-input",o);return n.createElement("div",{className:N},n.createElement("button",{type:"button",onClick:function(){l&&(b>0&&(l||0)===b?c(0):m(l-1))},className:"payment-number-input__btn-down ".concat(v&&"disabled-number-input-button"),disabled:f},"−"),n.createElement(a.FormControl,{type:"number",onChange:function(e){return t=Number(e.target.value),void i(d>0&&t>d?d:b>0&&t&&t<b?b:t);var t},value:l,min:b,max:d,defaultValue:s,placeholder:p,height:"5rem",disabled:f,ref:t}),n.createElement("button",{type:"button",onClick:function(){d>0&&l===d||m(b>0&&(l||0)<b?b:(l||0)+1)},className:"payment-number-input__btn-up ".concat(y&&"disabled-number-input-button"),disabled:f},"+"))}));u.displayName="NumberInput",exports.NumberInput=u;

package/dist/static/manual-date-picker/ManualDatePicker.js

@@ -1 +1 @@
-"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("react-i18next"),n=require("react-bootstrap"),l=require("./constants/index.js");exports.ManualDatePicker=function(e){var t=e.isDisabled,o=e.day,i=e.setDay,u=e.month,c=e.setMonth,s=e.year,m=e.setYear,d=e.isRequred,v=void 0!==d&&d,p=r.useTranslation(["Validation","Design"]).t;return a.createElement(a.Fragment,null,a.createElement("div",{className:"custom-date-field-picker mr-4"},a.createElement(n.Form.Group,null,a.createElement(n.Form.Control,{value:o,as:"select",isInvalid:v&&!o,onChange:function(e){var t=e.target.value;i(t?Number(t):void 0)},disabled:t},a.createElement("option",{value:""},p("Design:dayShort")),l.DAYS_ARRAY.map((function(e){return a.createElement("option",{key:e,value:e},e)}))))),a.createElement("div",{className:"custom-date-field-picker mr-4"},a.createElement(n.Form.Group,null,a.createElement(n.Form.Control,{value:u,as:"select",isInvalid:v&&!u,onChange:function(e){var t=e.target.value;return c(t?Number(t):void 0)},disabled:t},a.createElement("option",{value:""},p("Design:monthShort")),l.MONTHS_ARRAY.map((function(e){return a.createElement("option",{key:e,value:e},e)}))))),a.createElement("div",{className:"custom-date-field-picker"},a.createElement(n.Form.Group,null,a.createElement(n.Form.Control,{value:s,as:"select",isInvalid:v&&!s,onChange:function(e){var t=e.target.value;return m(t?Number(t):void 0)},disabled:t},a.createElement("option",{value:""},p("Design:yearShort")),l.YEARS_ARRAY.map((function(e){return a.createElement("option",{key:e,value:e},e)}))))))};
+"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("react-i18next"),n=require("react-bootstrap"),l=require("./constants/index.js");exports.ManualDatePicker=function(e){var t=e.isDisabled,o=e.day,i=e.setDay,u=e.month,c=e.setMonth,s=e.year,m=e.setYear,d=e.isRequred,v=void 0!==d&&d,p=r.useTranslation(["Validation","Design"]).t;return a.createElement(a.Fragment,null,a.createElement("div",{className:"custom-date-field-picker mr-4"},a.createElement(n.Form.Group,null,a.createElement(n.Form.Control,{value:o,as:"select",isInvalid:v&&!o,onChange:function(e){var t=e.target.value;i(t?Number(t):void 0)},disabled:t},a.createElement("option",{value:""},p("Design:dayShort")),l.DAYS_ARRAY.map((function(e){return a.createElement("option",{key:e,value:e},e)}))))),a.createElement("div",{className:"custom-date-field-picker mr-4"},a.createElement(n.Form.Group,null,a.createElement(n.Form.Control,{value:u,as:"select",isInvalid:v&&!u,onChange:function(e){var t=e.target.value;return c(t?Number(t):void 0)},disabled:t},a.createElement("option",{value:""},p("Design:monthShort")),l.MONTHS_ARRAY.map((function(e){return a.createElement("option",{key:e.key,value:e.value},e.key)}))))),a.createElement("div",{className:"custom-date-field-picker"},a.createElement(n.Form.Group,null,a.createElement(n.Form.Control,{value:s,as:"select",isInvalid:v&&!s,onChange:function(e){var t=e.target.value;return m(t?Number(t):void 0)},disabled:t},a.createElement("option",{value:""},p("Design:yearShort")),l.YEARS_ARRAY.map((function(e){return a.createElement("option",{key:e,value:e},e)}))))))};

package/dist/static/manual-date-picker/constants/index.d.ts

@@ -1,4 +1,7 @@
 export declare const DAYS_ARRAY: number[];
-export declare const MONTHS_ARRAY: number[];
+export declare const MONTHS_ARRAY: {
+    key: string;
+    value: number;
+}[];
 export declare const YEARS_ARRAY: number[];
 //# sourceMappingURL=index.d.ts.map

package/dist/static/manual-date-picker/constants/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/static/manual-date-picker/constants/index.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,UAA+B,CAAC;AACvD,eAAO,MAAM,YAAY,UAA+B,CAAC;AACzD,eAAO,MAAM,WAAW,UAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/static/manual-date-picker/constants/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,UAAU,UAA+B,CAAC;AACvD,eAAO,MAAM,YAAY;;;GAA+B,CAAC;AACzD,eAAO,MAAM,WAAW,UAAuB,CAAC"}

package/dist/static/manual-date-picker/constants/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../utils/index.js"),r=e.generateDatesArray(1,31,1),t=e.generateDatesArray(1,12,1),s=e.generateYearsArray();exports.DAYS_ARRAY=r,exports.MONTHS_ARRAY=t,exports.YEARS_ARRAY=s;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../utils/index.js"),r=e.generateDatesArray(1,31,1),t=e.generateMonthsOptionsArray(),s=e.generateYearsArray();exports.DAYS_ARRAY=r,exports.MONTHS_ARRAY=t,exports.YEARS_ARRAY=s;

package/dist/static/manual-date-picker/utils/index.d.ts

@@ -1,4 +1,8 @@
 export declare const generateDatesArray: (start: number, end: number, step: number) => number[];
+export declare const generateMonthsOptionsArray: () => {
+    key: string;
+    value: number;
+}[];
 export declare const generateYearsArray: () => number[];
 export declare const dateToSqlDate: (day: number, month: number, year: number) => string;
 //# sourceMappingURL=index.d.ts.map

package/dist/static/manual-date-picker/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/static/manual-date-picker/utils/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,UAAW,MAAM,OAAO,MAAM,QAAQ,MAAM,aAIxE,CAAC;AAEJ,eAAO,MAAM,kBAAkB,gBAQ9B,CAAC;AAEF,eAAO,MAAM,aAAa,QAAS,MAAM,SAAS,MAAM,QAAQ,MAAM,WAUrE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/static/manual-date-picker/utils/index.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,UAAW,MAAM,OAAO,MAAM,QAAQ,MAAM,aAIxE,CAAC;AAEJ,eAAO,MAAM,0BAA0B;;;GASnC,CAAC;AAEL,eAAO,MAAM,kBAAkB,gBAQ9B,CAAC;AAEF,eAAO,MAAM,aAAa,QAAS,MAAM,SAAS,MAAM,QAAQ,MAAM,WAUrE,CAAC"}

package/dist/static/manual-date-picker/utils/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.dateToSqlDate=function(r,t,e){var n=function(r){return r<10?"0".concat(r):r};return"".concat(e,"-").concat(n(t),"-").concat(n(r))},exports.generateDatesArray=function(r,t,e){return Array.from({length:(t-r)/e+1},(function(r,t){return 1+t*e}))},exports.generateYearsArray=function(){var r=(new Date).getFullYear()-100;return Array.from({length:100},(function(t,e){return r+e+1})).sort((function(r,t){return t-r}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});exports.dateToSqlDate=function(r,t,e){var n=function(r){return r<10?"0".concat(r):r};return"".concat(e,"-").concat(n(t),"-").concat(n(r))},exports.generateDatesArray=function(r,t,e){return Array.from({length:(t-r)/e+1},(function(r,t){return 1+t*e}))},exports.generateMonthsOptionsArray=function(){return Array.from({length:12},(function(r,t){var e=t+1,n=String(e);return e<10&&(n="0".concat(n)),{key:n,value:e}}))},exports.generateYearsArray=function(){var r=(new Date).getFullYear()-100;return Array.from({length:100},(function(t,e){return r+e+1})).sort((function(r,t){return t-r}))};

package/package.json

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

package/src/iframe/order-process/components/CategoryProduct/components/NumberInput/NumberInput.tsx

@@ -32,10 +32,10 @@ export const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(
     ref
   ) => {
     const minusButtonGreyedOut = !value;
-    const plusButtonGreyedOut = max !== undefined && value === max;
+    const plusButtonGreyedOut = max > 0 && value === max;
 
     const handleChangeValue = (val: number) => {
-      if (max !== undefined && val > max) {
+      if (max > 0 && val > max) {
         onChange(max);
         return;
       }
@@ -48,29 +48,28 @@ export const NumberInput = forwardRef<HTMLInputElement, NumberInputProps>(
     };
 
     const handleArrowUpClick = () => {
+      if (max > 0 && value === max) {
+        return;
+      }
+
       if (min > 0 && (value || 0) < min) {
         onArrowUp(min);
         return;
       }
-      if (max !== undefined && (value || 0) < max) {
-        onArrowUp(value + 1);
-      }
-      if (max === undefined) {
-        onArrowUp(value + 1);
-      }
+
+      onArrowUp((value || 0) + 1);
     };
 
     const handleArrowDownClick = () => {
-      if (min > 0 && (value || 0) - 1 < min) {
-        onArrowDown(0);
+      if (!value) {
         return;
       }
-      if (min !== undefined && value > min) {
-        onArrowDown(value - 1);
-      }
-      if (min === undefined) {
-        onArrowUp(value - 1);
+      if (min > 0 && (value || 0) === min) {
+        onArrowDown(0);
+        return;
       }
+
+      onArrowUp(value - 1);
     };
 
     const inputWrapperClasses = clsx("payment-number-input", className);

package/src/static/manual-date-picker/ManualDatePicker.tsx

@@ -61,9 +61,9 @@ export const ManualDatePicker = ({
             disabled={isDisabled}
           >
             <option value="">{t("Design:monthShort")}</option>
-            {MONTHS_ARRAY.map((key) => (
-              <option key={key} value={key}>
-                {key}
+            {MONTHS_ARRAY.map((object) => (
+              <option key={object.key} value={object.value}>
+                {object.key}
               </option>
             ))}
           </Form.Control>

package/src/static/manual-date-picker/constants/index.ts

@@ -1,5 +1,9 @@
-import { generateDatesArray, generateYearsArray } from "../utils";
+import {
+  generateDatesArray,
+  generateMonthsOptionsArray,
+  generateYearsArray,
+} from "../utils";
 
 export const DAYS_ARRAY = generateDatesArray(1, 31, 1);
-export const MONTHS_ARRAY = generateDatesArray(1, 12, 1);
+export const MONTHS_ARRAY = generateMonthsOptionsArray();
 export const YEARS_ARRAY = generateYearsArray();

package/src/static/manual-date-picker/utils/index.ts

@@ -4,6 +4,17 @@ export const generateDatesArray = (start: number, end: number, step: number) =>
     (_, index) => 1 + index * step
   );
 
+export const generateMonthsOptionsArray = () =>
+  Array.from({ length: 12 }, (_, index) => {
+    const value = index + 1;
+    let key = String(value);
+    if (value < 10) {
+      key = `0${key}`;
+    }
+
+    return { key, value };
+  });
+
 export const generateYearsArray = () => {
   const currentYear = new Date().getFullYear();
   const ageBackYear = currentYear - 100;