@mage-ui/components 1.0.61 → 1.0.62
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.
- package/dist/components/data-display/calendar/Calendar.d.mts +5 -2
- package/dist/components/data-display/calendar/Calendar.d.mts.map +1 -1
- package/dist/components/data-display/calendar/Calendar.mjs +1 -1
- package/dist/components/data-display/calendar/Calendar.mjs.map +1 -1
- package/dist/components/data-display/index.d.mts +1 -1
- package/dist/components/index.d.mts +1 -1
- package/dist/index.d.mts +2 -2
- package/package.json +3 -3
|
@@ -1,8 +1,10 @@
|
|
|
1
|
+
import { CalendarEventVariantProps } from "@mage-ui/styled-system/recipes";
|
|
1
2
|
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
2
3
|
import { CSSProperties } from "react";
|
|
3
4
|
import { DateLocalizer, DateLocalizer as DateLocalizer$1, Event, Event as CalendarEvent, momentLocalizer } from "react-big-calendar";
|
|
4
5
|
|
|
5
6
|
//#region src/components/data-display/calendar/Calendar.d.ts
|
|
7
|
+
type CalendarVariant = NonNullable<CalendarEventVariantProps['variant']>;
|
|
6
8
|
type CalendarProps = {
|
|
7
9
|
localizer: DateLocalizer;
|
|
8
10
|
events?: Event[];
|
|
@@ -14,6 +16,7 @@ type CalendarProps = {
|
|
|
14
16
|
event?: string;
|
|
15
17
|
agenda?: string;
|
|
16
18
|
timeGrid?: string;
|
|
19
|
+
popup?: string;
|
|
17
20
|
};
|
|
18
21
|
onSelectEvent?: (event: Event) => void;
|
|
19
22
|
onSelectSlot?: (slotInfo: {
|
|
@@ -26,7 +29,7 @@ type CalendarProps = {
|
|
|
26
29
|
defaultDate?: Date;
|
|
27
30
|
min?: Date;
|
|
28
31
|
max?: Date;
|
|
29
|
-
eventPropGetter?: (event:
|
|
32
|
+
eventPropGetter?: (event: Event, start: Date, end: Date, isSelected: boolean) => {
|
|
30
33
|
className?: string;
|
|
31
34
|
style?: CSSProperties;
|
|
32
35
|
};
|
|
@@ -62,5 +65,5 @@ declare const Calendar$1: ({
|
|
|
62
65
|
components
|
|
63
66
|
}: CalendarProps) => react_jsx_runtime0.JSX.Element;
|
|
64
67
|
//#endregion
|
|
65
|
-
export { Calendar$1 as Calendar, type CalendarEvent, CalendarProps, type DateLocalizer$1 as DateLocalizer, momentLocalizer };
|
|
68
|
+
export { Calendar$1 as Calendar, type CalendarEvent, CalendarProps, CalendarVariant, type DateLocalizer$1 as DateLocalizer, momentLocalizer };
|
|
66
69
|
//# sourceMappingURL=Calendar.d.mts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.d.mts","names":[],"sources":["../../../../src/components/data-display/calendar/Calendar.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Calendar.d.mts","names":[],"sources":["../../../../src/components/data-display/calendar/Calendar.tsx"],"mappings":";;;;;;KAuBY,eAAA,GAAkB,WAAA,CAAY,yBAAA;AAAA,KAE9B,aAAA;EACV,SAAA,EAAW,aAAA;EACX,MAAA,GAAS,KAAA;EACT,UAAA;IACE,QAAA;IACA,IAAA;IACA,OAAA;IACA,KAAA;IACA,KAAA;IACA,MAAA;IACA,QAAA;IACA,KAAA;EAAA;EAEF,aAAA,IAAiB,KAAA,EAAO,KAAA;EACxB,YAAA,IAAgB,QAAA;IACd,KAAA,EAAO,IAAA;IACP,GAAA,EAAK,IAAA;IACL,MAAA;EAAA;EAEF,UAAA,IAAc,IAAA,EAAM,IAAA,EAAM,IAAA;EAC1B,WAAA;EACA,WAAA,GAAc,IAAA;EACd,GAAA,GAAM,IAAA;EACN,GAAA,GAAM,IAAA;EACN,eAAA,IACE,KAAA,EAAO,KAAA,EACP,KAAA,EAAO,IAAA,EACP,GAAA,EAAK,IAAA,EACL,UAAA;IACK,SAAA;IAAoB,KAAA,GAAQ,aAAA;EAAA;EACnC,aAAA,IAAiB,IAAA,EAAM,IAAA;IAAW,SAAA;IAAoB,KAAA,GAAQ,aAAA;EAAA;EAC9D,KAAA,GAAQ,KAAA;EACR,OAAA;EACA,OAAA;EACA,QAAA;EACA,KAAA;EACA,UAAA;AAAA;AAAA,cAGW,UAAA;EAAY,SAAA;EAAA,MAAA;EAAA,UAAA;EAAA,aAAA;EAAA,YAAA;EAAA,UAAA;EAAA,WAAA;EAAA,WAAA;EAAA,GAAA;EAAA,GAAA;EAAA,eAAA;EAAA,aAAA;EAAA,KAAA;EAAA,OAAA;EAAA,OAAA;EAAA,QAAA;EAAA,KAAA;EAAA;AAAA,GAmBtB,aAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{cx as e}from"@mage-ui/styled-system/css";import{calendar as t,calendarAgenda as n,calendarEvent as r,calendarMonth as i,
|
|
1
|
+
import{cx as e}from"@mage-ui/styled-system/css";import{calendar as t,calendarAgenda as n,calendarEvent as r,calendarMonth as i,calendarPopup as a,calendarRoot as o,calendarTimeGrid as s,calendarToolbar as c}from"@mage-ui/styled-system/recipes";import{jsx as l}from"react/jsx-runtime";import{Calendar as u,momentLocalizer as d}from"react-big-calendar";const f=({localizer:d,events:f,classNames:p,onSelectEvent:m,onSelectSlot:h,onNavigate:g,defaultView:_,defaultDate:v,min:y,max:b,eventPropGetter:x,dayPropGetter:S,views:C,formats:w,culture:T,messages:E,popup:D,components:O})=>l(u,{className:e(p?.calendar??t(),p?.root??o(),p?.toolbar??c(),p?.month??i(),p?.agenda??n(),p?.timeGrid??s(),p?.popup??a()),localizer:d,events:f,onSelectEvent:m,onSelectSlot:h,onNavigate:g,defaultView:_,defaultDate:v,min:y,max:b,eventPropGetter:(t,n,i,a)=>{let o=x?.(t,n,i,a),{variant:s}=t;return{...o,className:e(p?.event,r({variant:s}),o?.className)}},dayPropGetter:S,views:C,formats:w,culture:T,messages:E,popup:D,components:O});export{f as Calendar,d as momentLocalizer};
|
|
2
2
|
//# sourceMappingURL=Calendar.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.mjs","names":["Calendar","BigCalendar"],"sources":["../../../../src/components/data-display/calendar/Calendar.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport {\n Calendar as BigCalendar,\n type DateLocalizer,\n type Event,\n} from 'react-big-calendar';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport {\n calendar,\n calendarAgenda,\n calendarEvent,\n calendarMonth,\n calendarRoot,\n calendarTimeGrid,\n calendarToolbar,\n} from '@mage-ui/styled-system/recipes';\n\nexport type { DateLocalizer, Event as CalendarEvent } from 'react-big-calendar';\nexport { momentLocalizer } from 'react-big-calendar';\n\nexport type CalendarProps = {\n localizer: DateLocalizer;\n events?: Event[];\n classNames?: {\n calendar?: string;\n root?: string;\n toolbar?: string;\n month?: string;\n event?: string;\n agenda?: string;\n timeGrid?: string;\n };\n onSelectEvent?: (event: Event) => void;\n onSelectSlot?: (slotInfo: {\n start: Date;\n end: Date;\n action: 'select' | 'click' | 'doubleClick';\n }) => void;\n onNavigate?: (date: Date, view: string) => void;\n defaultView?: 'month' | 'week' | 'day' | 'agenda';\n defaultDate?: Date;\n min?: Date;\n max?: Date;\n eventPropGetter?: (\n event:
|
|
1
|
+
{"version":3,"file":"Calendar.mjs","names":["Calendar","BigCalendar"],"sources":["../../../../src/components/data-display/calendar/Calendar.tsx"],"sourcesContent":["import type { CSSProperties } from 'react';\nimport {\n Calendar as BigCalendar,\n type DateLocalizer,\n type Event,\n} from 'react-big-calendar';\n\nimport { cx } from '@mage-ui/styled-system/css';\nimport type { CalendarEventVariantProps } from '@mage-ui/styled-system/recipes';\nimport {\n calendar,\n calendarAgenda,\n calendarEvent,\n calendarMonth,\n calendarPopup,\n calendarRoot,\n calendarTimeGrid,\n calendarToolbar,\n} from '@mage-ui/styled-system/recipes';\n\nexport type { DateLocalizer, Event as CalendarEvent } from 'react-big-calendar';\nexport { momentLocalizer } from 'react-big-calendar';\n\nexport type CalendarVariant = NonNullable<CalendarEventVariantProps['variant']>;\n\nexport type CalendarProps = {\n localizer: DateLocalizer;\n events?: Event[];\n classNames?: {\n calendar?: string;\n root?: string;\n toolbar?: string;\n month?: string;\n event?: string;\n agenda?: string;\n timeGrid?: string;\n popup?: string;\n };\n onSelectEvent?: (event: Event) => void;\n onSelectSlot?: (slotInfo: {\n start: Date;\n end: Date;\n action: 'select' | 'click' | 'doubleClick';\n }) => void;\n onNavigate?: (date: Date, view: string) => void;\n defaultView?: 'month' | 'week' | 'day' | 'agenda';\n defaultDate?: Date;\n min?: Date;\n max?: Date;\n eventPropGetter?: (\n event: Event,\n start: Date,\n end: Date,\n isSelected: boolean,\n ) => { className?: string; style?: CSSProperties };\n dayPropGetter?: (date: Date) => { className?: string; style?: CSSProperties };\n views?: Array<'month' | 'week' | 'day' | 'agenda'>;\n formats?: object;\n culture?: string;\n messages?: object;\n popup?: boolean;\n components?: object;\n};\n\nexport const Calendar = ({\n localizer,\n events,\n classNames,\n onSelectEvent,\n onSelectSlot,\n onNavigate,\n defaultView,\n defaultDate,\n min,\n max,\n eventPropGetter,\n dayPropGetter,\n views,\n formats,\n culture,\n messages,\n popup,\n components,\n}: CalendarProps) => {\n const handleEventProps = (\n event: Event,\n start: Date,\n end: Date,\n isSelected: boolean,\n ) => {\n const customProps = eventPropGetter?.(event, start, end, isSelected);\n const { variant } = event as { variant?: CalendarVariant };\n\n return {\n ...customProps,\n className: cx(\n classNames?.event,\n calendarEvent({ variant }),\n customProps?.className,\n ),\n };\n };\n\n return (\n <BigCalendar\n className={cx(\n classNames?.calendar ?? calendar(),\n classNames?.root ?? calendarRoot(),\n classNames?.toolbar ?? calendarToolbar(),\n classNames?.month ?? calendarMonth(),\n classNames?.agenda ?? calendarAgenda(),\n classNames?.timeGrid ?? calendarTimeGrid(),\n classNames?.popup ?? calendarPopup(),\n )}\n localizer={localizer}\n events={events}\n onSelectEvent={onSelectEvent}\n onSelectSlot={onSelectSlot}\n onNavigate={onNavigate}\n defaultView={defaultView}\n defaultDate={defaultDate}\n min={min}\n max={max}\n eventPropGetter={handleEventProps}\n dayPropGetter={dayPropGetter}\n views={views}\n formats={formats}\n culture={culture}\n messages={messages}\n popup={popup}\n components={components}\n />\n );\n};\n"],"mappings":"+VAgEA,MAAaA,GAAY,CACvB,YACA,SACA,aACA,gBACA,eACA,aACA,cACA,cACA,MACA,MACA,kBACA,gBACA,QACA,UACA,UACA,WACA,QACA,gBAsBE,EAACC,EAAAA,CACC,UAAW,EACT,GAAY,UAAY,GAAU,CAClC,GAAY,MAAQ,GAAc,CAClC,GAAY,SAAW,GAAiB,CACxC,GAAY,OAAS,GAAe,CACpC,GAAY,QAAU,GAAgB,CACtC,GAAY,UAAY,GAAkB,CAC1C,GAAY,OAAS,GAAe,CACrC,CACU,YACH,SACO,gBACD,eACF,aACC,cACA,cACR,MACA,MACL,iBAtCF,EACA,EACA,EACA,IACG,CACH,IAAM,EAAc,IAAkB,EAAO,EAAO,EAAK,EAAW,CAC9D,CAAE,WAAY,EAEpB,MAAO,CACL,GAAG,EACH,UAAW,EACT,GAAY,MACZ,EAAc,CAAE,UAAS,CAAC,CAC1B,GAAa,UACd,CACF,EAwBgB,gBACR,QACE,UACA,UACC,WACH,QACK,cACZ"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { AssignedUser, AssignedUserProps } from "./assigned-user/AssignedUser.mjs";
|
|
2
2
|
import { Avatar, AvatarProps } from "./avatar/Avatar.mjs";
|
|
3
3
|
import { Badge, BadgeProps } from "./badge/Badge.mjs";
|
|
4
|
-
import { Calendar, CalendarEvent, CalendarProps, DateLocalizer, momentLocalizer } from "./calendar/Calendar.mjs";
|
|
4
|
+
import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, DateLocalizer, momentLocalizer } from "./calendar/Calendar.mjs";
|
|
5
5
|
import { Icon, IconProps } from "./icons/icon/Icon.mjs";
|
|
6
6
|
import { IconRaw, IconRawProps } from "./icons/icon-raw/IconRaw.mjs";
|
|
7
7
|
import { IconSvg, IconSvgProps } from "./icons/icon-svg/IconSvg.mjs";
|
|
@@ -13,7 +13,7 @@ import { DatePicker, DatePickerProps } from "./controls/date-picker/DatePicker.m
|
|
|
13
13
|
import { AssignedUser, AssignedUserProps } from "./data-display/assigned-user/AssignedUser.mjs";
|
|
14
14
|
import { Avatar, AvatarProps } from "./data-display/avatar/Avatar.mjs";
|
|
15
15
|
import { Badge, BadgeProps } from "./data-display/badge/Badge.mjs";
|
|
16
|
-
import { Calendar, CalendarEvent, CalendarProps, DateLocalizer, momentLocalizer } from "./data-display/calendar/Calendar.mjs";
|
|
16
|
+
import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, DateLocalizer, momentLocalizer } from "./data-display/calendar/Calendar.mjs";
|
|
17
17
|
import { Icon, IconProps } from "./data-display/icons/icon/Icon.mjs";
|
|
18
18
|
import { IconRaw, IconRawProps } from "./data-display/icons/icon-raw/IconRaw.mjs";
|
|
19
19
|
import { IconSvg, IconSvgProps } from "./data-display/icons/icon-svg/IconSvg.mjs";
|
package/dist/index.d.mts
CHANGED
|
@@ -12,7 +12,7 @@ import { DatePicker, DatePickerProps } from "./components/controls/date-picker/D
|
|
|
12
12
|
import { AssignedUser, AssignedUserProps } from "./components/data-display/assigned-user/AssignedUser.mjs";
|
|
13
13
|
import { Avatar, AvatarProps } from "./components/data-display/avatar/Avatar.mjs";
|
|
14
14
|
import { Badge, BadgeProps } from "./components/data-display/badge/Badge.mjs";
|
|
15
|
-
import { Calendar, CalendarEvent, CalendarProps, DateLocalizer, momentLocalizer } from "./components/data-display/calendar/Calendar.mjs";
|
|
15
|
+
import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, DateLocalizer, momentLocalizer } from "./components/data-display/calendar/Calendar.mjs";
|
|
16
16
|
import { Icon, IconProps } from "./components/data-display/icons/icon/Icon.mjs";
|
|
17
17
|
import { IconRaw, IconRawProps } from "./components/data-display/icons/icon-raw/IconRaw.mjs";
|
|
18
18
|
import { IconSvg, IconSvgProps } from "./components/data-display/icons/icon-svg/IconSvg.mjs";
|
|
@@ -66,4 +66,4 @@ import { Tooltip, TooltipProps } from "./components/overlays/tooltip/Tooltip.mjs
|
|
|
66
66
|
import "./components/index.mjs";
|
|
67
67
|
import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.mjs";
|
|
68
68
|
import "./providers/index.mjs";
|
|
69
|
-
export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, Card, CardProps, Checkbox, CheckboxProps, Chevron, ChevronProps, ClearButton, ClearButtonProps, Combobox, ComboboxProps, DateLocalizer, DatePicker, DatePickerProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, MultiSelect, MultiSelectProps, MultiSelectTags, MultiSelectTagsProps, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, OptionProps, PASSWORD_RULES, PasswordInput, PasswordInputProps, PasswordInputStrength, PasswordInputStrengthProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, VisuallyHidden, VisuallyHiddenProps, momentLocalizer, usePasswordRules, z };
|
|
69
|
+
export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarVariant, Card, CardProps, Checkbox, CheckboxProps, Chevron, ChevronProps, ClearButton, ClearButtonProps, Combobox, ComboboxProps, DateLocalizer, DatePicker, DatePickerProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, FileData, FileInput, FileInputMultiple, FileInputMultipleProps, FileInputProps, FluidGrid, FluidGridProps, Form, FormProps, Grid, GridClassNames, HorizontalDivider, HorizontalDividerProps, Icon, IconProps, IconRaw, IconRawProps, IconSvg, IconSvgProps, IconWrapped, IconWrappedProps, Indicator, IndicatorProps, LoaderDot, LoaderDotProps, LoaderOval, LoaderOvalProps, LogoImage, LogoImageProps, LogoSvg, LogoSvgProps, MageUiProvider, MageUiProviderProps, Menu, MenuProps, Modal, ModalClassNames, ModalIntent, ModalProps, ModalRegistry, ModalRegistryEntry, ModalRootProps, Modals, MultiSelect, MultiSelectProps, MultiSelectTags, MultiSelectTagsProps, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, OptionProps, PASSWORD_RULES, PasswordInput, PasswordInputProps, PasswordInputStrength, PasswordInputStrengthProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, VisuallyHidden, VisuallyHiddenProps, momentLocalizer, usePasswordRules, z };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@mage-ui/components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.62",
|
|
4
4
|
"private": false,
|
|
5
5
|
"description": "",
|
|
6
6
|
"keywords": [],
|
|
@@ -25,8 +25,8 @@
|
|
|
25
25
|
"rimraf": "^6.1.3",
|
|
26
26
|
"tsdown": "^0.20.3",
|
|
27
27
|
"typescript": "^5.9.3",
|
|
28
|
-
"@mage-ui/
|
|
29
|
-
"@mage-ui/
|
|
28
|
+
"@mage-ui/styled-system": "1.0.8",
|
|
29
|
+
"@mage-ui/preset": "1.0.62"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"@hookform/resolvers": "^5.2.2",
|