@bigbinary/neeto-molecules 5.2.30 → 5.2.31

package/dist/cjs/v2/Schedule.js

@@ -22,16 +22,16 @@ require('@babel/runtime/helpers/defineProperty');
 var jsxRuntime = require('react/jsx-runtime');
 var formik$1 = require('@bigbinary/neeto-atoms/formik');
 var classnames = require('classnames');
-var Copy = require('@bigbinary/neeto-icons/Copy');
 var _typeof = require('@babel/runtime/helpers/typeof');
-var Plus = require('@bigbinary/neeto-icons/Plus');
-var Delete = require('@bigbinary/neeto-icons/Delete');
+var trash2 = require('../trash-2-Dic3f2Hq.js');
+var plus = require('../plus-B3N_9NiI.js');
+var copy = require('../copy-9aTKZsfo.js');
 var Profile = require('@bigbinary/neeto-team-members-frontend/v2/Profile');
 var v2_MoreDropdown = require('./MoreDropdown.js');
 var injectCss = require('../inject-css-B6qYtOJe.js');
+require('../createLucideIcon-BbuuRL2u.js');
 require('@babel/runtime/helpers/objectWithoutProperties');
 require('@bigbinary/neeto-commons-frontend/v2/react-utils');
-require('../createLucideIcon-BbuuRL2u.js');
 require('../ellipsis-DDma6joP.js');
 
 function _interopNamespaceDefault(e) {
@@ -373,13 +373,12 @@ var DisplayAvailability = function DisplayAvailability(_ref) {
     children: sortDays(firstDay).map(function (day) {
       var _sortPeriodsByKey;
       return /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex w-full flex-wrap items-center justify-center gap-2 rounded-md border border-gray-300 bg-white px-6 py-4 sm:items-start sm:justify-start",
+        className: "border-border bg-card flex w-full flex-wrap items-center justify-center gap-2 rounded-md border px-6 py-4 sm:items-start sm:justify-start",
         "data-testid": "day-cards-".concat(day),
         children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
           className: "mt-0.5 w-24 text-center sm:w-1/4 sm:text-start",
           "data-testid": general.joinHyphenCase(day, "day-text"),
-          variant: "h5",
-          weight: "semibold",
+          variant: "h6",
           children: t("neetoMolecules.schedule.days.".concat(day))
         }), /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "flex flex-grow flex-col items-center gap-y-4 sm:w-1/2",
@@ -392,18 +391,16 @@ var DisplayAvailability = function DisplayAvailability(_ref) {
               className: "flex items-center gap-x-4",
               children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
                 className: "w-20 text-end",
-                variant: "h5",
-                weight: "semibold",
+                variant: "h6",
                 "data-testid": general.joinHyphenCase(day, period.startTime, "start-time-text"),
                 children: formatHour(period.startTime)
               }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
                 as: "span",
-                className: "text-gray-600",
+                color: "muted",
                 children: "-"
               }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
                 className: "w-20 text-start",
-                variant: "h5",
-                weight: "semibold",
+                variant: "h6",
                 "data-testid": general.joinHyphenCase(day, period.endTime, "start-time-text"),
                 children: formatHour(period.endTime)
               })]
@@ -411,7 +408,7 @@ var DisplayAvailability = function DisplayAvailability(_ref) {
           }) : /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
             className: "mx-8 flex-grow text-center",
             "data-testid": general.joinHyphenCase(day, "unavailable-time-text"),
-            variant: "h5",
+            variant: "h6",
             children: t("neetoMolecules.schedule.unavailable")
           })
         })]
@@ -595,7 +592,7 @@ var ScheduleRow$1 = function ScheduleRow(_ref) {
                   isClearable: true,
                   isCreatable: true,
                   isSearchable: true,
-                  className: "w-full",
+                  className: "w-full min-w-0",
                   filterOption: filterSlots,
                   isValidNewOption: isValidTimeSlotOption,
                   name: "wdays.".concat(day, ".periods[").concat(index, "].startTime"),
@@ -610,7 +607,7 @@ var ScheduleRow$1 = function ScheduleRow(_ref) {
                   isClearable: true,
                   isCreatable: true,
                   isSearchable: true,
-                  className: "w-full",
+                  className: "w-full min-w-0",
                   filterOption: filterSlots,
                   isValidNewOption: isValidTimeSlotOption,
                   name: "wdays.".concat(day, ".periods[").concat(index, "].endTime"),
@@ -623,7 +620,7 @@ var ScheduleRow$1 = function ScheduleRow(_ref) {
                 }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
                   className: "flex-shrink-0 self-start",
                   "data-testid": "delete-period-button",
-                  icon: Delete,
+                  icon: trash2.Trash2,
                   variant: "ghost",
                   onClick: function onClick() {
                     return handleDeleteRow(arrayHelpers, index);
@@ -633,7 +630,7 @@ var ScheduleRow$1 = function ScheduleRow(_ref) {
                 name: "wdays.".concat(day, ".periods[").concat(index, "]"),
                 children: function children(message) {
                   return _typeof(message) !== "object" && /*#__PURE__*/jsxRuntime.jsx("span", {
-                    className: "text-error-500 mt-1 w-11/12 px-2 text-xs",
+                    className: "text-error-foreground mt-1 w-11/12 px-2 text-xs",
                     children: message
                   });
                 }
@@ -643,7 +640,7 @@ var ScheduleRow$1 = function ScheduleRow(_ref) {
         }), values.wdays[day].available && allowAddPeriod && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
           className: "absolute end-14 top-3 ms-auto flex-shrink-0 @xl:static",
           "data-testid": "add-new-period-button",
-          icon: Plus,
+          icon: plus.Plus,
           variant: "secondary",
           tooltipProps: {
             content: t("neetoMolecules.schedule.addNewPeriod"),
@@ -714,7 +711,7 @@ var Form$1 = function Form(_ref) {
     return setWdaysToCopy(checked ? ramda.append(day) : ramda.without([day]));
   };
   return /*#__PURE__*/jsxRuntime.jsx("div", {
-    className: "@container relative mb-3 w-full rounded-md border border-gray-300 bg-white px-4 last:mb-0 md:px-6",
+    className: "border-border bg-card @container relative mb-3 w-full rounded-md border px-4 last:mb-0 md:px-6",
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "@xl:flex-no-wrap my-4 flex w-full flex-wrap items-start gap-2 @xl:flex-nowrap @xl:gap-4" // Added `@xl:flex-no-wrap` since neetoCal is using old version of tailwind
       ,
@@ -730,49 +727,45 @@ var Form$1 = function Form(_ref) {
           "data-testid": general.joinHyphenCase(day, "weekly-hours-checkbox"),
           id: "day",
           name: "wdays.".concat(day, ".available"),
+          size: "lg",
           onCheckedChange: handleCheckbox
         }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
           as: "span",
+          className: "ms-2 capitalize",
+          color: values.wdays[day].available ? "default" : "muted",
           "data-testid": general.joinHyphenCase(day, "day-text"),
           variant: "body2",
           weight: values.wdays[day].available ? "semibold" : "normal",
-          className: classnames("ms-2 capitalize", {
-            "text-gray-600": !values.wdays[day].available
-          }),
           children: t("neetoMolecules.schedule.days.".concat(day))
         })]
       }), /*#__PURE__*/jsxRuntime.jsx(ScheduleRow, {
         day: day
       }), values.wdays[day].available && /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.DropdownMenu, {
         closeOnSelect: true,
-        icon: Copy,
+        dropdownProps: {
+          className: "w-max"
+        },
         position: "right-start",
-        buttonProps: {
+        customTarget: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
+          className: "absolute end-4 top-3 flex-shrink-0 @xl:static",
+          "data-testid": general.joinHyphenCase(day, "copy-schedule-icon"),
+          icon: copy.Copy,
           variant: "secondary",
           tooltipProps: {
             content: t("neetoMolecules.schedule.copyScheduleTooltip"),
-            position: "top",
-            hideAfter: 5000,
-            touch: ["hold", 500]
-          },
-          className: "absolute end-4 top-3 @xl:static flex-shrink-0",
-          "data-testid": general.joinHyphenCase(day, "copy-schedule-icon")
-        },
-        dropdownProps: {
-          className: "dropdown__popup neeto-molecules-schedule__dropdown"
-        },
+            position: "top"
+          }
+        }),
         onClose: function onClose() {
           return setWdaysToCopy([]);
         },
-        children: [/*#__PURE__*/jsxRuntime.jsx("li", {
-          children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
-            variant: "h5",
-            children: t("neetoMolecules.schedule.copySchedule")
-          })
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DropdownMenu.Label, {
+          children: t("neetoMolecules.schedule.copySchedule")
         }), sortDays(firstDay).filter(function (copyDay) {
           return copyDay !== day;
         }).map(function (day) {
-          return /*#__PURE__*/jsxRuntime.jsx("li", {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "px-1.5 py-1",
             onClick: function onClick(e) {
               return e.stopPropagation();
             },
@@ -788,7 +781,8 @@ var Form$1 = function Form(_ref) {
               })
             })
           }, day);
-        }), /*#__PURE__*/jsxRuntime.jsx("li", {
+        }), /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "px-1.5 py-1",
           children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
             "data-testid": "copy-schedule-submit-button",
             disabled: neetoCist.isNotPresent(wdaysToCopy),
@@ -881,7 +875,7 @@ var Header = function Header(_ref) {
         children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
           as: "h4",
           "data-testid": "timezone-text",
-          variant: "h5",
+          variant: "h6",
           weight: "medium",
           children: timeZoneAndTime
         })
@@ -918,7 +912,6 @@ var Header = function Header(_ref) {
         "data-testid": "weekly-schedule-header",
         label: t("neetoMolecules.schedule.changeAvailability"),
         variant: "default",
-        weight: "semibold",
         onClick: function onClick() {
           return setIsEditing(true);
         }
@@ -927,7 +920,7 @@ var Header = function Header(_ref) {
   });
 };
 
-var css = ".neeto-molecules-schedule{margin:auto;max-width:40rem;width:100%}.neeto-molecules-schedule__dropdown{max-height:var(--neeto-ui-dropdown-popup-max-height)!important}";
+var css = ".neeto-molecules-schedule{margin:auto;max-width:40rem;width:100%}";
 injectCss.n(css,{});
 
 var Schedule = /*#__PURE__*/React.forwardRef(function (_ref, scheduleRef) {
@@ -976,7 +969,7 @@ var Schedule = /*#__PURE__*/React.forwardRef(function (_ref, scheduleRef) {
       hourFormat: hourFormat
     },
     children: /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "neeto-molecules-schedule flex-shrink-0 border-gray-200",
+      className: "neeto-molecules-schedule border-border flex-shrink-0",
       children: /*#__PURE__*/jsxRuntime.jsx(formik.Formik, {
         validationSchema: validationSchema,
         enableReinitialize: true,