@licklist/design 0.44.519 → 0.44.521

package/dist/collapsible-input-group/CollapsibleInputGroup.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("react"),t=e(r),a=require("react-bootstrap"),o=require("../static/Icon.js"),l=e(require("clsx"));exports.CollapsibleInputGroup=function(e){var n=e.label,c=e.description,s=e.eventKey,i=e.children,d=e.alwaysOpen,m=e.error,u=r.useContext(a.AccordionContext),p=u===s?"chevron-up":"chevron-down",v=Boolean(m);return t.createElement(a.Card,{className:"rounded-0"},t.createElement(a.Accordion.Toggle,{as:a.Card.Header,eventKey:s,alwaysOpen:d,role:"button",className:l("accordion-form-control",v&&"is-invalid")},t.createElement("div",{className:"accordion-form-control-header"},t.createElement("h5",{className:"mb-0 pl-3"},n),t.createElement(o.default,{type:p,height:"1.25rem"})),t.createElement(a.Collapse,{in:u!==s},t.createElement("div",{className:"pl-3"},c)),v&&t.createElement(a.Form.Control.Feedback,{type:"invalid",className:"pl-3"},m)),t.createElement(a.Accordion.Collapse,{eventKey:s},t.createElement(a.Card.Body,null,i)))};
+"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("react"),t=e(r),a=require("react-bootstrap"),o=require("../static/Icon.js"),l=e(require("clsx"));exports.CollapsibleInputGroup=function(e){var n=e.label,c=e.description,s=e.eventKey,i=e.children,d=e.alwaysOpen,m=e.error,u=r.useContext(a.AccordionContext),p=u===s?"chevron-up":"chevron-down",v=Boolean(m);return t.createElement(a.Card,{className:"rounded-0"},t.createElement(a.Accordion.Toggle,{as:a.Card.Header,eventKey:s,alwaysopen:d,role:"button",className:l("accordion-form-control",v&&"is-invalid")},t.createElement("div",{className:"accordion-form-control-header"},t.createElement("h5",{className:"mb-0 pl-3"},n),t.createElement(o.default,{type:p,height:"1.25rem"})),t.createElement(a.Collapse,{in:u!==s},t.createElement("div",{className:"pl-3"},c)),v&&t.createElement(a.Form.Control.Feedback,{type:"invalid",className:"pl-3"},m)),t.createElement(a.Accordion.Collapse,{eventKey:s},t.createElement(a.Card.Body,null,i)))};

package/dist/provider/working-hours-input/WorkingHoursInputDescription.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkingHoursInputDescription.d.ts","sourceRoot":"","sources":["../../../src/provider/working-hours-input/WorkingHoursInputDescription.tsx"],"names":[],"mappings":";AASA,wBAAgB,4BAA4B,gBAsC3C"}
+{"version":3,"file":"WorkingHoursInputDescription.d.ts","sourceRoot":"","sources":["../../../src/provider/working-hours-input/WorkingHoursInputDescription.tsx"],"names":[],"mappings":";AASA,wBAAgB,4BAA4B,gBAqC3C"}

package/dist/provider/working-hours-input/WorkingHoursInputDescription.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,n=require("react-i18next"),o=require("react-bootstrap"),a=require("react-hook-form"),u=require("luxon"),i=require("react-intl"),l=require("./utils.js");exports.WorkingHoursInputDescription=function(){var e=(0,a.useFormContext().watch)("workingHours"),t=l.useWeekdays("short"),s=n.useTranslation("Design").t,m=i.useIntl().formatTime;return r.createElement(r.Fragment,null,Array.from({length:t.length},(function(e,t){return t})).filter((function(t){var r;return null===(r=null==e?void 0:e[t])||void 0===r?void 0:r.start})).map((function(n){var a=null==e?void 0:e[n];return r.createElement(o.Row,{key:n},r.createElement(o.Col,{xs:"auto"},t[n],":"),r.createElement(o.Col,null,(null==a?void 0:a.end)?a.start?s("timeInterval",{start:m(u.DateTime.fromISO(a.start).toJSDate()),end:m(u.DateTime.fromISO(a.end).toJSDate())}):s("timeFrom",{start:m(u.DateTime.fromISO(a.start).toJSDate())}):null))})))};
+"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,o=require("@licklist/core/dist/Config"),n=require("react-i18next"),a=require("react-bootstrap"),i=require("react-hook-form"),u=require("luxon"),l=require("./utils.js");exports.WorkingHoursInputDescription=function(){var e=(0,i.useFormContext().watch)("workingHours"),t=l.useWeekdays("short"),s=n.useTranslation("Design").t;return e?r.createElement(r.Fragment,null,Array.from({length:t.length},(function(e,t){return t})).filter((function(t){var r;return null===(r=null==e?void 0:e[t])||void 0===r?void 0:r.start})).map((function(n){var i=null==e?void 0:e[n];return r.createElement(a.Row,{key:n},r.createElement(a.Col,{xs:"auto"},t[n],":"),r.createElement(a.Col,null,(null==i?void 0:i.end)?i.start?s("timeInterval",{start:u.DateTime.fromISO(i.start).toFormat(o.TIME_FORMAT),end:u.DateTime.fromISO(i.start).toFormat(o.TIME_FORMAT)}):s("timeFrom",{start:u.DateTime.fromISO(i.start).toFormat(o.TIME_FORMAT)}):null))}))):null};

package/dist/static/CountryCodeSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CountryCodeSelect.d.ts","sourceRoot":"","sources":["../../src/static/CountryCodeSelect.tsx"],"names":[],"mappings":";AAOA,UAAU,sBAAsB;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,EACV,KAAK,GACN,EAAE,sBAAsB,eA2CxB;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"CountryCodeSelect.d.ts","sourceRoot":"","sources":["../../src/static/CountryCodeSelect.tsx"],"names":[],"mappings":";AAOA,UAAU,sBAAsB;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iBAAS,iBAAiB,CAAC,EACzB,SAAS,EACT,QAAQ,EACR,SAAS,EACT,UAAU,EACV,KAAK,GACN,EAAE,sBAAsB,eAyCxB;AAED,eAAe,iBAAiB,CAAC"}

package/dist/static/CountryCodeSelect.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"),n=require("react-hook-form"),o=require("react-phone-number-input/input"),i=(e(o),e(require("react-bootstrap/Form"))),l=e(require("react-phone-number-input/locale/en.json"));exports.default=function(e){var u=e.className,s=e.disabled,c=e.fieldName,d=e.errorLabel,m=e.error,p=n.useFormContext().register,f=a.useTranslation(["Design","Validation"]).t,b=o.getCountries().sort((function(e,r){var t=l[e],a=l[r];return t.localeCompare(a)})),q=!d||f("Validation:fieldRequired",{attribute:d});return t.createElement(t.Fragment,null,t.createElement(i.Control,r.__assign({},p(c,{required:q}),{as:"select",className:u,custom:!0,disabled:s,defaultValue:"",isInvalid:Boolean(m)}),t.createElement("option",{key:"",value:"",disabled:!0},f("chooseCountry")),b.map((function(e){return t.createElement(t.Fragment,null,t.createElement("option",{key:e,value:e},l[e]))}))),t.createElement(i.Control.Feedback,{type:"invalid"},m))};
+"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"),n=require("react-hook-form"),o=require("react-phone-number-input/input"),i=(e(o),e(require("react-bootstrap/Form"))),u=e(require("react-phone-number-input/locale/en.json"));exports.default=function(e){var l=e.className,s=e.disabled,c=e.fieldName,d=e.errorLabel,m=e.error,p=n.useFormContext().register,f=a.useTranslation(["Design","Validation"]).t,b=o.getCountries().sort((function(e,r){var t=u[e],a=u[r];return t.localeCompare(a)})),q=!d||f("Validation:fieldRequired",{attribute:d});return t.createElement(t.Fragment,null,t.createElement(i.Control,r.__assign({},p(c,{required:q}),{as:"select",className:l,custom:!0,disabled:s,defaultValue:"",isInvalid:Boolean(m)}),t.createElement("option",{key:"",value:"",disabled:!0},f("chooseCountry")),b.map((function(e){return t.createElement("option",{key:e,value:e},u[e])}))),t.createElement(i.Control.Feedback,{type:"invalid"},m))};

package/package.json

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

package/src/collapsible-input-group/CollapsibleInputGroup.tsx

@@ -36,7 +36,7 @@ export function CollapsibleInputGroup({
       <Accordion.Toggle
         as={Card.Header}
         eventKey={eventKey}
-        alwaysOpen={alwaysOpen}
+        alwaysopen={alwaysOpen}
         role="button"
         className={clsx("accordion-form-control", isInvalid && "is-invalid")}
       >

package/src/provider/working-hours-input/WorkingHoursInputDescription.tsx

@@ -3,7 +3,7 @@ import React from "react";
 import { Col, Row } from "react-bootstrap";
 import { useFormContext } from "react-hook-form";
 import { useTranslation } from "react-i18next";
-import { useIntl } from "react-intl";
+import { TIME_FORMAT } from "@licklist/core/dist/Config";
 import { WorkingHoursInputValues } from ".";
 import { useWeekdays } from "./utils";
 
@@ -12,7 +12,9 @@ export function WorkingHoursInputDescription() {
   const values = watch("workingHours");
   const weekdays = useWeekdays("short");
   const { t } = useTranslation("Design");
-  const { formatTime } = useIntl();
+
+  if (!values) return null;
+
   return (
     <>
       {Array.from({ length: weekdays.length }, (_, i) => i)
@@ -26,17 +28,14 @@ export function WorkingHoursInputDescription() {
                 {weekday?.end
                   ? weekday.start
                     ? t("timeInterval", {
-                        start: formatTime(
-                          DateTime.fromISO(weekday.start).toJSDate()
-                        ),
-                        end: formatTime(
-                          DateTime.fromISO(weekday.end).toJSDate()
-                        ),
+                        start: 
+                          DateTime.fromISO(weekday.start).toFormat(TIME_FORMAT),
+                        end: 
+                        DateTime.fromISO(weekday.start).toFormat(TIME_FORMAT),
                       })
                     : t("timeFrom", {
-                        start: formatTime(
-                          DateTime.fromISO(weekday.start).toJSDate()
-                        ),
+                        start:
+                        DateTime.fromISO(weekday.start).toFormat(TIME_FORMAT),
                       })
                   : null}
               </Col>

package/src/static/CountryCodeSelect.tsx

@@ -52,11 +52,9 @@ function CountryCodeSelect({
           {t("chooseCountry")}
         </option>
         {sortedCountries.map((key: keyof typeof en) => (
-          <>
             <option key={key as string} value={key as string}>
               {en[key]}
             </option>
-          </>
         ))}
       </Form.Control>
       <Form.Control.Feedback type="invalid">{error}</Form.Control.Feedback>