@bigbinary/neeto-molecules 5.2.29 → 5.2.31

package/dist/v2/Schedule.js

@@ -18,16 +18,16 @@ import '@babel/runtime/helpers/defineProperty';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { Select, Switch } from '@bigbinary/neeto-atoms/formik';
 import classnames from 'classnames';
-import Copy from '@bigbinary/neeto-icons/Copy';
 import _typeof from '@babel/runtime/helpers/typeof';
-import Plus from '@bigbinary/neeto-icons/Plus';
-import Delete from '@bigbinary/neeto-icons/Delete';
+import { T as Trash2 } from '../trash-2-hGkzsa87.js';
+import { P as Plus } from '../plus-Bnd2C3yl.js';
+import { C as Copy } from '../copy-Dj71cP65.js';
 import Profile from '@bigbinary/neeto-team-members-frontend/v2/Profile';
 import MoreDropdown from './MoreDropdown.js';
 import { n } from '../inject-css-C2dztUxs.js';
+import '../createLucideIcon--oLqczpc.js';
 import '@babel/runtime/helpers/objectWithoutProperties';
 import '@bigbinary/neeto-commons-frontend/v2/react-utils';
-import '../createLucideIcon--oLqczpc.js';
 import '../ellipsis-BSu1ZIFZ.js';
 
 var DAYS = ["sunday", "monday", "tuesday", "wednesday", "thursday", "friday", "saturday"];
@@ -350,13 +350,12 @@ var DisplayAvailability = function DisplayAvailability(_ref) {
     children: sortDays(firstDay).map(function (day) {
       var _sortPeriodsByKey;
       return /*#__PURE__*/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__*/jsx(Typography, {
           className: "mt-0.5 w-24 text-center sm:w-1/4 sm:text-start",
           "data-testid": joinHyphenCase(day, "day-text"),
-          variant: "h5",
-          weight: "semibold",
+          variant: "h6",
           children: t("neetoMolecules.schedule.days.".concat(day))
         }), /*#__PURE__*/jsx("div", {
           className: "flex flex-grow flex-col items-center gap-y-4 sm:w-1/2",
@@ -369,18 +368,16 @@ var DisplayAvailability = function DisplayAvailability(_ref) {
               className: "flex items-center gap-x-4",
               children: [/*#__PURE__*/jsx(Typography, {
                 className: "w-20 text-end",
-                variant: "h5",
-                weight: "semibold",
+                variant: "h6",
                 "data-testid": joinHyphenCase(day, period.startTime, "start-time-text"),
                 children: formatHour(period.startTime)
               }), /*#__PURE__*/jsx(Typography, {
                 as: "span",
-                className: "text-gray-600",
+                color: "muted",
                 children: "-"
               }), /*#__PURE__*/jsx(Typography, {
                 className: "w-20 text-start",
-                variant: "h5",
-                weight: "semibold",
+                variant: "h6",
                 "data-testid": joinHyphenCase(day, period.endTime, "start-time-text"),
                 children: formatHour(period.endTime)
               })]
@@ -388,7 +385,7 @@ var DisplayAvailability = function DisplayAvailability(_ref) {
           }) : /*#__PURE__*/jsx(Typography, {
             className: "mx-8 flex-grow text-center",
             "data-testid": joinHyphenCase(day, "unavailable-time-text"),
-            variant: "h5",
+            variant: "h6",
             children: t("neetoMolecules.schedule.unavailable")
           })
         })]
@@ -572,7 +569,7 @@ var ScheduleRow = 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"),
@@ -587,7 +584,7 @@ var ScheduleRow = 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"),
@@ -600,7 +597,7 @@ var ScheduleRow = function ScheduleRow(_ref) {
                 }), /*#__PURE__*/jsx(Button, {
                   className: "flex-shrink-0 self-start",
                   "data-testid": "delete-period-button",
-                  icon: Delete,
+                  icon: Trash2,
                   variant: "ghost",
                   onClick: function onClick() {
                     return handleDeleteRow(arrayHelpers, index);
@@ -610,7 +607,7 @@ var ScheduleRow = function ScheduleRow(_ref) {
                 name: "wdays.".concat(day, ".periods[").concat(index, "]"),
                 children: function children(message) {
                   return _typeof(message) !== "object" && /*#__PURE__*/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
                   });
                 }
@@ -691,7 +688,7 @@ var Form = function Form(_ref) {
     return setWdaysToCopy(checked ? append(day) : without([day]));
   };
   return /*#__PURE__*/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__*/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
       ,
@@ -707,49 +704,45 @@ var Form = function Form(_ref) {
           "data-testid": joinHyphenCase(day, "weekly-hours-checkbox"),
           id: "day",
           name: "wdays.".concat(day, ".available"),
+          size: "lg",
           onCheckedChange: handleCheckbox
         }), /*#__PURE__*/jsx(Typography, {
           as: "span",
+          className: "ms-2 capitalize",
+          color: values.wdays[day].available ? "default" : "muted",
           "data-testid": 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__*/jsx(ScheduleRow$1, {
         day: day
       }), values.wdays[day].available && /*#__PURE__*/jsxs(DropdownMenu, {
         closeOnSelect: true,
-        icon: Copy,
+        dropdownProps: {
+          className: "w-max"
+        },
         position: "right-start",
-        buttonProps: {
+        customTarget: /*#__PURE__*/jsx(Button, {
+          className: "absolute end-4 top-3 flex-shrink-0 @xl:static",
+          "data-testid": joinHyphenCase(day, "copy-schedule-icon"),
+          icon: 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": joinHyphenCase(day, "copy-schedule-icon")
-        },
-        dropdownProps: {
-          className: "dropdown__popup neeto-molecules-schedule__dropdown"
-        },
+            position: "top"
+          }
+        }),
         onClose: function onClose() {
           return setWdaysToCopy([]);
         },
-        children: [/*#__PURE__*/jsx("li", {
-          children: /*#__PURE__*/jsx(Typography, {
-            variant: "h5",
-            children: t("neetoMolecules.schedule.copySchedule")
-          })
+        children: [/*#__PURE__*/jsx(DropdownMenu.Label, {
+          children: t("neetoMolecules.schedule.copySchedule")
         }), sortDays(firstDay).filter(function (copyDay) {
           return copyDay !== day;
         }).map(function (day) {
-          return /*#__PURE__*/jsx("li", {
+          return /*#__PURE__*/jsx("div", {
+            className: "px-1.5 py-1",
             onClick: function onClick(e) {
               return e.stopPropagation();
             },
@@ -765,7 +758,8 @@ var Form = function Form(_ref) {
               })
             })
           }, day);
-        }), /*#__PURE__*/jsx("li", {
+        }), /*#__PURE__*/jsx("div", {
+          className: "px-1.5 py-1",
           children: /*#__PURE__*/jsx(Button, {
             "data-testid": "copy-schedule-submit-button",
             disabled: isNotPresent(wdaysToCopy),
@@ -858,7 +852,7 @@ var Header = function Header(_ref) {
         children: /*#__PURE__*/jsx(Typography, {
           as: "h4",
           "data-testid": "timezone-text",
-          variant: "h5",
+          variant: "h6",
           weight: "medium",
           children: timeZoneAndTime
         })
@@ -895,7 +889,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);
         }
@@ -904,7 +897,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%}";
 n(css,{});
 
 var Schedule = /*#__PURE__*/forwardRef(function (_ref, scheduleRef) {
@@ -953,7 +946,7 @@ var Schedule = /*#__PURE__*/forwardRef(function (_ref, scheduleRef) {
       hourFormat: hourFormat
     },
     children: /*#__PURE__*/jsx("div", {
-      className: "neeto-molecules-schedule flex-shrink-0 border-gray-200",
+      className: "neeto-molecules-schedule border-border flex-shrink-0",
       children: /*#__PURE__*/jsx(Formik, {
         validationSchema: validationSchema,
         enableReinitialize: true,