@medusajs/ui 4.0.5-snapshot-20250209133103 → 4.0.5-snapshot-20250211072223

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.
@@ -1 +1 @@
1
- {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAChE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;IAClD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,mFAqEjB,CAAA"}
1
+ {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAChE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;IAClD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,mFAqEjB,CAAA"}
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ "use client";
2
3
  Object.defineProperty(exports, "__esModule", { value: true });
3
4
  exports.Alert = void 0;
4
5
  const tslib_1 = require("tslib");
@@ -1 +1 @@
1
- {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/alert/alert.tsx"],"names":[],"mappings":";;;;AAAA,qCAAiC;AACjC,2CAMwB;AACxB,qDAA8B;AAE9B,0DAAqD;AAOrD;;;;GAIG;AACU,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CACE;AACE;;GAEG;AACH,OAAO,GAAG,MAAM;AAChB;;GAEG;AACH,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACG,EACb,GAAG,EACH,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,IAAI,GAAG;QACX,IAAI,EAAE,8BAAsB;QAC5B,KAAK,EAAE,oBAAY;QACnB,OAAO,EAAE,wBAAgB;QACzB,OAAO,EAAE,8BAAsB;KAChC,CAAC,OAAO,CAAC,CAAA;IAEV,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,YAAY,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,8FAA8F,EAC9F;YACE,sBAAsB,EAAE,CAAC,WAAW;YACpC,2BAA2B,EAAE,WAAW;SACzC,EACD,SAAS,CACV,KACG,KAAK;QAET,oBAAC,IAAI,IACH,SAAS,EAAE,IAAA,SAAG,EAAC;gBACb,sBAAsB,EAAE,OAAO,KAAK,OAAO;gBAC3C,wBAAwB,EAAE,OAAO,KAAK,SAAS;gBAC/C,yBAAyB,EAAE,OAAO,KAAK,SAAS;gBAChD,0BAA0B,EAAE,OAAO,KAAK,MAAM;aAC/C,CAAC,GACF;QACF,iCAAM,QAAQ,CAAO;QACpB,WAAW,IAAI,CACd,oBAAC,wBAAU,IACT,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,aAAa;YAEtB,oBAAC,iBAAS,IAAC,SAAS,EAAC,kBAAkB,GAAG,CAC/B,CACd,CACG,CACP,CAAA;AACH,CAAC,CACF,CAAA","sourcesContent":["import { clx } from \"@/utils/clx\"\nimport {\n CheckCircleSolid,\n ExclamationCircleSolid,\n InformationCircleSolid,\n XCircleSolid,\n XMarkMini,\n} from \"@medusajs/icons\"\nimport * as React from \"react\"\n\nimport { IconButton } from \"@/components/icon-button\"\n\ninterface AlertProps extends React.ComponentPropsWithoutRef<\"div\"> {\n variant?: \"error\" | \"success\" | \"warning\" | \"info\"\n dismissible?: boolean\n}\n\n/**\n * This component is based on the div element and supports all of its props\n *\n * @excludeExternal\n */\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n (\n {\n /**\n * The variant of the alert\n */\n variant = \"info\",\n /**\n * Whether the alert is dismissible\n */\n dismissible = false,\n className,\n children,\n ...props\n }: AlertProps,\n ref\n ) => {\n const [dismissed, setDismissed] = React.useState(false)\n\n const Icon = {\n info: InformationCircleSolid,\n error: XCircleSolid,\n success: CheckCircleSolid,\n warning: ExclamationCircleSolid,\n }[variant]\n\n const handleDismiss = () => {\n setDismissed(true)\n }\n\n if (dismissed) {\n return null\n }\n\n return (\n <div\n ref={ref}\n className={clx(\n \"bg-ui-bg-subtle text-pretty txt-compact-small grid items-start gap-x-2 rounded-lg border p-3\",\n {\n \"grid-cols-[20px_1fr]\": !dismissible,\n \"grid-cols-[20px_1fr_20px]\": dismissible,\n },\n className\n )}\n {...props}\n >\n <Icon\n className={clx({\n \"text-ui-tag-red-icon\": variant === \"error\",\n \"text-ui-tag-green-icon\": variant === \"success\",\n \"text-ui-tag-orange-icon\": variant === \"warning\",\n \"text-ui-tag-neutral-icon\": variant === \"info\",\n })}\n />\n <div>{children}</div>\n {dismissible && (\n <IconButton\n size=\"2xsmall\"\n variant=\"transparent\"\n type=\"button\"\n onClick={handleDismiss}\n >\n <XMarkMini className=\"text-ui-fg-muted\" />\n </IconButton>\n )}\n </div>\n )\n }\n)\n"]}
1
+ {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/alert/alert.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,qCAAiC;AACjC,2CAMwB;AACxB,qDAA8B;AAE9B,0DAAqD;AAOrD;;;;GAIG;AACU,QAAA,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CACE;AACE;;GAEG;AACH,OAAO,GAAG,MAAM;AAChB;;GAEG;AACH,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACG,EACb,GAAG,EACH,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,IAAI,GAAG;QACX,IAAI,EAAE,8BAAsB;QAC5B,KAAK,EAAE,oBAAY;QACnB,OAAO,EAAE,wBAAgB;QACzB,OAAO,EAAE,8BAAsB;KAChC,CAAC,OAAO,CAAC,CAAA;IAEV,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,YAAY,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,SAAG,EACZ,8FAA8F,EAC9F;YACE,sBAAsB,EAAE,CAAC,WAAW;YACpC,2BAA2B,EAAE,WAAW;SACzC,EACD,SAAS,CACV,KACG,KAAK;QAET,oBAAC,IAAI,IACH,SAAS,EAAE,IAAA,SAAG,EAAC;gBACb,sBAAsB,EAAE,OAAO,KAAK,OAAO;gBAC3C,wBAAwB,EAAE,OAAO,KAAK,SAAS;gBAC/C,yBAAyB,EAAE,OAAO,KAAK,SAAS;gBAChD,0BAA0B,EAAE,OAAO,KAAK,MAAM;aAC/C,CAAC,GACF;QACF,iCAAM,QAAQ,CAAO;QACpB,WAAW,IAAI,CACd,oBAAC,wBAAU,IACT,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,aAAa;YAEtB,oBAAC,iBAAS,IAAC,SAAS,EAAC,kBAAkB,GAAG,CAC/B,CACd,CACG,CACP,CAAA;AACH,CAAC,CACF,CAAA","sourcesContent":["\"use client\"\n\nimport { clx } from \"@/utils/clx\"\nimport {\n CheckCircleSolid,\n ExclamationCircleSolid,\n InformationCircleSolid,\n XCircleSolid,\n XMarkMini,\n} from \"@medusajs/icons\"\nimport * as React from \"react\"\n\nimport { IconButton } from \"@/components/icon-button\"\n\ninterface AlertProps extends React.ComponentPropsWithoutRef<\"div\"> {\n variant?: \"error\" | \"success\" | \"warning\" | \"info\"\n dismissible?: boolean\n}\n\n/**\n * This component is based on the div element and supports all of its props\n *\n * @excludeExternal\n */\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n (\n {\n /**\n * The variant of the alert\n */\n variant = \"info\",\n /**\n * Whether the alert is dismissible\n */\n dismissible = false,\n className,\n children,\n ...props\n }: AlertProps,\n ref\n ) => {\n const [dismissed, setDismissed] = React.useState(false)\n\n const Icon = {\n info: InformationCircleSolid,\n error: XCircleSolid,\n success: CheckCircleSolid,\n warning: ExclamationCircleSolid,\n }[variant]\n\n const handleDismiss = () => {\n setDismissed(true)\n }\n\n if (dismissed) {\n return null\n }\n\n return (\n <div\n ref={ref}\n className={clx(\n \"bg-ui-bg-subtle text-pretty txt-compact-small grid items-start gap-x-2 rounded-lg border p-3\",\n {\n \"grid-cols-[20px_1fr]\": !dismissible,\n \"grid-cols-[20px_1fr_20px]\": dismissible,\n },\n className\n )}\n {...props}\n >\n <Icon\n className={clx({\n \"text-ui-tag-red-icon\": variant === \"error\",\n \"text-ui-tag-green-icon\": variant === \"success\",\n \"text-ui-tag-orange-icon\": variant === \"warning\",\n \"text-ui-tag-neutral-icon\": variant === \"info\",\n })}\n />\n <div>{children}</div>\n {dismissible && (\n <IconButton\n size=\"2xsmall\"\n variant=\"transparent\"\n type=\"button\"\n onClick={handleDismiss}\n >\n <XMarkMini className=\"text-ui-fg-muted\" />\n </IconButton>\n )}\n </div>\n )\n }\n)\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/calender/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAGb,MAAM,yBAAyB,CAAA;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAIL,KAAK,aAAa,IAAI,iBAAiB,EACxC,MAAM,YAAY,CAAA;AAQnB,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACvC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IAC3C,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,QAAQ,CAAC,EAAE,IAAI,CAAA;CAChB;AAED,UAAU,aACR,SAAQ,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,MAAM,kBAAkB,CAAC,EACrE,kBAAkB;CAAG;AAEzB;;;GAGG;AACH,QAAA,MAAM,QAAQ,UAAW,aAAa,sBAsCrC,CAAA;AAsCD,OAAO,EAAE,QAAQ,EAAE,CAAA"}
1
+ {"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/calender/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAGb,MAAM,yBAAyB,CAAA;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAIL,KAAK,aAAa,IAAI,iBAAiB,EACxC,MAAM,YAAY,CAAA;AAQnB,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACvC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IAC3C,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,QAAQ,CAAC,EAAE,IAAI,CAAA;CAChB;AAED,UAAU,aACR,SAAQ,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,MAAM,kBAAkB,CAAC,EACrE,kBAAkB;CAAG;AAEzB;;;GAGG;AACH,QAAA,MAAM,QAAQ,UAAW,aAAa,sBAsCrC,CAAA;AAsCD,OAAO,EAAE,QAAQ,EAAE,CAAA"}
@@ -1,4 +1,5 @@
1
1
  "use strict";
2
+ "use client";
2
3
  Object.defineProperty(exports, "__esModule", { value: true });
3
4
  exports.Calendar = void 0;
4
5
  const tslib_1 = require("tslib");
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../../src/components/calender/calendar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n CalendarDate,\n createCalendar,\n getLocalTimeZone\n} from \"@internationalized/date\"\nimport { TriangleLeftMini, TriangleRightMini } from \"@medusajs/icons\"\nimport * as React from \"react\"\nimport {\n DateValue,\n useCalendar,\n useLocale,\n type CalendarProps as BaseCalendarProps,\n} from \"react-aria\"\nimport { useCalendarState } from \"react-stately\"\n\nimport { createCalendarDate, getDefaultCalendarDate, updateCalendarDate } from \"@/utils/calendar\"\n\nimport { CalendarButton } from \"./calendar-button\"\nimport { CalendarGrid } from \"./calendar-grid\"\n\ninterface CalendarValueProps {\n value?: Date | null\n defaultValue?: Date | null\n onChange?: (value: Date | null) => void\n isDateUnavailable?: (date: Date) => boolean\n minValue?: Date\n maxValue?: Date\n}\n\ninterface CalendarProps\n extends Omit<BaseCalendarProps<CalendarDate>, keyof CalendarValueProps>,\n CalendarValueProps {}\n\n/**\n * Calendar component used to select a date.\n * Its props are based on [React Aria Calendar](https://react-spectrum.adobe.com/react-aria/Calendar.html#calendar-1).\n */\nconst Calendar = (props: CalendarProps) => {\n const [value, setValue] = React.useState<CalendarDate | null | undefined>(\n () => getDefaultCalendarDate(props.value, props.defaultValue)\n )\n\n const { locale } = useLocale()\n const _props = React.useMemo(() => convertProps(props, setValue), [props])\n\n const state = useCalendarState({\n ..._props,\n value,\n locale,\n createCalendar,\n })\n\n React.useEffect(() => {\n setValue(props.value ? updateCalendarDate(value, props.value) : null)\n }, [props.value])\n\n const { calendarProps, prevButtonProps, nextButtonProps, title } =\n useCalendar({ value, ..._props }, state)\n\n return (\n <div {...calendarProps} className=\"flex flex-col gap-y-2\">\n <div className=\"bg-ui-bg-field border-base grid grid-cols-[28px_1fr_28px] items-center gap-1 rounded-md border p-0.5\">\n <CalendarButton {...prevButtonProps}>\n <TriangleLeftMini />\n </CalendarButton>\n <div className=\"flex items-center justify-center\">\n <h2 className=\"txt-compact-small-plus\">{title}</h2>\n </div>\n <CalendarButton {...nextButtonProps}>\n <TriangleRightMini />\n </CalendarButton>\n </div>\n <CalendarGrid state={state} />\n </div>\n )\n}\n\nfunction convertProps(\n props: CalendarProps,\n setValue: React.Dispatch<\n React.SetStateAction<CalendarDate | null | undefined>\n >\n): BaseCalendarProps<CalendarDate> {\n const {\n minValue,\n maxValue,\n isDateUnavailable: _isDateUnavailable,\n onChange: _onChange,\n value: __value__,\n defaultValue: __defaultValue__,\n ...rest\n } = props\n\n const onChange = (value: CalendarDate | null) => {\n setValue(value)\n _onChange?.(value ? value.toDate(getLocalTimeZone()) : null)\n }\n\n const isDateUnavailable = (date: DateValue) => {\n const _date = date.toDate(getLocalTimeZone())\n\n return _isDateUnavailable ? _isDateUnavailable(_date) : false\n }\n\n return {\n ...rest,\n onChange,\n isDateUnavailable,\n minValue: minValue ? createCalendarDate(minValue) : minValue,\n maxValue: maxValue ? createCalendarDate(maxValue) : maxValue,\n }\n}\n\nexport { Calendar }\n"]}
1
+ {"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../../src/components/calender/calendar.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n CalendarDate,\n createCalendar,\n getLocalTimeZone\n} from \"@internationalized/date\"\nimport { TriangleLeftMini, TriangleRightMini } from \"@medusajs/icons\"\nimport * as React from \"react\"\nimport {\n DateValue,\n useCalendar,\n useLocale,\n type CalendarProps as BaseCalendarProps,\n} from \"react-aria\"\nimport { useCalendarState } from \"react-stately\"\n\nimport { createCalendarDate, getDefaultCalendarDate, updateCalendarDate } from \"@/utils/calendar\"\n\nimport { CalendarButton } from \"./calendar-button\"\nimport { CalendarGrid } from \"./calendar-grid\"\n\ninterface CalendarValueProps {\n value?: Date | null\n defaultValue?: Date | null\n onChange?: (value: Date | null) => void\n isDateUnavailable?: (date: Date) => boolean\n minValue?: Date\n maxValue?: Date\n}\n\ninterface CalendarProps\n extends Omit<BaseCalendarProps<CalendarDate>, keyof CalendarValueProps>,\n CalendarValueProps {}\n\n/**\n * Calendar component used to select a date.\n * Its props are based on [React Aria Calendar](https://react-spectrum.adobe.com/react-aria/Calendar.html#calendar-1).\n */\nconst Calendar = (props: CalendarProps) => {\n const [value, setValue] = React.useState<CalendarDate | null | undefined>(\n () => getDefaultCalendarDate(props.value, props.defaultValue)\n )\n\n const { locale } = useLocale()\n const _props = React.useMemo(() => convertProps(props, setValue), [props])\n\n const state = useCalendarState({\n ..._props,\n value,\n locale,\n createCalendar,\n })\n\n React.useEffect(() => {\n setValue(props.value ? updateCalendarDate(value, props.value) : null)\n }, [props.value])\n\n const { calendarProps, prevButtonProps, nextButtonProps, title } =\n useCalendar({ value, ..._props }, state)\n\n return (\n <div {...calendarProps} className=\"flex flex-col gap-y-2\">\n <div className=\"bg-ui-bg-field border-base grid grid-cols-[28px_1fr_28px] items-center gap-1 rounded-md border p-0.5\">\n <CalendarButton {...prevButtonProps}>\n <TriangleLeftMini />\n </CalendarButton>\n <div className=\"flex items-center justify-center\">\n <h2 className=\"txt-compact-small-plus\">{title}</h2>\n </div>\n <CalendarButton {...nextButtonProps}>\n <TriangleRightMini />\n </CalendarButton>\n </div>\n <CalendarGrid state={state} />\n </div>\n )\n}\n\nfunction convertProps(\n props: CalendarProps,\n setValue: React.Dispatch<\n React.SetStateAction<CalendarDate | null | undefined>\n >\n): BaseCalendarProps<CalendarDate> {\n const {\n minValue,\n maxValue,\n isDateUnavailable: _isDateUnavailable,\n onChange: _onChange,\n value: __value__,\n defaultValue: __defaultValue__,\n ...rest\n } = props\n\n const onChange = (value: CalendarDate | null) => {\n setValue(value)\n _onChange?.(value ? value.toDate(getLocalTimeZone()) : null)\n }\n\n const isDateUnavailable = (date: DateValue) => {\n const _date = date.toDate(getLocalTimeZone())\n\n return _isDateUnavailable ? _isDateUnavailable(_date) : false\n }\n\n return {\n ...rest,\n onChange,\n isDateUnavailable,\n minValue: minValue ? createCalendarDate(minValue) : minValue,\n maxValue: maxValue ? createCalendarDate(maxValue) : maxValue,\n }\n}\n\nexport { Calendar }\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAChE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;IAClD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,mFAqEjB,CAAA"}
1
+ {"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,UAAU,UAAW,SAAQ,KAAK,CAAC,wBAAwB,CAAC,KAAK,CAAC;IAChE,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAA;IAClD,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,mFAqEjB,CAAA"}
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { clx } from "../../utils/clx";
2
3
  import { CheckCircleSolid, ExclamationCircleSolid, InformationCircleSolid, XCircleSolid, XMarkMini, } from "@medusajs/icons";
3
4
  import * as React from "react";
@@ -1 +1 @@
1
- {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,YAAY,EACZ,SAAS,GACV,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAOrD;;;;GAIG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CACE;AACE;;GAEG;AACH,OAAO,GAAG,MAAM;AAChB;;GAEG;AACH,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACG,EACb,GAAG,EACH,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,IAAI,GAAG;QACX,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,gBAAgB;QACzB,OAAO,EAAE,sBAAsB;KAChC,CAAC,OAAO,CAAC,CAAA;IAEV,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,YAAY,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,8FAA8F,EAC9F;YACE,sBAAsB,EAAE,CAAC,WAAW;YACpC,2BAA2B,EAAE,WAAW;SACzC,EACD,SAAS,CACV,KACG,KAAK;QAET,oBAAC,IAAI,IACH,SAAS,EAAE,GAAG,CAAC;gBACb,sBAAsB,EAAE,OAAO,KAAK,OAAO;gBAC3C,wBAAwB,EAAE,OAAO,KAAK,SAAS;gBAC/C,yBAAyB,EAAE,OAAO,KAAK,SAAS;gBAChD,0BAA0B,EAAE,OAAO,KAAK,MAAM;aAC/C,CAAC,GACF;QACF,iCAAM,QAAQ,CAAO;QACpB,WAAW,IAAI,CACd,oBAAC,UAAU,IACT,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,aAAa;YAEtB,oBAAC,SAAS,IAAC,SAAS,EAAC,kBAAkB,GAAG,CAC/B,CACd,CACG,CACP,CAAA;AACH,CAAC,CACF,CAAA","sourcesContent":["import { clx } from \"@/utils/clx\"\nimport {\n CheckCircleSolid,\n ExclamationCircleSolid,\n InformationCircleSolid,\n XCircleSolid,\n XMarkMini,\n} from \"@medusajs/icons\"\nimport * as React from \"react\"\n\nimport { IconButton } from \"@/components/icon-button\"\n\ninterface AlertProps extends React.ComponentPropsWithoutRef<\"div\"> {\n variant?: \"error\" | \"success\" | \"warning\" | \"info\"\n dismissible?: boolean\n}\n\n/**\n * This component is based on the div element and supports all of its props\n *\n * @excludeExternal\n */\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n (\n {\n /**\n * The variant of the alert\n */\n variant = \"info\",\n /**\n * Whether the alert is dismissible\n */\n dismissible = false,\n className,\n children,\n ...props\n }: AlertProps,\n ref\n ) => {\n const [dismissed, setDismissed] = React.useState(false)\n\n const Icon = {\n info: InformationCircleSolid,\n error: XCircleSolid,\n success: CheckCircleSolid,\n warning: ExclamationCircleSolid,\n }[variant]\n\n const handleDismiss = () => {\n setDismissed(true)\n }\n\n if (dismissed) {\n return null\n }\n\n return (\n <div\n ref={ref}\n className={clx(\n \"bg-ui-bg-subtle text-pretty txt-compact-small grid items-start gap-x-2 rounded-lg border p-3\",\n {\n \"grid-cols-[20px_1fr]\": !dismissible,\n \"grid-cols-[20px_1fr_20px]\": dismissible,\n },\n className\n )}\n {...props}\n >\n <Icon\n className={clx({\n \"text-ui-tag-red-icon\": variant === \"error\",\n \"text-ui-tag-green-icon\": variant === \"success\",\n \"text-ui-tag-orange-icon\": variant === \"warning\",\n \"text-ui-tag-neutral-icon\": variant === \"info\",\n })}\n />\n <div>{children}</div>\n {dismissible && (\n <IconButton\n size=\"2xsmall\"\n variant=\"transparent\"\n type=\"button\"\n onClick={handleDismiss}\n >\n <XMarkMini className=\"text-ui-fg-muted\" />\n </IconButton>\n )}\n </div>\n )\n }\n)\n"]}
1
+ {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../../src/components/alert/alert.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AAEZ,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAA;AACjC,OAAO,EACL,gBAAgB,EAChB,sBAAsB,EACtB,sBAAsB,EACtB,YAAY,EACZ,SAAS,GACV,MAAM,iBAAiB,CAAA;AACxB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AAOrD;;;;GAIG;AACH,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CACE;AACE;;GAEG;AACH,OAAO,GAAG,MAAM;AAChB;;GAEG;AACH,WAAW,GAAG,KAAK,EACnB,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACG,EACb,GAAG,EACH,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEvD,MAAM,IAAI,GAAG;QACX,IAAI,EAAE,sBAAsB;QAC5B,KAAK,EAAE,YAAY;QACnB,OAAO,EAAE,gBAAgB;QACzB,OAAO,EAAE,sBAAsB;KAChC,CAAC,OAAO,CAAC,CAAA;IAEV,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,YAAY,CAAC,IAAI,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,IAAI,SAAS,EAAE,CAAC;QACd,OAAO,IAAI,CAAA;IACb,CAAC;IAED,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,CACZ,8FAA8F,EAC9F;YACE,sBAAsB,EAAE,CAAC,WAAW;YACpC,2BAA2B,EAAE,WAAW;SACzC,EACD,SAAS,CACV,KACG,KAAK;QAET,oBAAC,IAAI,IACH,SAAS,EAAE,GAAG,CAAC;gBACb,sBAAsB,EAAE,OAAO,KAAK,OAAO;gBAC3C,wBAAwB,EAAE,OAAO,KAAK,SAAS;gBAC/C,yBAAyB,EAAE,OAAO,KAAK,SAAS;gBAChD,0BAA0B,EAAE,OAAO,KAAK,MAAM;aAC/C,CAAC,GACF;QACF,iCAAM,QAAQ,CAAO;QACpB,WAAW,IAAI,CACd,oBAAC,UAAU,IACT,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,aAAa,EACrB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,aAAa;YAEtB,oBAAC,SAAS,IAAC,SAAS,EAAC,kBAAkB,GAAG,CAC/B,CACd,CACG,CACP,CAAA;AACH,CAAC,CACF,CAAA","sourcesContent":["\"use client\"\n\nimport { clx } from \"@/utils/clx\"\nimport {\n CheckCircleSolid,\n ExclamationCircleSolid,\n InformationCircleSolid,\n XCircleSolid,\n XMarkMini,\n} from \"@medusajs/icons\"\nimport * as React from \"react\"\n\nimport { IconButton } from \"@/components/icon-button\"\n\ninterface AlertProps extends React.ComponentPropsWithoutRef<\"div\"> {\n variant?: \"error\" | \"success\" | \"warning\" | \"info\"\n dismissible?: boolean\n}\n\n/**\n * This component is based on the div element and supports all of its props\n *\n * @excludeExternal\n */\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n (\n {\n /**\n * The variant of the alert\n */\n variant = \"info\",\n /**\n * Whether the alert is dismissible\n */\n dismissible = false,\n className,\n children,\n ...props\n }: AlertProps,\n ref\n ) => {\n const [dismissed, setDismissed] = React.useState(false)\n\n const Icon = {\n info: InformationCircleSolid,\n error: XCircleSolid,\n success: CheckCircleSolid,\n warning: ExclamationCircleSolid,\n }[variant]\n\n const handleDismiss = () => {\n setDismissed(true)\n }\n\n if (dismissed) {\n return null\n }\n\n return (\n <div\n ref={ref}\n className={clx(\n \"bg-ui-bg-subtle text-pretty txt-compact-small grid items-start gap-x-2 rounded-lg border p-3\",\n {\n \"grid-cols-[20px_1fr]\": !dismissible,\n \"grid-cols-[20px_1fr_20px]\": dismissible,\n },\n className\n )}\n {...props}\n >\n <Icon\n className={clx({\n \"text-ui-tag-red-icon\": variant === \"error\",\n \"text-ui-tag-green-icon\": variant === \"success\",\n \"text-ui-tag-orange-icon\": variant === \"warning\",\n \"text-ui-tag-neutral-icon\": variant === \"info\",\n })}\n />\n <div>{children}</div>\n {dismissible && (\n <IconButton\n size=\"2xsmall\"\n variant=\"transparent\"\n type=\"button\"\n onClick={handleDismiss}\n >\n <XMarkMini className=\"text-ui-fg-muted\" />\n </IconButton>\n )}\n </div>\n )\n }\n)\n"]}
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/calender/calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EAGb,MAAM,yBAAyB,CAAA;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAIL,KAAK,aAAa,IAAI,iBAAiB,EACxC,MAAM,YAAY,CAAA;AAQnB,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACvC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IAC3C,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,QAAQ,CAAC,EAAE,IAAI,CAAA;CAChB;AAED,UAAU,aACR,SAAQ,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,MAAM,kBAAkB,CAAC,EACrE,kBAAkB;CAAG;AAEzB;;;GAGG;AACH,QAAA,MAAM,QAAQ,UAAW,aAAa,sBAsCrC,CAAA;AAsCD,OAAO,EAAE,QAAQ,EAAE,CAAA"}
1
+ {"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../src/components/calender/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,YAAY,EAGb,MAAM,yBAAyB,CAAA;AAEhC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAIL,KAAK,aAAa,IAAI,iBAAiB,EACxC,MAAM,YAAY,CAAA;AAQnB,UAAU,kBAAkB;IAC1B,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IACnB,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAA;IACvC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,OAAO,CAAA;IAC3C,QAAQ,CAAC,EAAE,IAAI,CAAA;IACf,QAAQ,CAAC,EAAE,IAAI,CAAA;CAChB;AAED,UAAU,aACR,SAAQ,IAAI,CAAC,iBAAiB,CAAC,YAAY,CAAC,EAAE,MAAM,kBAAkB,CAAC,EACrE,kBAAkB;CAAG;AAEzB;;;GAGG;AACH,QAAA,MAAM,QAAQ,UAAW,aAAa,sBAsCrC,CAAA;AAsCD,OAAO,EAAE,QAAQ,EAAE,CAAA"}
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  import { createCalendar, getLocalTimeZone } from "@internationalized/date";
2
3
  import { TriangleLeftMini, TriangleRightMini } from "@medusajs/icons";
3
4
  import * as React from "react";
@@ -1 +1 @@
1
- {"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../../src/components/calender/calendar.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n CalendarDate,\n createCalendar,\n getLocalTimeZone\n} from \"@internationalized/date\"\nimport { TriangleLeftMini, TriangleRightMini } from \"@medusajs/icons\"\nimport * as React from \"react\"\nimport {\n DateValue,\n useCalendar,\n useLocale,\n type CalendarProps as BaseCalendarProps,\n} from \"react-aria\"\nimport { useCalendarState } from \"react-stately\"\n\nimport { createCalendarDate, getDefaultCalendarDate, updateCalendarDate } from \"@/utils/calendar\"\n\nimport { CalendarButton } from \"./calendar-button\"\nimport { CalendarGrid } from \"./calendar-grid\"\n\ninterface CalendarValueProps {\n value?: Date | null\n defaultValue?: Date | null\n onChange?: (value: Date | null) => void\n isDateUnavailable?: (date: Date) => boolean\n minValue?: Date\n maxValue?: Date\n}\n\ninterface CalendarProps\n extends Omit<BaseCalendarProps<CalendarDate>, keyof CalendarValueProps>,\n CalendarValueProps {}\n\n/**\n * Calendar component used to select a date.\n * Its props are based on [React Aria Calendar](https://react-spectrum.adobe.com/react-aria/Calendar.html#calendar-1).\n */\nconst Calendar = (props: CalendarProps) => {\n const [value, setValue] = React.useState<CalendarDate | null | undefined>(\n () => getDefaultCalendarDate(props.value, props.defaultValue)\n )\n\n const { locale } = useLocale()\n const _props = React.useMemo(() => convertProps(props, setValue), [props])\n\n const state = useCalendarState({\n ..._props,\n value,\n locale,\n createCalendar,\n })\n\n React.useEffect(() => {\n setValue(props.value ? updateCalendarDate(value, props.value) : null)\n }, [props.value])\n\n const { calendarProps, prevButtonProps, nextButtonProps, title } =\n useCalendar({ value, ..._props }, state)\n\n return (\n <div {...calendarProps} className=\"flex flex-col gap-y-2\">\n <div className=\"bg-ui-bg-field border-base grid grid-cols-[28px_1fr_28px] items-center gap-1 rounded-md border p-0.5\">\n <CalendarButton {...prevButtonProps}>\n <TriangleLeftMini />\n </CalendarButton>\n <div className=\"flex items-center justify-center\">\n <h2 className=\"txt-compact-small-plus\">{title}</h2>\n </div>\n <CalendarButton {...nextButtonProps}>\n <TriangleRightMini />\n </CalendarButton>\n </div>\n <CalendarGrid state={state} />\n </div>\n )\n}\n\nfunction convertProps(\n props: CalendarProps,\n setValue: React.Dispatch<\n React.SetStateAction<CalendarDate | null | undefined>\n >\n): BaseCalendarProps<CalendarDate> {\n const {\n minValue,\n maxValue,\n isDateUnavailable: _isDateUnavailable,\n onChange: _onChange,\n value: __value__,\n defaultValue: __defaultValue__,\n ...rest\n } = props\n\n const onChange = (value: CalendarDate | null) => {\n setValue(value)\n _onChange?.(value ? value.toDate(getLocalTimeZone()) : null)\n }\n\n const isDateUnavailable = (date: DateValue) => {\n const _date = date.toDate(getLocalTimeZone())\n\n return _isDateUnavailable ? _isDateUnavailable(_date) : false\n }\n\n return {\n ...rest,\n onChange,\n isDateUnavailable,\n minValue: minValue ? createCalendarDate(minValue) : minValue,\n maxValue: maxValue ? createCalendarDate(maxValue) : maxValue,\n }\n}\n\nexport { Calendar }\n"]}
1
+ {"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../../src/components/calender/calendar.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n CalendarDate,\n createCalendar,\n getLocalTimeZone\n} from \"@internationalized/date\"\nimport { TriangleLeftMini, TriangleRightMini } from \"@medusajs/icons\"\nimport * as React from \"react\"\nimport {\n DateValue,\n useCalendar,\n useLocale,\n type CalendarProps as BaseCalendarProps,\n} from \"react-aria\"\nimport { useCalendarState } from \"react-stately\"\n\nimport { createCalendarDate, getDefaultCalendarDate, updateCalendarDate } from \"@/utils/calendar\"\n\nimport { CalendarButton } from \"./calendar-button\"\nimport { CalendarGrid } from \"./calendar-grid\"\n\ninterface CalendarValueProps {\n value?: Date | null\n defaultValue?: Date | null\n onChange?: (value: Date | null) => void\n isDateUnavailable?: (date: Date) => boolean\n minValue?: Date\n maxValue?: Date\n}\n\ninterface CalendarProps\n extends Omit<BaseCalendarProps<CalendarDate>, keyof CalendarValueProps>,\n CalendarValueProps {}\n\n/**\n * Calendar component used to select a date.\n * Its props are based on [React Aria Calendar](https://react-spectrum.adobe.com/react-aria/Calendar.html#calendar-1).\n */\nconst Calendar = (props: CalendarProps) => {\n const [value, setValue] = React.useState<CalendarDate | null | undefined>(\n () => getDefaultCalendarDate(props.value, props.defaultValue)\n )\n\n const { locale } = useLocale()\n const _props = React.useMemo(() => convertProps(props, setValue), [props])\n\n const state = useCalendarState({\n ..._props,\n value,\n locale,\n createCalendar,\n })\n\n React.useEffect(() => {\n setValue(props.value ? updateCalendarDate(value, props.value) : null)\n }, [props.value])\n\n const { calendarProps, prevButtonProps, nextButtonProps, title } =\n useCalendar({ value, ..._props }, state)\n\n return (\n <div {...calendarProps} className=\"flex flex-col gap-y-2\">\n <div className=\"bg-ui-bg-field border-base grid grid-cols-[28px_1fr_28px] items-center gap-1 rounded-md border p-0.5\">\n <CalendarButton {...prevButtonProps}>\n <TriangleLeftMini />\n </CalendarButton>\n <div className=\"flex items-center justify-center\">\n <h2 className=\"txt-compact-small-plus\">{title}</h2>\n </div>\n <CalendarButton {...nextButtonProps}>\n <TriangleRightMini />\n </CalendarButton>\n </div>\n <CalendarGrid state={state} />\n </div>\n )\n}\n\nfunction convertProps(\n props: CalendarProps,\n setValue: React.Dispatch<\n React.SetStateAction<CalendarDate | null | undefined>\n >\n): BaseCalendarProps<CalendarDate> {\n const {\n minValue,\n maxValue,\n isDateUnavailable: _isDateUnavailable,\n onChange: _onChange,\n value: __value__,\n defaultValue: __defaultValue__,\n ...rest\n } = props\n\n const onChange = (value: CalendarDate | null) => {\n setValue(value)\n _onChange?.(value ? value.toDate(getLocalTimeZone()) : null)\n }\n\n const isDateUnavailable = (date: DateValue) => {\n const _date = date.toDate(getLocalTimeZone())\n\n return _isDateUnavailable ? _isDateUnavailable(_date) : false\n }\n\n return {\n ...rest,\n onChange,\n isDateUnavailable,\n minValue: minValue ? createCalendarDate(minValue) : minValue,\n maxValue: maxValue ? createCalendarDate(maxValue) : maxValue,\n }\n}\n\nexport { Calendar }\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@medusajs/ui",
3
- "version": "4.0.5-snapshot-20250209133103",
3
+ "version": "4.0.5-snapshot-20250211072223",
4
4
  "author": "Kasper Kristensen <kasper@medusajs.com>",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -43,7 +43,7 @@
43
43
  },
44
44
  "devDependencies": {
45
45
  "@faker-js/faker": "^9.2.0",
46
- "@medusajs/ui-preset": "2.4.1-snapshot-20250209133103",
46
+ "@medusajs/ui-preset": "2.4.1-snapshot-20250211072223",
47
47
  "@storybook/addon-essentials": "^8.3.5",
48
48
  "@storybook/addon-interactions": "^8.3.5",
49
49
  "@storybook/addon-links": "^8.3.5",
@@ -81,7 +81,7 @@
81
81
  "vitest": "^2.1.9"
82
82
  },
83
83
  "dependencies": {
84
- "@medusajs/icons": "2.4.1-snapshot-20250209133103",
84
+ "@medusajs/icons": "2.4.1-snapshot-20250211072223",
85
85
  "@tanstack/react-table": "8.20.5",
86
86
  "clsx": "^1.2.1",
87
87
  "copy-to-clipboard": "^3.3.3",