@licklist/design 0.67.5-dev.0 → 0.67.5-dev.1

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

@@ -1 +1 @@
-{"version":3,"file":"WorkingHoursInput.d.ts","sourceRoot":"","sources":["../../../src/provider/working-hours-input/WorkingHoursInput.tsx"],"names":[],"mappings":"AAWA,wBAAgB,iBAAiB,4CAiFhC"}
+{"version":3,"file":"WorkingHoursInput.d.ts","sourceRoot":"","sources":["../../../src/provider/working-hours-input/WorkingHoursInput.tsx"],"names":[],"mappings":"AAWA,wBAAgB,iBAAiB,4CA0FhC"}

package/dist/provider/working-hours-input/WorkingHoursInput.js

@@ -113,7 +113,7 @@ function _object_spread_props(target, source) {
                     className: "align-items-baseline",
                     children: [
                         /*#__PURE__*/ jsx(Col, {
-                            className: "h5 text-lg-right mb-4 mb-lg-0",
+                            className: "h5 text-lg-right text-nowrap mb-4 mb-lg-0",
                             xs: "12",
                             lg: "2",
                             children: name
@@ -166,7 +166,7 @@ function _object_spread_props(target, source) {
                             ]
                         })
                     ]
-                }, i));
+                }, name));
             })
         ]
     });

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":"AAMA,wBAAgB,4BAA4B,4CA4B3C"}
+{"version":3,"file":"WorkingHoursInputDescription.d.ts","sourceRoot":"","sources":["../../../src/provider/working-hours-input/WorkingHoursInputDescription.tsx"],"names":[],"mappings":"AAMA,wBAAgB,4BAA4B,4CAuB3C"}

package/dist/provider/working-hours-input/WorkingHoursInputDescription.js

@@ -15,12 +15,9 @@ function WorkingHoursInputDescription() {
             length: weekdays.length
         }, function(_, i) {
             return i;
-        }).filter(function(i) {
-            var _values_i;
-            return values === null || values === void 0 ? void 0 : (_values_i = values[i]) === null || _values_i === void 0 ? void 0 : _values_i.start;
-        }).map(function(i) {
-            var weekday = values === null || values === void 0 ? void 0 : values[i];
-            return /*#__PURE__*/ jsxs(Row, {
+        }).map(function(i)  {
+            var _values_i_start, _values_i_end;
+            return jsxs(Row, {
                 children: [
                     /*#__PURE__*/ jsxs(Col, {
                         xs: "auto",
@@ -31,8 +28,8 @@ function WorkingHoursInputDescription() {
                     }),
                     /*#__PURE__*/ jsx(Col, {
                         children: t("timeInterval", {
-                            start: weekday.start,
-                            end: weekday.end
+                            start: (_values_i_start = values === null || values === void 0 ? void 0 : values[i].start) !== null && _values_i_start !== void 0 ? _values_i_start : "00:00",
+                            end: (_values_i_end = values === null || values === void 0 ? void 0 : values[i].end) !== null && _values_i_end !== void 0 ? _values_i_end : "23:59"
                         })
                     })
                 ]

package/dist/recurring-date-picker-input/utils.d.ts

@@ -17,7 +17,7 @@ export declare const parseAndValidateRRule: ({ rrule, date, }: {
     rrule: string;
     date: string;
 }) => ParsedRRuleOptions;
-export declare const useWorkHoursValidation: (byWeekDay: Weekday[], workHours: WorkHour[] | undefined, timeZone: string) => {
-    validate?: Validate<string>;
+export declare const useWorkHoursValidation: (byWeekDay: Weekday[], _workHours: WorkHour[] | undefined, timeZone: string) => {
+    validate?: Validate<string, any>;
 };
 //# sourceMappingURL=utils.d.ts.map

package/dist/recurring-date-picker-input/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAGtF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAElD,eAAO,MAAM,sBAAsB,yBAGhC;IACD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,SAAS,CAAC;CACtB,KAAG,OAWH,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC1B,SAAS,CAAC,KAAK,GACf,SAAS,CAAC,MAAM,GAChB,SAAS,CAAC,OAAO,GACjB,SAAS,CAAC,MAAM,CAAC;AAErB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,kBAAkB,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,qBAAqB,qBAG/B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,KAoEM,kBACN,CAAC;AAEF,eAAO,MAAM,sBAAsB,cACtB,OAAO,EAAE,aACT,QAAQ,EAAE,GAAG,SAAS,YACvB,MAAM,KACf;IAED,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;CAwE7B,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/recurring-date-picker-input/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,4DAA4D,CAAC;AAGtF,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAElD,eAAO,MAAM,sBAAsB,yBAGhC;IACD,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,SAAS,CAAC;CACtB,KAAG,OAWH,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAC1B,SAAS,CAAC,KAAK,GACf,SAAS,CAAC,MAAM,GAChB,SAAS,CAAC,OAAO,GACjB,SAAS,CAAC,MAAM,CAAC;AAErB,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,kBAAkB,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,qBAAqB,qBAG/B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd,KAoEM,kBACN,CAAC;AAEF,eAAO,MAAM,sBAAsB,cACtB,OAAO,EAAE,cACR,QAAQ,EAAE,GAAG,SAAS,YACxB,MAAM,KACf;IAED,QAAQ,CAAC,EAAE,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAmFlC,CAAC"}

package/dist/recurring-date-picker-input/utils.js

@@ -73,9 +73,22 @@ var parseAndValidateRRule = function(param) {
     };
 };
 var useWorkHoursValidation = function() {
-    var byWeekDay = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], workHours = arguments.length > 1 ? arguments[1] : void 0, timeZone = arguments.length > 2 ? arguments[2] : void 0;
+    var byWeekDay = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [], _workHours = arguments.length > 1 ? arguments[1] : void 0, timeZone = arguments.length > 2 ? arguments[2] : void 0;
     var t = useTranslation("Validation").t;
-    if (!workHours) return {};
+    if (!_workHours) return {};
+    var workHours = Array.from({
+        length: 7
+    }, function(_, i) {
+        if (_workHours === null || _workHours === void 0 ? void 0 : _workHours[i]) {
+            return _workHours[i];
+        }
+        return {
+            day: i + 1,
+            start: "00:00",
+            end: "23:59",
+            description: ""
+        };
+    });
     // map every day to array of intervals describing workhours for that day
     var intervalsByDay = workHours.map(function(workhour, index, self) {
         var res = [];
@@ -112,8 +125,6 @@ var useWorkHoursValidation = function() {
     }
     return {
         validate: function(_time) {
-            // workaround for issue with form values
-            // default values and entered values have different formats
             var time = fromIso(_time, timeZone);
             var notFittingIntervalsByDay = intervalsByDay.reduce(function(acc, intervalsByDay) {
                 if (!intervalsByDay.some(function(interval) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@licklist/design",
-  "version": "0.67.5-dev.0",
+  "version": "0.67.5-dev.1",
   "repository": {
     "type": "git",
     "url": "git+ssh://git@bitbucket.org/artelogicsoft/licklist_design.git"
@@ -201,4 +201,4 @@
     "yarn": "4.4.0"
   },
   "stableVersion": "0.66.7-dev.5"
-}
+}

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

@@ -24,8 +24,9 @@ export function WorkingHoursInput() {
         <Col>{t("Design:until")}</Col>
         <Col>{t("Design:description")}</Col>
       </Form.Row>
+
       <Form.Control
-        {...register(`workingHours` as const, {
+        {...register(`workingHours`, {
           validate: (value) => {
             const oneOfDaysFilled = value?.some(
               (workingDay) => workingDay.start,
@@ -42,6 +43,7 @@ export function WorkingHoursInput() {
         })}
         type="hidden"
       />
+
       {weekdays.map((name, i) => (
         /*
          * The only reason inputs have placeholders here is to fix
@@ -49,14 +51,19 @@ export function WorkingHoursInput() {
          * which miscalculates alignment for empty inputs.
          * Otherwise placeholders should not be used.
          */
-        <Form.Row key={i} className="align-items-baseline">
-          <Col className="h5 text-lg-right mb-4 mb-lg-0" xs="12" lg="2">
+        <Form.Row key={name} className="align-items-baseline">
+          <Col
+            className="h5 text-lg-right text-nowrap mb-4 mb-lg-0"
+            xs="12"
+            lg="2"
+          >
             {name}
           </Col>
+
           <Form.Group as={Col}>
             <Form.Label className="d-lg-none">{t("Design:from")}</Form.Label>
             <Form.Control
-              {...register(`workingHours.${i}.start` as const, {
+              {...register(`workingHours.${i}.start`, {
                 validate: (nextStartValue) => {
                   if (nextStartValue) {
                     clearErrors("workingHours");
@@ -69,20 +76,22 @@ export function WorkingHoursInput() {
               placeholder={t("Design:from")}
             />
           </Form.Group>
+
           <Form.Group as={Col}>
             <Form.Label className="d-lg-none">{t("Design:until")}</Form.Label>
             <Form.Control
-              {...register(`workingHours.${i}.end` as const)}
+              {...register(`workingHours.${i}.end`)}
               type="time"
               placeholder={t("Design:until")}
             />
           </Form.Group>
+
           <Form.Group as={Col} xs="12" lg>
             <Form.Label className="d-lg-none">
               {t("Design:description")}
             </Form.Label>
             <Form.Control
-              {...register(`workingHours.${i}.description` as const)}
+              {...register(`workingHours.${i}.description`)}
               placeholder={t("Design:description")}
             />
           </Form.Group>

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

@@ -14,22 +14,17 @@ export function WorkingHoursInputDescription() {
 
   return (
     <>
-      {Array.from({ length: weekdays.length }, (_, i) => i)
-        .filter((i) => values?.[i]?.start)
-        .map((i) => {
-          const weekday = values?.[i];
-          return (
-            <Row key={i}>
-              <Col xs="auto">{weekdays[i]}:</Col>
-              <Col>
-                {t("timeInterval", {
-                  start: weekday.start,
-                  end: weekday.end,
-                })}
-              </Col>
-            </Row>
-          );
-        })}
+      {Array.from({ length: weekdays.length }, (_, i) => i).map((i) => (
+        <Row key={i}>
+          <Col xs="auto">{weekdays[i]}:</Col>
+          <Col>
+            {t("timeInterval", {
+              start: values?.[i].start ?? "00:00",
+              end: values?.[i].end ?? "23:59",
+            })}
+          </Col>
+        </Row>
+      ))}
     </>
   );
 }

package/src/recurring-date-picker-input/utils.ts

@@ -117,14 +117,27 @@ export const parseAndValidateRRule = ({
 
 export const useWorkHoursValidation = (
   byWeekDay: Weekday[] = [],
-  workHours: WorkHour[] | undefined,
+  _workHours: WorkHour[] | undefined,
   timeZone: string,
 ): {
-  /* @ts-expect-error 2314 */
-  validate?: Validate<string>;
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  validate?: Validate<string, any>;
 } => {
   const { t } = useTranslation("Validation");
-  if (!workHours) return {};
+  if (!_workHours) return {};
+
+  const workHours: WorkHour[] = Array.from({ length: 7 }, (_, i) => {
+    if (_workHours?.[i]) {
+      return _workHours[i];
+    }
+
+    return {
+      day: (i + 1) as Day,
+      start: "00:00",
+      end: "23:59",
+      description: "",
+    };
+  });
 
   // map every day to array of intervals describing workhours for that day
   let intervalsByDay = workHours.map((workhour, index, self) => {
@@ -164,8 +177,6 @@ export const useWorkHoursValidation = (
 
   return {
     validate: (_time: string) => {
-      // workaround for issue with form values
-      // default values and entered values have different formats
       const time = fromIso(_time, timeZone);
 
       const notFittingIntervalsByDay = intervalsByDay.reduce<Interval[][]>(