@drivy/cobalt 0.37.2 → 0.37.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,13 +2,15 @@ import React, { useMemo } from 'react';
2
2
  import { getDaysInMonth, differenceInCalendarWeeks, endOfMonth, getISODay, setDate, isPast, isToday, format } from 'date-fns';
3
3
  import cx from 'classnames';
4
4
 
5
- const CalendarViewMonth = ({ monthName, monthStart, statusByDate = {}, }) => {
5
+ const CalendarViewMonth = ({ monthName, monthStart, statusByDate = {}, isSundayFirstDayOfWeek = false, }) => {
6
6
  const getMonthByWeek = () => {
7
7
  const daysInMonth = getDaysInMonth(monthStart);
8
8
  const weeksInMonth = differenceInCalendarWeeks(endOfMonth(monthStart), monthStart, {
9
- weekStartsOn: 1,
9
+ weekStartsOn: isSundayFirstDayOfWeek ? 0 : 1,
10
10
  }) + 1;
11
- const weekDay = getISODay(monthStart);
11
+ const weekDay = isSundayFirstDayOfWeek
12
+ ? (getISODay(monthStart) % 7) + 1
13
+ : getISODay(monthStart);
12
14
  const month = [];
13
15
  let cursor = 0;
14
16
  let date = 0;
@@ -1 +1 @@
1
- {"version":3,"file":"CalendarViewMonth.js","sources":["../../../../src/components/Calendar/CalendarView/CalendarViewMonth.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport {\n setDate,\n getISODay,\n getDaysInMonth,\n endOfMonth,\n differenceInCalendarWeeks,\n isPast,\n isToday,\n format,\n} from \"date-fns\"\nimport cx from \"classnames\"\nimport {\n CalendarViewMonthType,\n MonthType,\n CalendarViewDateType,\n DateType,\n} from \"./types\"\n\ntype Props = MonthType\n\nconst CalendarViewMonth = ({\n monthName,\n monthStart,\n statusByDate = {},\n}: Props) => {\n const getMonthByWeek = (): CalendarViewMonthType => {\n const daysInMonth = getDaysInMonth(monthStart)\n const weeksInMonth =\n differenceInCalendarWeeks(endOfMonth(monthStart), monthStart, {\n weekStartsOn: 1,\n }) + 1\n const weekDay = getISODay(monthStart)\n const month: CalendarViewDateType[][] = []\n let cursor = 0\n let date = 0\n\n for (let week = 0; week < weeksInMonth; week++) {\n month[week] = []\n for (let day = 0; day < 7; day++) {\n month[week][day] = { date: null }\n\n if (cursor >= weekDay - 1 && date < daysInMonth) {\n month[week][day].date = ++date as DateType\n\n const currentDate = setDate(monthStart, date)\n\n month[week][day].status =\n isPast(currentDate) && !isToday(currentDate)\n ? \"past\"\n : statusByDate[format(currentDate, \"yyyy-MM-dd\")]\n }\n cursor++\n }\n }\n return month\n }\n\n const monthByWeek = useMemo(() => getMonthByWeek(), [])\n\n return (\n <div className=\"cobalt-CalendarView__month\">\n <div className=\"cobalt-CalendarView__monthName\">{monthName}</div>\n {monthByWeek.map((week, weekIndex) => (\n <div key={weekIndex} className=\"cobalt-CalendarView__week\">\n {week.map((day, dayIndex) => (\n <div\n key={weekIndex + 1 * dayIndex + 1}\n className={cx(\"cobalt-CalendarView__day\", {\n [`cobalt-CalendarView__day--${day.status}`]: day.status,\n })}\n >\n {day.date}\n </div>\n ))}\n </div>\n ))}\n </div>\n )\n}\n\nCalendarViewMonth.displayName = \"CalendarViewMonth\"\n\nexport default CalendarViewMonth\n"],"names":[],"mappings":";;;;AAqBA,MAAM,iBAAiB,GAAG,CAAC,EACzB,SAAS,EACT,UAAU,EACV,YAAY,GAAG,EAAE,GACX,KAAI;IACV,MAAM,cAAc,GAAG,MAA4B;AACjD,QAAA,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;QAC9C,MAAM,YAAY,GAChB,yBAAyB,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE;AAC5D,YAAA,YAAY,EAAE,CAAC;SAChB,CAAC,GAAG,CAAC,CAAA;AACR,QAAA,MAAM,OAAO,GAAG,SAAS,CAAC,UAAU,CAAC,CAAA;QACrC,MAAM,KAAK,GAA6B,EAAE,CAAA;QAC1C,IAAI,MAAM,GAAG,CAAC,CAAA;QACd,IAAI,IAAI,GAAG,CAAC,CAAA;QAEZ,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,YAAY,EAAE,IAAI,EAAE,EAAE;AAC9C,YAAA,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAA;YAChB,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,EAAE;AAChC,gBAAA,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA;gBAEjC,IAAI,MAAM,IAAI,OAAO,GAAG,CAAC,IAAI,IAAI,GAAG,WAAW,EAAE;oBAC/C,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,EAAE,IAAgB,CAAA;oBAE1C,MAAM,WAAW,GAAG,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;AAE7C,oBAAA,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM;wBACrB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC;AAC1C,8BAAE,MAAM;8BACN,YAAY,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAA;AACtD,iBAAA;AACD,gBAAA,MAAM,EAAE,CAAA;AACT,aAAA;AACF,SAAA;AACD,QAAA,OAAO,KAAK,CAAA;AACd,KAAC,CAAA;AAED,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,cAAc,EAAE,EAAE,EAAE,CAAC,CAAA;AAEvD,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4BAA4B,EAAA;AACzC,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gCAAgC,EAAA,EAAE,SAAS,CAAO;QAChE,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,MAC/B,6BAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,2BAA2B,EAAA,EACvD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,MACtB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,SAAS,GAAG,CAAC,GAAG,QAAQ,GAAG,CAAC,EACjC,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE;gBACxC,CAAC,CAAA,0BAAA,EAA6B,GAAG,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,MAAM;AACxD,aAAA,CAAC,EAED,EAAA,GAAG,CAAC,IAAI,CACL,CACP,CAAC,CACE,CACP,CAAC,CACE,EACP;AACH,EAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
1
+ {"version":3,"file":"CalendarViewMonth.js","sources":["../../../../src/components/Calendar/CalendarView/CalendarViewMonth.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport {\n setDate,\n getISODay,\n getDaysInMonth,\n endOfMonth,\n differenceInCalendarWeeks,\n isPast,\n isToday,\n format,\n} from \"date-fns\"\nimport cx from \"classnames\"\nimport {\n CalendarViewMonthType,\n MonthType,\n CalendarViewDateType,\n DateType,\n} from \"./types\"\n\ntype Props = MonthType\n\nconst CalendarViewMonth = ({\n monthName,\n monthStart,\n statusByDate = {},\n isSundayFirstDayOfWeek = false,\n}: Props) => {\n const getMonthByWeek = (): CalendarViewMonthType => {\n const daysInMonth = getDaysInMonth(monthStart)\n const weeksInMonth =\n differenceInCalendarWeeks(endOfMonth(monthStart), monthStart, {\n weekStartsOn: isSundayFirstDayOfWeek ? 0 : 1,\n }) + 1\n const weekDay = isSundayFirstDayOfWeek\n ? (getISODay(monthStart) % 7) + 1\n : getISODay(monthStart)\n const month: CalendarViewDateType[][] = []\n let cursor = 0\n let date = 0\n\n for (let week = 0; week < weeksInMonth; week++) {\n month[week] = []\n for (let day = 0; day < 7; day++) {\n month[week][day] = { date: null }\n\n if (cursor >= weekDay - 1 && date < daysInMonth) {\n month[week][day].date = ++date as DateType\n\n const currentDate = setDate(monthStart, date)\n\n month[week][day].status =\n isPast(currentDate) && !isToday(currentDate)\n ? \"past\"\n : statusByDate[format(currentDate, \"yyyy-MM-dd\")]\n }\n cursor++\n }\n }\n return month\n }\n\n const monthByWeek = useMemo(() => getMonthByWeek(), [])\n\n return (\n <div className=\"cobalt-CalendarView__month\">\n <div className=\"cobalt-CalendarView__monthName\">{monthName}</div>\n {monthByWeek.map((week, weekIndex) => (\n <div key={weekIndex} className=\"cobalt-CalendarView__week\">\n {week.map((day, dayIndex) => (\n <div\n key={weekIndex + 1 * dayIndex + 1}\n className={cx(\"cobalt-CalendarView__day\", {\n [`cobalt-CalendarView__day--${day.status}`]: day.status,\n })}\n >\n {day.date}\n </div>\n ))}\n </div>\n ))}\n </div>\n )\n}\n\nCalendarViewMonth.displayName = \"CalendarViewMonth\"\n\nexport default CalendarViewMonth\n"],"names":[],"mappings":";;;;AAqBA,MAAM,iBAAiB,GAAG,CAAC,EACzB,SAAS,EACT,UAAU,EACV,YAAY,GAAG,EAAE,EACjB,sBAAsB,GAAG,KAAK,GACxB,KAAI;IACV,MAAM,cAAc,GAAG,MAA4B;AACjD,QAAA,MAAM,WAAW,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;QAC9C,MAAM,YAAY,GAChB,yBAAyB,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE,UAAU,EAAE;YAC5D,YAAY,EAAE,sBAAsB,GAAG,CAAC,GAAG,CAAC;SAC7C,CAAC,GAAG,CAAC,CAAA;QACR,MAAM,OAAO,GAAG,sBAAsB;cAClC,CAAC,SAAS,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;AACjC,cAAE,SAAS,CAAC,UAAU,CAAC,CAAA;QACzB,MAAM,KAAK,GAA6B,EAAE,CAAA;QAC1C,IAAI,MAAM,GAAG,CAAC,CAAA;QACd,IAAI,IAAI,GAAG,CAAC,CAAA;QAEZ,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,YAAY,EAAE,IAAI,EAAE,EAAE;AAC9C,YAAA,KAAK,CAAC,IAAI,CAAC,GAAG,EAAE,CAAA;YAChB,KAAK,IAAI,GAAG,GAAG,CAAC,EAAE,GAAG,GAAG,CAAC,EAAE,GAAG,EAAE,EAAE;AAChC,gBAAA,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,CAAA;gBAEjC,IAAI,MAAM,IAAI,OAAO,GAAG,CAAC,IAAI,IAAI,GAAG,WAAW,EAAE;oBAC/C,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,EAAE,IAAgB,CAAA;oBAE1C,MAAM,WAAW,GAAG,OAAO,CAAC,UAAU,EAAE,IAAI,CAAC,CAAA;AAE7C,oBAAA,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM;wBACrB,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC;AAC1C,8BAAE,MAAM;8BACN,YAAY,CAAC,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,CAAC,CAAA;AACtD,iBAAA;AACD,gBAAA,MAAM,EAAE,CAAA;AACT,aAAA;AACF,SAAA;AACD,QAAA,OAAO,KAAK,CAAA;AACd,KAAC,CAAA;AAED,IAAA,MAAM,WAAW,GAAG,OAAO,CAAC,MAAM,cAAc,EAAE,EAAE,EAAE,CAAC,CAAA;AAEvD,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,4BAA4B,EAAA;AACzC,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,gCAAgC,EAAA,EAAE,SAAS,CAAO;QAChE,WAAW,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,SAAS,MAC/B,6BAAK,GAAG,EAAE,SAAS,EAAE,SAAS,EAAC,2BAA2B,EAAA,EACvD,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,QAAQ,MACtB,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,SAAS,GAAG,CAAC,GAAG,QAAQ,GAAG,CAAC,EACjC,SAAS,EAAE,EAAE,CAAC,0BAA0B,EAAE;gBACxC,CAAC,CAAA,0BAAA,EAA6B,GAAG,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,MAAM;AACxD,aAAA,CAAC,EAED,EAAA,GAAG,CAAC,IAAI,CACL,CACP,CAAC,CACE,CACP,CAAC,CACE,EACP;AACH,EAAC;AAED,iBAAiB,CAAC,WAAW,GAAG,mBAAmB;;;;"}
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import CalendarViewMonth from './CalendarViewMonth.js';
3
3
 
4
- const CalendarView = ({ months }) => (React.createElement("div", { className: "cobalt-CalendarView" }, months.map((month) => (React.createElement(CalendarViewMonth, { key: month.monthStart, ...month })))));
4
+ const CalendarView = ({ months, isSundayFirstDayOfWeek }) => (React.createElement("div", { className: "cobalt-CalendarView" }, months.map((month) => (React.createElement(CalendarViewMonth, { key: month.monthStart, isSundayFirstDayOfWeek: isSundayFirstDayOfWeek, ...month })))));
5
5
  CalendarView.displayName = "CalendarView";
6
6
 
7
7
  export { CalendarView };
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/Calendar/CalendarView/index.tsx"],"sourcesContent":["import React from \"react\"\nimport Month from \"./CalendarViewMonth\"\nimport { MonthType } from \"./types\"\n\ntype Props = {\n months: MonthType[]\n}\n\nconst CalendarView = ({ months }: Props) => (\n <div className=\"cobalt-CalendarView\">\n {months.map((month) => (\n <Month key={month.monthStart} {...month} />\n ))}\n </div>\n)\n\nCalendarView.displayName = \"CalendarView\"\n\nexport { CalendarView }\n"],"names":["Month"],"mappings":";;;AAQA,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAS,MACrC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,IACjC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,MAChB,oBAACA,iBAAK,EAAA,EAAC,GAAG,EAAE,KAAK,CAAC,UAAU,KAAM,KAAK,EAAA,CAAI,CAC5C,CAAC,CACE,EACP;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
1
+ {"version":3,"file":"index.js","sources":["../../../../src/components/Calendar/CalendarView/index.tsx"],"sourcesContent":["import React from \"react\"\nimport Month from \"./CalendarViewMonth\"\nimport { MonthType } from \"./types\"\n\ntype Props = {\n months: MonthType[]\n isSundayFirstDayOfWeek?: boolean\n}\n\nconst CalendarView = ({ months, isSundayFirstDayOfWeek }: Props) => (\n <div className=\"cobalt-CalendarView\">\n {months.map((month) => (\n <Month\n key={month.monthStart}\n isSundayFirstDayOfWeek={isSundayFirstDayOfWeek}\n {...month}\n />\n ))}\n </div>\n)\n\nCalendarView.displayName = \"CalendarView\"\n\nexport { CalendarView }\n"],"names":["Month"],"mappings":";;;AASM,MAAA,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,sBAAsB,EAAS,MAC7D,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,qBAAqB,IACjC,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,MAChB,KAAC,CAAA,aAAA,CAAAA,iBAAK,IACJ,GAAG,EAAE,KAAK,CAAC,UAAU,EACrB,sBAAsB,EAAE,sBAAsB,EAC1C,GAAA,KAAK,GACT,CACH,CAAC,CACE,EACP;AAED,YAAY,CAAC,WAAW,GAAG,cAAc;;;;"}
@@ -2,7 +2,7 @@ import React from 'react';
2
2
  import cx from 'classnames';
3
3
 
4
4
  const RadioWithDetails = ({ icon, title, description, className, ...inputProps }) => {
5
- return (React.createElement("label", { className: cx("cobalt-radio-with-details", className) },
5
+ return (React.createElement("label", { className: cx("cobalt-radio-with-details", !description && "cobalt-radio-with-details--noDescription", className) },
6
6
  React.createElement("input", { ...inputProps, type: "radio", className: "cobalt-radio-with-details__input" }),
7
7
  React.createElement("div", { className: "cobalt-radio-with-details__inner" },
8
8
  icon &&
@@ -1 +1 @@
1
- {"version":3,"file":"RadioWithDetails.js","sources":["../../../src/components/Form/RadioWithDetails.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nexport type RadioWithDetailsPropsType = {\n icon?: JSX.Element\n title: string\n description: string\n name: string\n className?: string\n} & React.InputHTMLAttributes<HTMLInputElement>\n\nconst RadioWithDetails = ({\n icon,\n title,\n description,\n className,\n ...inputProps\n}: RadioWithDetailsPropsType) => {\n return (\n <label className={cx(\"cobalt-radio-with-details\", className)}>\n <input\n {...inputProps}\n type=\"radio\"\n className=\"cobalt-radio-with-details__input\"\n />\n <div className=\"cobalt-radio-with-details__inner\">\n {icon &&\n React.cloneElement(icon, {\n className: \"cobalt-radio-with-details__icon\",\n })}\n <div className=\"cobalt-radio-with-details__content\">\n <p className=\"cobalt-radio-with-details__title\">{title}</p>\n {description && (\n <p className=\"cobalt-radio-with-details__description\">\n {description}\n </p>\n )}\n </div>\n <div className=\"cobalt-radio-with-details__visual-input\" />\n </div>\n </label>\n )\n}\n\nexport default RadioWithDetails\n"],"names":[],"mappings":";;;AAWA,MAAM,gBAAgB,GAAG,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,EACT,GAAG,UAAU,EACa,KAAI;IAC9B,QACE,+BAAO,SAAS,EAAE,EAAE,CAAC,2BAA2B,EAAE,SAAS,CAAC,EAAA;QAC1D,KACM,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GAAA,UAAU,EACd,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,kCAAkC,EAC5C,CAAA;QACF,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kCAAkC,EAAA;YAC9C,IAAI;AACH,gBAAA,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;AACvB,oBAAA,SAAS,EAAE,iCAAiC;iBAC7C,CAAC;YACJ,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,oCAAoC,EAAA;AACjD,gBAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,kCAAkC,EAAA,EAAE,KAAK,CAAK;gBAC1D,WAAW,KACV,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,wCAAwC,EAClD,EAAA,WAAW,CACV,CACL,CACG;AACN,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yCAAyC,GAAG,CACvD,CACA,EACT;AACH;;;;"}
1
+ {"version":3,"file":"RadioWithDetails.js","sources":["../../../src/components/Form/RadioWithDetails.tsx"],"sourcesContent":["import React from \"react\"\nimport cx from \"classnames\"\n\nexport type RadioWithDetailsPropsType = {\n icon?: JSX.Element\n title: string\n description?: string\n name: string\n className?: string\n} & React.InputHTMLAttributes<HTMLInputElement>\n\nconst RadioWithDetails = ({\n icon,\n title,\n description,\n className,\n ...inputProps\n}: RadioWithDetailsPropsType) => {\n return (\n <label\n className={cx(\n \"cobalt-radio-with-details\",\n !description && \"cobalt-radio-with-details--noDescription\",\n className\n )}\n >\n <input\n {...inputProps}\n type=\"radio\"\n className=\"cobalt-radio-with-details__input\"\n />\n <div className=\"cobalt-radio-with-details__inner\">\n {icon &&\n React.cloneElement(icon, {\n className: \"cobalt-radio-with-details__icon\",\n })}\n <div className=\"cobalt-radio-with-details__content\">\n <p className=\"cobalt-radio-with-details__title\">{title}</p>\n {description && (\n <p className=\"cobalt-radio-with-details__description\">\n {description}\n </p>\n )}\n </div>\n <div className=\"cobalt-radio-with-details__visual-input\" />\n </div>\n </label>\n )\n}\n\nexport default RadioWithDetails\n"],"names":[],"mappings":";;;AAWA,MAAM,gBAAgB,GAAG,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,WAAW,EACX,SAAS,EACT,GAAG,UAAU,EACa,KAAI;AAC9B,IAAA,QACE,KAAA,CAAA,aAAA,CAAA,OAAA,EAAA,EACE,SAAS,EAAE,EAAE,CACX,2BAA2B,EAC3B,CAAC,WAAW,IAAI,0CAA0C,EAC1D,SAAS,CACV,EAAA;QAED,KACM,CAAA,aAAA,CAAA,OAAA,EAAA,EAAA,GAAA,UAAU,EACd,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,kCAAkC,EAC5C,CAAA;QACF,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kCAAkC,EAAA;YAC9C,IAAI;AACH,gBAAA,KAAK,CAAC,YAAY,CAAC,IAAI,EAAE;AACvB,oBAAA,SAAS,EAAE,iCAAiC;iBAC7C,CAAC;YACJ,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,oCAAoC,EAAA;AACjD,gBAAA,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,kCAAkC,EAAA,EAAE,KAAK,CAAK;gBAC1D,WAAW,KACV,KAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,SAAS,EAAC,wCAAwC,EAClD,EAAA,WAAW,CACV,CACL,CACG;AACN,YAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,yCAAyC,GAAG,CACvD,CACA,EACT;AACH;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@drivy/cobalt",
3
- "version": "0.37.2",
3
+ "version": "0.37.4",
4
4
  "description": "Opinionated design system for Drivy's projects.",
5
5
  "main": "src/index.js",
6
6
  "types": "types/index.d.ts",
@@ -20,6 +20,7 @@
20
20
  },
21
21
  "dependencies": {
22
22
  "@juggle/resize-observer": "3.4.0",
23
+ "@lottiefiles/react-lottie-player": "3.5.3",
23
24
  "@reach/accordion": "0.16.1",
24
25
  "@reach/alert": "0.16.0",
25
26
  "@reach/combobox": "0.16.3",
@@ -50,13 +51,13 @@
50
51
  "@getaround-eu/stylelint-config": "3.0.0",
51
52
  "@getaround-eu/ts-config": "2.2.0",
52
53
  "@percy/storybook": "4.3.6",
53
- "@rollup/plugin-json": "6.0.0",
54
- "@rushstack/eslint-patch": "1.4.0",
55
- "@storybook/addon-essentials": "7.4.5",
56
- "@storybook/addons": "7.4.5",
57
- "@storybook/blocks": "7.4.5",
58
- "@storybook/react": "7.4.5",
59
- "@storybook/react-webpack5": "7.4.5",
54
+ "@rollup/plugin-json": "6.0.1",
55
+ "@rushstack/eslint-patch": "1.5.1",
56
+ "@storybook/addon-essentials": "7.4.6",
57
+ "@storybook/addons": "7.4.6",
58
+ "@storybook/blocks": "7.4.6",
59
+ "@storybook/react": "7.4.6",
60
+ "@storybook/react-webpack5": "7.4.6",
60
61
  "@svgr/cli": "7.0.0",
61
62
  "@testing-library/jest-dom": "5.17.0",
62
63
  "@testing-library/react": "14.0.0",
@@ -66,12 +67,12 @@
66
67
  "@types/lodash.throttle": "4.1.7",
67
68
  "@types/media-typer": "1.1.1",
68
69
  "@types/prettier": "3.0.0",
69
- "@types/react-dom": "18.2.7",
70
+ "@types/react-dom": "18.2.11",
70
71
  "autoprefixer": "10.4.16",
71
- "core-js": "3.32.2",
72
+ "core-js": "3.33.0",
72
73
  "css-loader": "6.8.1",
73
- "eslint": "8.49.0",
74
- "eslint-plugin-storybook": "^0.6.14",
74
+ "eslint": "8.51.0",
75
+ "eslint-plugin-storybook": "^0.6.15",
75
76
  "file-loader": "6.2.0",
76
77
  "jest": "29.7.0",
77
78
  "jest-environment-jsdom": "29.7.0",
@@ -91,12 +92,12 @@
91
92
  "rollup-plugin-copy": "3.5.0",
92
93
  "rollup-plugin-postcss": "4.0.2",
93
94
  "rollup-plugin-svgo": "2.0.0",
94
- "rollup-plugin-typescript2": "0.35.0",
95
- "sass": "1.68.0",
95
+ "rollup-plugin-typescript2": "0.36.0",
96
+ "sass": "1.69.0",
96
97
  "sass-loader": "13.3.2",
97
98
  "sharp": "0.32.6",
98
99
  "sharp-cli": "4.1.1",
99
- "storybook": "7.4.5",
100
+ "storybook": "7.4.6",
100
101
  "style-loader": "3.3.3",
101
102
  "stylelint": "15.10.3",
102
103
  "svg2vectordrawable": "2.9.1",
@@ -142,4 +142,14 @@
142
142
  cursor: not-allowed;
143
143
  }
144
144
  }
145
+
146
+ &.cobalt-radio-with-details--noDescription {
147
+ .cobalt-radio-with-details__inner {
148
+ align-items: center !important;
149
+
150
+ .cobalt-radio-with-details__visual-input {
151
+ top: 0 !important;
152
+ }
153
+ }
154
+ }
145
155
  }
@@ -2,7 +2,7 @@ import React from "react";
2
2
  import { MonthType } from "./types";
3
3
  type Props = MonthType;
4
4
  declare const CalendarViewMonth: {
5
- ({ monthName, monthStart, statusByDate, }: Props): React.JSX.Element;
5
+ ({ monthName, monthStart, statusByDate, isSundayFirstDayOfWeek, }: Props): React.JSX.Element;
6
6
  displayName: string;
7
7
  };
8
8
  export default CalendarViewMonth;
@@ -2,9 +2,10 @@ import React from "react";
2
2
  import { MonthType } from "./types";
3
3
  type Props = {
4
4
  months: MonthType[];
5
+ isSundayFirstDayOfWeek?: boolean;
5
6
  };
6
7
  declare const CalendarView: {
7
- ({ months }: Props): React.JSX.Element;
8
+ ({ months, isSundayFirstDayOfWeek }: Props): React.JSX.Element;
8
9
  displayName: string;
9
10
  };
10
11
  export { CalendarView };
@@ -6,6 +6,7 @@ export type MonthType = {
6
6
  monthName: string;
7
7
  monthStart: number;
8
8
  statusByDate?: StatusByDateType;
9
+ isSundayFirstDayOfWeek?: boolean;
9
10
  };
10
11
  export type DateType = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31;
11
12
  export type CalendarViewDateType = {
@@ -2,7 +2,7 @@ import React from "react";
2
2
  export type RadioWithDetailsPropsType = {
3
3
  icon?: JSX.Element;
4
4
  title: string;
5
- description: string;
5
+ description?: string;
6
6
  name: string;
7
7
  className?: string;
8
8
  } & React.InputHTMLAttributes<HTMLInputElement>;