@mage-ui/components 1.0.87 → 1.0.88
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/controls/avatar-upload/AvatarUpload.mjs +1 -1
- package/dist/components/data-display/calendar/Calendar.d.mts +14 -46
- 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/datatables/DataTableSkeleton.mjs +1 -1
- package/dist/components/data-display/datatables/DataTableSkeleton.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/dist/index.mjs +1 -1
- package/package.json +3 -3
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{Tooltip as e}from"../../overlays/tooltip/Tooltip.mjs";import{Icon as t}from"../../data-display/icons/icon/Icon.mjs";import{cx as n}from"@mage-ui/styled-system/css";import{avatarUpload as r,avatarUploadAvatar as i,avatarUploadIcon as a,avatarUploadIconSlot as o,avatarUploadImage as s,avatarUploadOverlay as c,avatarUploadRoot as l}from"@mage-ui/styled-system/recipes";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{useState as f}from"react";import{visuallyHidden as p}from"@mage-ui/styled-system/patterns";const m=({src:m,onChange:h,label:g={upload:`Upload`,edit:`Edit`},avatarAlt:_=`Avatar`,inputId:v,name:y,tooltipOffset:b=0,classNames:x})=>{let[S,C]=f(void 0),w=S??m,T=e=>{let t=e.target.files?.[0];if(t){let e=new FileReader;e.onload=()=>C(e.result),e.readAsDataURL(t),h?.(t)}};return u(`label`,{htmlFor:v,"data-has-image":w?!0:void 0,className:n(x?.avatarUpload??r(),x?.root??l(),`group`),children:u(e,{label:w?g?.edit:g?.upload,withArrow:!0,offset:b,children:d(`div`,{className:x?.avatar??i(),children:[w&&u(`img`,{src:w,alt:_,className:x?.image??s()}),u(`div`,{className:x?.overlay??c()}),u(`div`,{className:x?.iconSlot??o(),children:u(t,{name:`avatar-upload-edit-04`,path:`/icons/sprite-mage.svg`,classNames:{icon:x?.icon?.icon??a()}})}),u(`input`,{id:v,type:`file`,accept:`image/*`,className:p(),onChange:T,name:y})]})})})};export{m as AvatarUpload};
|
|
2
2
|
//# sourceMappingURL=AvatarUpload.mjs.map
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { CalendarEventVariantProps } from "@mage-ui/styled-system/recipes";
|
|
2
2
|
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
3
|
+
import "dayjs/locale/es";
|
|
4
|
+
import "dayjs/locale/ca";
|
|
5
|
+
import "dayjs/locale/en";
|
|
6
|
+
import { CalendarProps, DateLocalizer, Event, Event as CalendarEvent, View } from "react-big-calendar";
|
|
5
7
|
|
|
6
8
|
//#region src/components/data-display/calendar/Calendar.d.ts
|
|
7
9
|
type CalendarVariant = NonNullable<CalendarEventVariantProps['variant']>;
|
|
8
|
-
type
|
|
9
|
-
|
|
10
|
-
events?: Event[];
|
|
10
|
+
type CalendarView = View;
|
|
11
|
+
type CalendarProps$1 = Omit<CalendarProps<Event>, 'localizer'> & {
|
|
11
12
|
classNames?: {
|
|
12
13
|
calendar?: string;
|
|
13
14
|
root?: string;
|
|
@@ -18,52 +19,19 @@ type CalendarProps = {
|
|
|
18
19
|
timeGrid?: string;
|
|
19
20
|
popup?: string;
|
|
20
21
|
};
|
|
21
|
-
onSelectEvent?: (event: Event) => void;
|
|
22
|
-
onSelectSlot?: (slotInfo: {
|
|
23
|
-
start: Date;
|
|
24
|
-
end: Date;
|
|
25
|
-
action: 'select' | 'click' | 'doubleClick';
|
|
26
|
-
}) => void;
|
|
27
|
-
onNavigate?: (date: Date, view: string) => void;
|
|
28
|
-
defaultView?: 'month' | 'week' | 'day' | 'agenda';
|
|
29
|
-
defaultDate?: Date;
|
|
30
|
-
min?: Date;
|
|
31
|
-
max?: Date;
|
|
32
|
-
eventPropGetter?: (event: Event, start: Date, end: Date, isSelected: boolean) => {
|
|
33
|
-
className?: string;
|
|
34
|
-
style?: CSSProperties;
|
|
35
|
-
};
|
|
36
|
-
dayPropGetter?: (date: Date) => {
|
|
37
|
-
className?: string;
|
|
38
|
-
style?: CSSProperties;
|
|
39
|
-
};
|
|
40
|
-
views?: Array<'month' | 'week' | 'day' | 'agenda'>;
|
|
41
|
-
formats?: object;
|
|
42
|
-
culture?: string;
|
|
43
|
-
messages?: object;
|
|
44
|
-
popup?: boolean;
|
|
45
|
-
components?: object;
|
|
46
22
|
};
|
|
47
23
|
declare const Calendar$1: ({
|
|
48
|
-
localizer,
|
|
49
|
-
events,
|
|
50
24
|
classNames,
|
|
51
|
-
|
|
52
|
-
onSelectSlot,
|
|
53
|
-
onNavigate,
|
|
25
|
+
culture,
|
|
54
26
|
defaultView,
|
|
55
|
-
|
|
56
|
-
min,
|
|
57
|
-
max,
|
|
27
|
+
components,
|
|
58
28
|
eventPropGetter,
|
|
59
|
-
dayPropGetter,
|
|
60
|
-
views,
|
|
61
29
|
formats,
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
}: CalendarProps) => react_jsx_runtime0.JSX.Element;
|
|
30
|
+
onView,
|
|
31
|
+
tooltipAccessor,
|
|
32
|
+
view,
|
|
33
|
+
...props
|
|
34
|
+
}: CalendarProps$1) => react_jsx_runtime0.JSX.Element;
|
|
67
35
|
//#endregion
|
|
68
|
-
export { Calendar$1 as Calendar, type CalendarEvent, CalendarProps, CalendarVariant, type DateLocalizer
|
|
36
|
+
export { Calendar$1 as Calendar, type CalendarEvent, CalendarProps$1 as CalendarProps, CalendarVariant, CalendarView, type DateLocalizer };
|
|
69
37
|
//# 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":";;;;;;;;KA8CY,eAAA,GAAkB,WAAA,CAAY,yBAAA;AAAA,KAC9B,YAAA,GAAe,IAAA;AAAA,KAOf,eAAA,GAAgB,IAAA,CAAK,aAAA,CAAiB,KAAA;EAChD,UAAA;IACE,QAAA;IACA,IAAA;IACA,OAAA;IACA,KAAA;IACA,KAAA;IACA,MAAA;IACA,QAAA;IACA,KAAA;EAAA;AAAA;AAAA,cA+BS,UAAA;EAAY,UAAA;EAAA,OAAA;EAAA,WAAA;EAAA,UAAA;EAAA,eAAA;EAAA,OAAA;EAAA,MAAA;EAAA,eAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAWtB,eAAA,KAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{
|
|
1
|
+
import{Tooltip as e}from"../../overlays/tooltip/Tooltip.mjs";import{cx as t}from"@mage-ui/styled-system/css";import{calendar as n,calendarAgenda as r,calendarEvent as i,calendarMonth as a,calendarPopup as o,calendarRoot as s,calendarTimeGrid as c,calendarToolbar as l}from"@mage-ui/styled-system/recipes";import{jsx as u,jsxs as d}from"react/jsx-runtime";import{useState as f}from"react";import p from"dayjs";import"dayjs/locale/es";import"dayjs/locale/ca";import"dayjs/locale/en";import{Calendar as m,dayjsLocalizer as h}from"react-big-calendar";const g=h(p),_=e=>({monthHeaderFormat:t=>p(t).locale(e).format(`MMMM [de] YYYY`).replace(/^./,e=>e.toUpperCase()),dayHeaderFormat:t=>p(t).locale(e).format(`dddd D [de] MMMM`),timeGutterFormat:`HH:mm`}),v=(e,t,n)=>{let r=t.title?.(e)??e.title,i=t.start?.(e)??e.start,a=t.end?.(e)??e.end,o=!e.allDay&&i&&a;return!r&&!o?null:d(`div`,{children:[o?d(`div`,{children:[p(i).locale(n).format(`HH:mm`),` -`,` `,p(a).locale(n).format(`HH:mm`)]}):null,r?u(`strong`,{children:r}):null]})},y=({classNames:d,culture:p=`es`,defaultView:h=`month`,components:y,eventPropGetter:b,formats:x,onView:S,tooltipAccessor:C,view:w,...T})=>{let[E,D]=f(w??h??`month`),O=w??E,k=O===`month`||O===`week`||O===`day`,A=k?({event:t,accessors:n,children:r})=>{let i=v(t,n,p);return!r||!i?r??null:u(e,{label:i,position:`top`,withArrow:!0,children:r})}:void 0,j=!k||(y?.eventWrapper||A)&&C===void 0?null:C,M={..._(p),...x??{}},N=A||y?.eventWrapper?{...y,eventWrapper:y?.eventWrapper??A}:y;return u(m,{className:t(d?.calendar??n(),d?.root??s(),d?.toolbar??l(),d?.month??a(),d?.agenda??r(),d?.timeGrid??c(),d?.popup??o()),localizer:g,culture:p,defaultView:h,eventPropGetter:(e,n,r,a)=>{let o=b?.(e,n,r,a),{variant:s}=e;return{...o,className:t(d?.event,i({variant:s}),o?.className)}},formats:M,onView:e=>{w===void 0&&D(e),S?.(e)},components:N,tooltipAccessor:j,view:w,...T})};export{y as Calendar};
|
|
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
|
|
1
|
+
{"version":3,"file":"Calendar.mjs","names":["Calendar","BigCalendar"],"sources":["../../../../src/components/data-display/calendar/Calendar.tsx"],"sourcesContent":["import dayjs from 'dayjs';\nimport { type ReactNode, useState } from 'react';\nimport 'dayjs/locale/es';\nimport 'dayjs/locale/ca';\nimport 'dayjs/locale/en';\nimport {\n Calendar as BigCalendar,\n type CalendarProps as BigCalendarProps,\n dayjsLocalizer,\n type Event,\n type EventWrapperProps,\n type View,\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\nimport { Tooltip } from '../../overlays/tooltip/Tooltip';\n\nexport type { DateLocalizer, Event as CalendarEvent } from 'react-big-calendar';\n\nconst localizer = dayjsLocalizer(dayjs);\n\nconst getDefaultFormats = (culture: string) => {\n return {\n monthHeaderFormat: (date: Date) =>\n dayjs(date)\n .locale(culture)\n .format('MMMM [de] YYYY')\n .replace(/^./, (str) => str.toUpperCase()),\n dayHeaderFormat: (date: Date) =>\n dayjs(date).locale(culture).format('dddd D [de] MMMM'),\n timeGutterFormat: 'HH:mm',\n };\n};\n\nexport type CalendarVariant = NonNullable<CalendarEventVariantProps['variant']>;\nexport type CalendarView = View;\n\ntype CalendarEventWrapperProps = EventWrapperProps<Event> & {\n children?: ReactNode;\n type?: 'date' | 'time';\n};\n\nexport type CalendarProps = Omit<BigCalendarProps<Event>, 'localizer'> & {\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};\n\nconst getEventTooltipContent = (\n event: Event,\n accessors: CalendarEventWrapperProps['accessors'],\n culture: string,\n) => {\n const title = accessors.title?.(event) ?? event.title;\n const start = accessors.start?.(event) ?? event.start;\n const end = accessors.end?.(event) ?? event.end;\n const showTimeRange = !event.allDay && start && end;\n\n if (!title && !showTimeRange) {\n return null;\n }\n\n return (\n <div>\n {showTimeRange ? (\n <div>\n {dayjs(start).locale(culture).format('HH:mm')} -{' '}\n {dayjs(end).locale(culture).format('HH:mm')}\n </div>\n ) : null}\n {title ? <strong>{title}</strong> : null}\n </div>\n );\n};\n\nexport const Calendar = ({\n classNames,\n culture = 'es',\n defaultView = 'month',\n components,\n eventPropGetter,\n formats,\n onView,\n tooltipAccessor,\n view,\n ...props\n}: CalendarProps) => {\n const [internalView, setInternalView] = useState<CalendarView>(\n view ?? defaultView ?? 'month',\n );\n const currentView = view ?? internalView;\n const showTooltip =\n currentView === 'month' || currentView === 'week' || currentView === 'day';\n const defaultEventWrapper = showTooltip\n ? ({ event, accessors, children }: CalendarEventWrapperProps) => {\n const label = getEventTooltipContent(event, accessors, culture);\n\n if (!children || !label) {\n return children ?? null;\n }\n\n return (\n <Tooltip label={label} position='top' withArrow>\n {children}\n </Tooltip>\n );\n }\n : undefined;\n const resolvedTooltipAccessor =\n !showTooltip ||\n ((components?.eventWrapper || defaultEventWrapper) &&\n tooltipAccessor === undefined)\n ? null\n : tooltipAccessor;\n const mergedFormats = {\n ...getDefaultFormats(culture),\n ...(formats ?? {}),\n };\n const resolvedComponents =\n defaultEventWrapper || components?.eventWrapper\n ? {\n ...components,\n eventWrapper: components?.eventWrapper ?? defaultEventWrapper,\n }\n : components;\n\n const handleView = (nextView: CalendarView) => {\n if (view === undefined) {\n setInternalView(nextView);\n }\n\n onView?.(nextView);\n };\n\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 culture={culture}\n defaultView={defaultView}\n eventPropGetter={handleEventProps}\n formats={mergedFormats}\n onView={handleView}\n components={resolvedComponents}\n tooltipAccessor={resolvedTooltipAccessor}\n view={view}\n {...props}\n />\n );\n};\n"],"mappings":"miBA+BA,MAAM,EAAY,EAAe,EAAM,CAEjC,EAAqB,IAClB,CACL,kBAAoB,GAClB,EAAM,EAAK,CACR,OAAO,EAAQ,CACf,OAAO,iBAAiB,CACxB,QAAQ,KAAO,GAAQ,EAAI,aAAa,CAAC,CAC9C,gBAAkB,GAChB,EAAM,EAAK,CAAC,OAAO,EAAQ,CAAC,OAAO,mBAAmB,CACxD,iBAAkB,QACnB,EAwBG,GACJ,EACA,EACA,IACG,CACH,IAAM,EAAQ,EAAU,QAAQ,EAAM,EAAI,EAAM,MAC1C,EAAQ,EAAU,QAAQ,EAAM,EAAI,EAAM,MAC1C,EAAM,EAAU,MAAM,EAAM,EAAI,EAAM,IACtC,EAAgB,CAAC,EAAM,QAAU,GAAS,EAMhD,MAJI,CAAC,GAAS,CAAC,EACN,KAIP,EAAC,MAAA,CAAA,SAAA,CACE,EACC,EAAC,MAAA,CAAA,SAAA,CACE,EAAM,EAAM,CAAC,OAAO,EAAQ,CAAC,OAAO,QAAQ,CAAC,KAAG,IAChD,EAAM,EAAI,CAAC,OAAO,EAAQ,CAAC,OAAO,QAAQ,GACvC,CACJ,KACH,EAAQ,EAAC,SAAA,CAAA,SAAQ,EAAA,CAAe,CAAG,KAAA,CAAA,CAChC,EAIGA,GAAY,CACvB,aACA,UAAU,KACV,cAAc,QACd,aACA,kBACA,UACA,SACA,kBACA,OACA,GAAG,KACgB,CACnB,GAAM,CAAC,EAAc,GAAmB,EACtC,GAAQ,GAAe,QACxB,CACK,EAAc,GAAQ,EACtB,EACJ,IAAgB,SAAW,IAAgB,QAAU,IAAgB,MACjE,EAAsB,GACvB,CAAE,QAAO,YAAW,cAA0C,CAC7D,IAAM,EAAQ,EAAuB,EAAO,EAAW,EAAQ,CAM/D,MAJI,CAAC,GAAY,CAAC,EACT,GAAY,KAInB,EAAC,EAAA,CAAe,QAAO,SAAS,MAAM,UAAA,GACnC,YACO,EAGd,IAAA,GACE,EACJ,CAAC,IACC,GAAY,cAAgB,IAC5B,IAAoB,IAAA,GAClB,KACA,EACA,EAAgB,CACpB,GAAG,EAAkB,EAAQ,CAC7B,GAAI,GAAW,EAAE,CAClB,CACK,EACJ,GAAuB,GAAY,aAC/B,CACE,GAAG,EACH,aAAc,GAAY,cAAgB,EAC3C,CACD,EA6BN,OACE,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,YACF,UACI,cACb,iBAhCF,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,EAkBC,QAAS,EACT,OA3CgB,GAA2B,CACzC,IAAS,IAAA,IACX,EAAgB,EAAS,CAG3B,IAAS,EAAS,EAuChB,WAAY,EACZ,gBAAiB,EACX,OACN,GAAI,GACJ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{VisuallyHidden as e}from"../../misc/visually-hidden/VisuallyHidden.mjs";import{useDataTableContext as t}from"./useDataTableContext.mjs";import{dataTableSkeleton as n,dataTableSkeletonCell as r,dataTableSkeletonRow as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=[[`
|
|
1
|
+
import{VisuallyHidden as e}from"../../misc/visually-hidden/VisuallyHidden.mjs";import{useDataTableContext as t}from"./useDataTableContext.mjs";import{dataTableSkeleton as n,dataTableSkeletonCell as r,dataTableSkeletonRow as i}from"@mage-ui/styled-system/recipes";import{jsx as a,jsxs as o}from"react/jsx-runtime";const s=[[`100%`]],c=({rows:c,className:l})=>{let{labels:u}=t();return o(`div`,{className:l??n(),children:[a(e,{children:u.loading}),Array.from({length:c},(e,t)=>{let n=s[t%s.length];return a(`div`,{className:i(),children:n.map((e,t)=>a(`div`,{className:r(),style:{width:e}},t))},t)})]})};export{c as DataTableSkeleton};
|
|
2
2
|
//# sourceMappingURL=DataTableSkeleton.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DataTableSkeleton.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableSkeleton.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n dataTableSkeleton,\n dataTableSkeletonCell,\n dataTableSkeletonRow,\n} from '@mage-ui/styled-system/recipes';\n\nimport { VisuallyHidden } from '../../misc/visually-hidden/VisuallyHidden';\nimport { useDataTableContext } from './useDataTableContext';\n\n// Cycling widths to give rows visual variety\nconst CELL_WIDTH_PATTERNS = [
|
|
1
|
+
{"version":3,"file":"DataTableSkeleton.mjs","names":[],"sources":["../../../../src/components/data-display/datatables/DataTableSkeleton.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport {\n dataTableSkeleton,\n dataTableSkeletonCell,\n dataTableSkeletonRow,\n} from '@mage-ui/styled-system/recipes';\n\nimport { VisuallyHidden } from '../../misc/visually-hidden/VisuallyHidden';\nimport { useDataTableContext } from './useDataTableContext';\n\n// Cycling widths to give rows visual variety\nconst CELL_WIDTH_PATTERNS = [['100%']];\n\ntype DataTableSkeletonProps = {\n rows: number;\n className?: string;\n};\n\nexport const DataTableSkeleton = ({\n rows,\n className,\n}: DataTableSkeletonProps): ReactNode => {\n const { labels } = useDataTableContext();\n\n return (\n <div className={className ?? dataTableSkeleton()}>\n <VisuallyHidden>{labels.loading}</VisuallyHidden>\n {Array.from({ length: rows }, (_, i) => {\n const widths = CELL_WIDTH_PATTERNS[i % CELL_WIDTH_PATTERNS.length];\n\n return (\n <div key={i} className={dataTableSkeletonRow()}>\n {widths.map((width, j) => (\n <div\n key={j}\n className={dataTableSkeletonCell()}\n style={{ width }}\n />\n ))}\n </div>\n );\n })}\n </div>\n );\n};\n"],"mappings":"yTAYA,MAAM,EAAsB,CAAC,CAAC,OAAO,CAAC,CAOzB,GAAqB,CAChC,OACA,eACuC,CACvC,GAAM,CAAE,UAAW,GAAqB,CAExC,OACE,EAAC,MAAA,CAAI,UAAW,GAAa,GAAmB,WAC9C,EAAC,EAAA,CAAA,SAAgB,EAAO,QAAA,CAAyB,CAChD,MAAM,KAAK,CAAE,OAAQ,EAAM,EAAG,EAAG,IAAM,CACtC,IAAM,EAAS,EAAoB,EAAI,EAAoB,QAE3D,OACE,EAAC,MAAA,CAAY,UAAW,GAAsB,UAC3C,EAAO,KAAK,EAAO,IAClB,EAAC,MAAA,CAEC,UAAW,GAAuB,CAClC,MAAO,CAAE,QAAO,EAFX,EAGL,CACF,EAPM,EAQJ,EAER,CAAA,EACE"}
|
|
@@ -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, CalendarVariant,
|
|
4
|
+
import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, CalendarView, DateLocalizer } from "./calendar/Calendar.mjs";
|
|
5
5
|
import { TableClassNames, TableProps } from "./table/TableRoot.mjs";
|
|
6
6
|
import { TableHeadProps } from "./table/TableHead.mjs";
|
|
7
7
|
import { TableBodyProps } from "./table/TableBody.mjs";
|
|
@@ -8,7 +8,7 @@ import "./buttons/index.mjs";
|
|
|
8
8
|
import { AssignedUser, AssignedUserProps } from "./data-display/assigned-user/AssignedUser.mjs";
|
|
9
9
|
import { Avatar, AvatarProps } from "./data-display/avatar/Avatar.mjs";
|
|
10
10
|
import { Badge, BadgeProps } from "./data-display/badge/Badge.mjs";
|
|
11
|
-
import { Calendar, CalendarEvent, CalendarProps, CalendarVariant,
|
|
11
|
+
import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, CalendarView, DateLocalizer } from "./data-display/calendar/Calendar.mjs";
|
|
12
12
|
import { ScrollArea, ScrollAreaClassNames, ScrollAreaProps } from "./misc/scroll-area/ScrollArea.mjs";
|
|
13
13
|
import { TableClassNames, TableProps } from "./data-display/table/TableRoot.mjs";
|
|
14
14
|
import { TableHeadProps } from "./data-display/table/TableHead.mjs";
|
package/dist/index.d.mts
CHANGED
|
@@ -7,7 +7,7 @@ import { ButtonVisual, ButtonVisualProps } from "./components/buttons/button-vis
|
|
|
7
7
|
import { AssignedUser, AssignedUserProps } from "./components/data-display/assigned-user/AssignedUser.mjs";
|
|
8
8
|
import { Avatar, AvatarProps } from "./components/data-display/avatar/Avatar.mjs";
|
|
9
9
|
import { Badge, BadgeProps } from "./components/data-display/badge/Badge.mjs";
|
|
10
|
-
import { Calendar, CalendarEvent, CalendarProps, CalendarVariant,
|
|
10
|
+
import { Calendar, CalendarEvent, CalendarProps, CalendarVariant, CalendarView, DateLocalizer } from "./components/data-display/calendar/Calendar.mjs";
|
|
11
11
|
import { ScrollArea, ScrollAreaClassNames, ScrollAreaProps } from "./components/misc/scroll-area/ScrollArea.mjs";
|
|
12
12
|
import { TableClassNames, TableProps } from "./components/data-display/table/TableRoot.mjs";
|
|
13
13
|
import { TableHeadProps } from "./components/data-display/table/TableHead.mjs";
|
|
@@ -84,4 +84,4 @@ import { Tooltip, TooltipProps } from "./components/overlays/tooltip/Tooltip.mjs
|
|
|
84
84
|
import "./components/index.mjs";
|
|
85
85
|
import { MageUiProvider, MageUiProviderProps } from "./providers/MageUiProvider.mjs";
|
|
86
86
|
import "./providers/index.mjs";
|
|
87
|
-
export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, AvatarUpload, AvatarUploadProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarVariant, Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardProps, CardRoot, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue, DataTableErrorState, DataTableExpansionConfig, DataTableExtraColumnConfig, DataTableFiltersConfig, DataTableLabels, DataTablePageSize, DataTablePageSizeProps, DataTablePagination, DataTablePaginationConfig, DataTablePaginationProps, DataTableProps, DataTableRecord, DataTableSearchConfig, DataTableSelectionConfig, DataTableSortingConfig, DataTableTableConfig, DataTableTopSlot, DataTableTopSlotProps, DateLocalizer, DatePicker, DatePickerProps, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, ExpandedState, 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, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, Pagination, PaginationClassNames, PaginationRootProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, RowSelectionState, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, SortingState, Switch, SwitchGroup, SwitchGroupProps, SwitchProps, Table, TableBodyProps, TableCaptionProps, TableCellProps, TableClassNames, TableFootProps, TableHeadProps, TableHeaderCellProps, TableProps, TableRowProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps,
|
|
87
|
+
export { AssignedUser, AssignedUserProps, Autocomplete, AutocompleteProps, Avatar, AvatarProps, AvatarUpload, AvatarUploadProps, Badge, BadgeProps, Breadcrumbs, BreadcrumbsBarProps, BreadcrumbsProps, Button, ButtonAction, ButtonActionProps, ButtonIcon, ButtonIconProps, ButtonIconVisual, ButtonIconVisualProps, ButtonLoader, ButtonProps, ButtonVisual, ButtonVisualProps, Calendar, CalendarEvent, CalendarProps, CalendarVariant, CalendarView, Card, CardBase, CardBody, CardClassNames, CardFooter, CardHeader, CardProps, CardRoot, Checkbox, CheckboxProps, ColumnDef, Combobox, ComboboxProps, DEFAULT_DATA_TABLE_LABELS, DataTable, DataTableBottomSlot, DataTableBottomSlotProps, DataTableClassNames, DataTableColumnMeta, DataTableContextProvider, DataTableContextValue, DataTableErrorState, DataTableExpansionConfig, DataTableExtraColumnConfig, DataTableFiltersConfig, DataTableLabels, DataTablePageSize, DataTablePageSizeProps, DataTablePagination, DataTablePaginationConfig, DataTablePaginationProps, DataTableProps, DataTableRecord, DataTableSearchConfig, DataTableSelectionConfig, DataTableSortingConfig, DataTableTableConfig, DataTableTopSlot, DataTableTopSlotProps, DateLocalizer, DatePicker, DatePickerProps, DescriptionList, DescriptionListClassNames, DescriptionListItemProps, DescriptionListProps, Dropzone, DropzoneFiles, DropzoneFilesProps, DropzoneProps, ExpandedState, 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, NotificationBanner, NotificationBannerIntent, NotificationBannerProps, PASSWORD_RULES, Pagination, PaginationClassNames, PaginationRootProps, PaginationState, PasswordInput, PasswordInputProps, PasswordRule, PasswordRuleDefinition, PasswordSegment, PasswordStrengthInput, PasswordStrengthInputProps, Radio, RadioProps, RemovableItem, RemovableItemProps, RowSelectionState, ScrollArea, ScrollAreaAutosize, ScrollAreaAutosizeProps, ScrollAreaClassNames, ScrollAreaProps, Select, SelectProps, Sidebar, SidebarClassNames, SidebarProps, SortingState, Switch, SwitchGroup, SwitchGroupProps, SwitchProps, Table, TableBodyProps, TableCaptionProps, TableCellProps, TableClassNames, TableFootProps, TableHeadProps, TableHeaderCellProps, TableProps, TableRowProps, Tag, TagGroup, TagGroupProps, TagProps, TextInput, TextInputProps, Textarea, TextareaProps, Toast, ToastOptions, ToastProviderProps, Tooltip, TooltipProps, UploadedFile, UploadedFileDetails, UploadedFileDetailsProps, UploadedFileProps, Virtual, VirtualItem, VirtualPadding, VirtualProps, VisuallyHidden, VisuallyHiddenProps, useDataTableContext, usePasswordRules, z };
|
package/dist/index.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{
|
|
1
|
+
import{Button as e}from"./components/buttons/button/Button.mjs";import{VisuallyHidden as t}from"./components/misc/visually-hidden/VisuallyHidden.mjs";import{ButtonAction as n}from"./components/buttons/button-action/ButtonAction.mjs";import{ButtonLoader as r}from"./components/buttons/button-action/ButtonLoader.mjs";import{AssignedUser as i}from"./components/data-display/assigned-user/AssignedUser.mjs";import{Avatar as a}from"./components/data-display/avatar/Avatar.mjs";import{Badge as o}from"./components/data-display/badge/Badge.mjs";import{Tooltip as s}from"./components/overlays/tooltip/Tooltip.mjs";import{Calendar as c}from"./components/data-display/calendar/Calendar.mjs";import{Virtual as l}from"./components/misc/virtual/Virtual.mjs";import{ScrollArea as u}from"./components/misc/scroll-area/ScrollArea.mjs";import{Table as d}from"./components/data-display/table/Table.mjs";import{IconRaw as f}from"./components/data-display/icons/icon-raw/IconRaw.mjs";import{Icon as p}from"./components/data-display/icons/icon/Icon.mjs";import{DEFAULT_DATA_TABLE_LABELS as m,DataTableContextProvider as h,useDataTableContext as g}from"./components/data-display/datatables/useDataTableContext.mjs";import{Checkbox as _}from"./components/controls/checkbox/Checkbox.mjs";import{DataTable as v}from"./components/data-display/datatables/DataTable.mjs";import{HorizontalDivider as y}from"./components/misc/horizontal-divider/HorizontalDivider.mjs";import{ScrollAreaAutosize as b}from"./components/misc/scroll-area-autosize/ScrollAreaAutosize.mjs";import{TextInput as x}from"./components/controls/text-input/TextInput.mjs";import{IconWrapped as S}from"./components/data-display/icons/icon-wrapped/IconWrapped.mjs";import{Select as C}from"./components/controls/dropdown/select/Select.mjs";import{DataTablePageSize as w}from"./components/data-display/datatables/DataTablePageSize.mjs";import{Pagination as T}from"./components/navigations/pagination/Pagination.mjs";import{DataTablePagination as E}from"./components/data-display/datatables/DataTablePagination.mjs";import{DataTableBottomSlot as D}from"./components/data-display/datatables/DataTableBottomSlot.mjs";import{DataTableErrorState as O}from"./components/data-display/datatables/DataTableErrorState.mjs";import{DataTableTopSlot as k}from"./components/data-display/datatables/DataTableTopSlot.mjs";import{DescriptionList as A}from"./components/data-display/description-list/DescriptionList.mjs";import{IconSvg as j}from"./components/data-display/icons/icon-svg/IconSvg.mjs";import{Indicator as M}from"./components/data-display/indicator/Indicator.mjs";import{LoaderDot as N}from"./components/data-display/loader-dot/LoaderDot.mjs";import{LoaderOval as P}from"./components/data-display/loader-oval/LoaderOval.mjs";import{LogoImage as F}from"./components/data-display/logos/logo-image/LogoImage.mjs";import{LogoSvg as I}from"./components/data-display/logos/logo-svg/LogoSvg.mjs";import{NotificationBanner as L}from"./components/data-display/notification-banner/NotificationBanner.mjs";import{RemovableItem as R}from"./components/data-display/removable-item/RemovableItem.mjs";import{TagGroup as z}from"./components/data-display/tag-group/TagGroup.mjs";import{Tag as B}from"./components/data-display/tag/Tag.mjs";import{UploadedFile as V}from"./components/data-display/uploaded-file/UploadedFile.mjs";import{UploadedFileDetails as H}from"./components/data-display/uploaded-file/UploadedFileDetails.mjs";import{ButtonIcon as U}from"./components/buttons/button-icon/ButtonIcon.mjs";import{ButtonIconVisual as W}from"./components/buttons/button-icon-visual/ButtonIconVisual.mjs";import{ButtonVisual as G}from"./components/buttons/button-visual/ButtonVisual.mjs";import{Modal as K}from"./components/overlays/modal/Modal.mjs";import{Modals as q}from"./components/overlays/modal/index.mjs";import{Toast as J}from"./components/overlays/toast/toast.mjs";import{AvatarUpload as Y}from"./components/controls/avatar-upload/AvatarUpload.mjs";import{DatePicker as X}from"./components/controls/date-picker/DatePicker.mjs";import{Autocomplete as Z}from"./components/controls/dropdown/autocomplete/Autocomplete.mjs";import{Combobox as Q}from"./components/controls/dropdown/combobox/Combobox.mjs";import{Dropzone as $}from"./components/controls/dropzone/Dropzone.mjs";import{DropzoneFiles as ee}from"./components/controls/dropzone-files/DropzoneFiles.mjs";import{FileInput as te}from"./components/controls/file-input/FileInput.mjs";import{FileInputMultiple as ne}from"./components/controls/file-input/FileInputMultiple.mjs";import{PasswordInput as re}from"./components/controls/password-input/PasswordInput.mjs";import{PasswordStrengthInput as ie}from"./components/controls/password-input/PasswordStrengthInput.mjs";import{usePasswordRules as ae}from"./components/controls/password-input/usePasswordRules.mjs";import{Radio as oe}from"./components/controls/radio/Radio.mjs";import{SwitchGroup as se}from"./components/controls/switch-group/SwitchGroup.mjs";import{Switch as ce}from"./components/controls/switch/Switch.mjs";import{Textarea as le}from"./components/controls/textarea/Textarea.mjs";import{PASSWORD_RULES as ue}from"./components/forms/rules/password-rules.mjs";import{z as de}from"./components/forms/rules/zod.mjs";import{Form as fe}from"./components/forms/Form.mjs";import{Card as pe,CardBase as me,CardBody as he,CardFooter as ge,CardHeader as _e,CardRoot as ve}from"./components/layouts/card/Card.mjs";import{FluidGrid as ye}from"./components/layouts/fluid-grid/FluidGrid.mjs";import{Grid as be}from"./components/layouts/grid/Grid.mjs";import{Breadcrumbs as xe}from"./components/navigations/breadcrumbs/Breadcrumbs.mjs";import{Menu as Se}from"./components/navigations/menu/Menu.mjs";import{Sidebar as Ce}from"./components/navigations/sidebars/sidebar/Sidebar.mjs";import{MageUiProvider as we}from"./providers/MageUiProvider.mjs";export{i as AssignedUser,Z as Autocomplete,a as Avatar,Y as AvatarUpload,o as Badge,xe as Breadcrumbs,e as Button,n as ButtonAction,U as ButtonIcon,W as ButtonIconVisual,r as ButtonLoader,G as ButtonVisual,c as Calendar,pe as Card,me as CardBase,he as CardBody,ge as CardFooter,_e as CardHeader,ve as CardRoot,_ as Checkbox,Q as Combobox,m as DEFAULT_DATA_TABLE_LABELS,v as DataTable,D as DataTableBottomSlot,h as DataTableContextProvider,O as DataTableErrorState,w as DataTablePageSize,E as DataTablePagination,k as DataTableTopSlot,X as DatePicker,A as DescriptionList,$ as Dropzone,ee as DropzoneFiles,te as FileInput,ne as FileInputMultiple,ye as FluidGrid,fe as Form,be as Grid,y as HorizontalDivider,p as Icon,f as IconRaw,j as IconSvg,S as IconWrapped,M as Indicator,N as LoaderDot,P as LoaderOval,F as LogoImage,I as LogoSvg,we as MageUiProvider,Se as Menu,K as Modal,q as Modals,L as NotificationBanner,ue as PASSWORD_RULES,T as Pagination,re as PasswordInput,ie as PasswordStrengthInput,oe as Radio,R as RemovableItem,u as ScrollArea,b as ScrollAreaAutosize,C as Select,Ce as Sidebar,ce as Switch,se as SwitchGroup,d as Table,B as Tag,z as TagGroup,x as TextInput,le as Textarea,J as Toast,s as Tooltip,V as UploadedFile,H as UploadedFileDetails,l as Virtual,t as VisuallyHidden,g as useDataTableContext,ae as usePasswordRules,de as 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.88",
|
|
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.88"
|
|
30
30
|
},
|
|
31
31
|
"peerDependencies": {
|
|
32
32
|
"@ebay/nice-modal-react": "^1.2.13",
|