npm - @cube-dev/ui-kit - Versions diffs - 0.199.1 → 0.200.0 - Mend

@cube-dev/ui-kit 0.199.1 → 0.200.0

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.

Files changed (705) hide show

package/dist/components/other/Calendar/CalendarGrid.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { getWeekNumber } from "../../fields/DatePicker/period.js";
 import { CalendarCell } from "./CalendarCell.js";
 import { c } from "react/compiler-runtime";

package/dist/components/other/Calendar/CalendarHeader.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { Title as _Title } from "../../content/Title.js";
 import { Space } from "../../layout/Space.js";
 import { RightIcon } from "../../../icons/RightIcon.js";

package/dist/components/other/Calendar/CalendarPanel.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CalendarElement } from "./styled.js";
@@ -16,10 +16,10 @@ const YEAR_CELLS = 12;
 const MONTH_COLUMNS = 3;
 const YEAR_COLUMNS = 3;
 /**
-* Exactly as wide as seven day cells (`3x` cell + a `2bw` gutter), so switching
+* Exactly as wide as seven day cells (`3x` cell + a `$cell-gap` gutter), so switching
 * between the day, month and year panels keeps the popover roughly in place.
 */
-const PERIOD_GRID_STYLES = { width: "(7 * (3x + 2bw))" };
+const PERIOD_GRID_STYLES = { width: "(7 * (3x + $cell-gap))" };
 /**
 * The body shared by `Calendar` and `RangeCalendar`: a header plus one of three
 * panels. The month and year panels only *navigate* — they move the focused

package/dist/components/other/Calendar/CalendarPanel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CalendarPanel.js","names":["CalendarDate","endOfMonth","endOfYear","isSameMonth","startOfMonth","startOfYear","toCalendar","today","KeyboardEvent","ReactElement","Ref","useState","DateValue","useDateFormatter","CalendarState","RangeCalendarState","useI18n","mergeProps","CalendarGrid","CalendarHeader","CubePeriodGridCell","PeriodGrid","CalendarElement","Props","CubeCalendarView","YEAR_CELLS","MONTH_COLUMNS","YEAR_COLUMNS","PERIOD_GRID_STYLES","width","const","Formatter","format","date","Date","CubeCalendarPanelProps","state","title","calendarProps","prevButtonProps","nextButtonProps","hasMonthYearNavigation","selectedRange","start","end","pickerMode","elementRef","HTMLElement","CalendarPanel","props","$","_c","t","t0","undefined","view","setView","anchor","setAnchor","focusedDate","visibleStart","visibleRange","calendar","timeZone","calendarId","identifier","t1","month","monthFormatter","t2","shortMonthFormatter","t3","year","yearFormatter","body","header","onKeyDown","todayDate","t4","formatter","toDate","t5","isDisabled","maxValue","minValue","compare","isPeriodDisabled","t6","hasNavigation","t7","next","openView","t8","e","key","preventDefault","stopPropagation","setFocused","t9","set","monthDate","monthCount","getMonthsInYear","cells","Array","from","length","_","index","date_0","label","isSelected","isCurrent","T0","nextYear","t10","t11","t12","t13","prevYear","subtract","years","add","t14","t15","Symbol","for","onPress","t16","t17","t18","t19","index_0","setFocusedDate","t20","t21","t22","index_1","delta","months","delta_0","t23","yearDate","decadeStart","Math","floor","firstYear","cells_0","__0","index_2","year_0","date_1","isOutside","t24","t25","index_3","index_4","t26","t27","delta_1","delta_2","t28","_c","mergeProps"],"sources":["../../../../src/components/other/Calendar/CalendarPanel.tsx"],"sourcesContent":["import {\n CalendarDate,\n endOfMonth,\n endOfYear,\n isSameMonth,\n startOfMonth,\n startOfYear,\n toCalendar,\n today,\n} from '@internationalized/date';\nimport { KeyboardEvent, ReactElement, Ref, useState } from 'react';\nimport { DateValue, useDateFormatter } from 'react-aria';\nimport { CalendarState, RangeCalendarState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { mergeProps } from '../../../utils/react';\n\nimport { CalendarGrid } from './CalendarGrid';\nimport { CalendarHeader } from './CalendarHeader';\nimport { CubePeriodGridCell, PeriodGrid } from './PeriodGrid';\nimport { CalendarElement } from './styled';\n\nimport type { Props } from '../../../props';\n\n/** Which panel the calendar currently shows. /\nexport type CubeCalendarView = 'day' \| 'month' \| 'year';\n\n/* The year grid shows a decade plus one adjacent year on either side. /\nconst YEAR_CELLS = 12;\nconst MONTH_COLUMNS = 3;\nconst YEAR_COLUMNS = 3;\n\n/\n Exactly as wide as seven day cells (`3x` cell + a `2bw` gutter), so switching\n * between the day, month and year panels keeps the popover roughly in place.\n /\nconst PERIOD_GRID_STYLES = { width: '(7 (3x + 2bw))' } as const;\n\ninterface Formatter {\n format(date: Date): string;\n}\n\nexport interface CubeCalendarPanelProps {\n state: CalendarState \| RangeCalendarState;\n /** The visible range title provided by React Aria. /\n title: string;\n calendarProps: Props;\n prevButtonProps: Props;\n nextButtonProps: Props;\n /\n Whether the header lets the user jump straight to a month or a year.\n * @default true\n /\n hasMonthYearNavigation?: boolean;\n selectedRange?: { start: DateValue; end: DateValue };\n pickerMode?: 'day' \| 'week';\n elementRef?: Ref<HTMLElement>;\n}\n\n/\n The body shared by `Calendar` and `RangeCalendar`: a header plus one of three\n * panels. The month and year panels only navigate — they move the focused\n * date and never select a value, so a range selection in progress survives a\n * jump to another month.\n /\nexport function CalendarPanel(props: CubeCalendarPanelProps) {\n const { t } = useI18n();\n\n let {\n state,\n title,\n calendarProps,\n prevButtonProps,\n nextButtonProps,\n hasMonthYearNavigation = true,\n selectedRange,\n pickerMode,\n elementRef,\n } = props;\n\n let [view, setView] = useState<CubeCalendarView>('day');\n // The period the month / year panels navigate around. Seeded from the\n // focused date every time the user leaves the day panel.\n let [anchor, setAnchor] = useState<CalendarDate>(state.focusedDate);\n\n let visibleStart = state.visibleRange.start;\n let calendar = visibleStart.calendar;\n let timeZone = state.timeZone;\n let calendarId = calendar.identifier;\n\n let monthFormatter = useDateFormatter({\n month: 'long',\n timeZone,\n calendar: calendarId,\n });\n let shortMonthFormatter = useDateFormatter({\n month: 'short',\n timeZone,\n calendar: calendarId,\n });\n let yearFormatter = useDateFormatter({\n year: 'numeric',\n timeZone,\n calendar: calendarId,\n });\n\n let todayDate = toCalendar(today(timeZone), calendar);\n\n let format = (formatter: Formatter, date: CalendarDate) =>\n formatter.format(date.toDate(timeZone));\n\n /* Whether a whole period lies outside the calendar's allowed range. /\n let isPeriodDisabled = (start: CalendarDate, end: CalendarDate) =>\n state.isDisabled \|\|\n (state.minValue != null && end.compare(state.minValue) < 0) \|\|\n (state.maxValue != null && start.compare(state.maxValue) > 0);\n\n // A multi-month view has no single month or year to drill into.\n let hasNavigation =\n hasMonthYearNavigation && isSameMonth(visibleStart, state.visibleRange.end);\n\n let openView = (next: CubeCalendarView) => {\n setAnchor(state.focusedDate);\n setView(next);\n };\n\n let onKeyDown = (e: KeyboardEvent) => {\n // Step back to the day panel rather than closing the surrounding popover.\n if (view !== 'day' && e.key === 'Escape') {\n e.preventDefault();\n e.stopPropagation();\n setView('day');\n // The grid the user was in is about to unmount. Claim focus for the day\n // cell, or it falls out of the popover and the next `Escape` is lost.\n state.setFocused(true);\n }\n };\n\n let header: ReactElement;\n let body: ReactElement;\n\n if (view === 'month') {\n let monthDate = (month: number) => startOfMonth(anchor.set({ month }));\n let monthCount = calendar.getMonthsInYear(anchor);\n\n let cells: CubePeriodGridCell[] = Array.from(\n { length: monthCount },\n (_, index) => {\n let date = monthDate(index + 1);\n\n return {\n key: `month-${index + 1}`,\n label: format(shortMonthFormatter, date),\n isSelected: isSameMonth(date, visibleStart),\n isCurrent: isSameMonth(date, todayDate),\n isDisabled: isPeriodDisabled(date, endOfMonth(date)),\n };\n },\n );\n\n let prevYear = anchor.subtract({ years: 1 });\n let nextYear = anchor.add({ years: 1 });\n\n header = (\n <CalendarHeader\n segments={[\n {\n key: 'year',\n label: format(yearFormatter, anchor),\n isDisabled: state.isDisabled,\n onPress: () => setView('year'),\n },\n ]}\n prevButtonProps={{\n 'aria-label': t('calendar.previousYear', 'Previous year'),\n isDisabled: isPeriodDisabled(\n startOfYear(prevYear),\n endOfYear(prevYear),\n ),\n onPress: () => setAnchor(prevYear),\n }}\n nextButtonProps={{\n 'aria-label': t('calendar.nextYear', 'Next year'),\n isDisabled: isPeriodDisabled(\n startOfYear(nextYear),\n endOfYear(nextYear),\n ),\n onPress: () => setAnchor(nextYear),\n }}\n />\n );\n\n body = (\n <PeriodGrid\n // Remount per view so focus follows the user into the new grid.\n key=\"month\"\n autoFocus\n aria-label={t('calendar.months', 'Months')}\n cells={cells}\n styles={PERIOD_GRID_STYLES}\n columns={MONTH_COLUMNS}\n focusedIndex={anchor.month - 1}\n onCellPress={(index) => {\n state.setFocusedDate(anchor.set({ month: index + 1 }));\n setView('day');\n }}\n onCellFocus={(index) => setAnchor(anchor.set({ month: index + 1 }))}\n onMoveFocus={(delta) => setAnchor(anchor.add({ months: delta }))}\n onMovePage={(delta) => setAnchor(anchor.add({ years: delta }))}\n />\n );\n } else if (view === 'year') {\n let yearDate = (year: number) => startOfYear(anchor.set({ year }));\n let decadeStart = Math.floor(anchor.year / 10) 10;\n let firstYear = decadeStart - 1;\n\n let cells: CubePeriodGridCell[] = Array.from(\n { length: YEAR_CELLS },\n (_, index) => {\n let year = firstYear + index;\n let date = yearDate(year);\n\n return {\n key: `year-${year}`,\n label: format(yearFormatter, date),\n isSelected: year === visibleStart.year,\n isCurrent: year === todayDate.year,\n isOutside: year < decadeStart \|\| year > decadeStart + 9,\n isDisabled: isPeriodDisabled(date, endOfYear(date)),\n };\n },\n );\n\n header = (\n <CalendarHeader\n title={`${format(yearFormatter, yearDate(decadeStart))} – ${format(\n yearFormatter,\n yearDate(decadeStart + 9),\n )}`}\n prevButtonProps={{\n 'aria-label': t('calendar.previousYears', 'Previous years'),\n isDisabled: isPeriodDisabled(\n yearDate(decadeStart - 10),\n endOfYear(yearDate(decadeStart - 1)),\n ),\n onPress: () => setAnchor(anchor.subtract({ years: 10 })),\n }}\n nextButtonProps={{\n 'aria-label': t('calendar.nextYears', 'Next years'),\n isDisabled: isPeriodDisabled(\n yearDate(decadeStart + 10),\n endOfYear(yearDate(decadeStart + 19)),\n ),\n onPress: () => setAnchor(anchor.add({ years: 10 })),\n }}\n />\n );\n\n body = (\n <PeriodGrid\n key=\"year\"\n autoFocus\n aria-label={t('calendar.years', 'Years')}\n cells={cells}\n styles={PERIOD_GRID_STYLES}\n columns={YEAR_COLUMNS}\n focusedIndex={anchor.year - firstYear}\n onCellPress={(index) => {\n setAnchor(anchor.set({ year: firstYear + index }));\n setView('month');\n }}\n onCellFocus={(index) =>\n setAnchor(anchor.set({ year: firstYear + index }))\n }\n onMoveFocus={(delta) => setAnchor(anchor.add({ years: delta }))}\n onMovePage={(delta) => setAnchor(anchor.add({ years: delta * 10 }))}\n />\n );\n } else {\n header = (\n <CalendarHeader\n title={title}\n segments={\n hasNavigation\n ? [\n {\n key: 'month',\n label: format(monthFormatter, visibleStart),\n isDisabled: state.isDisabled,\n onPress: () => openView('month'),\n },\n {\n key: 'year',\n label: format(yearFormatter, visibleStart),\n isDisabled: state.isDisabled,\n onPress: () => openView('year'),\n },\n ]\n : undefined\n }\n prevButtonProps={prevButtonProps}\n nextButtonProps={nextButtonProps}\n />\n );\n\n body = (\n <CalendarGrid\n state={state}\n selectedRange={selectedRange}\n pickerMode={pickerMode}\n />\n );\n }\n\n return (\n <CalendarElement\n ref={elementRef}\n {...mergeProps(calendarProps, { onKeyDown })}\n >\n {header}\n {body}\n </CalendarElement>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"CalendarPanel.js","names":["CalendarDate","endOfMonth","endOfYear","isSameMonth","startOfMonth","startOfYear","toCalendar","today","KeyboardEvent","ReactElement","Ref","useState","DateValue","useDateFormatter","CalendarState","RangeCalendarState","useI18n","mergeProps","CalendarGrid","CalendarHeader","CubePeriodGridCell","PeriodGrid","CalendarElement","Props","CubeCalendarView","YEAR_CELLS","MONTH_COLUMNS","YEAR_COLUMNS","PERIOD_GRID_STYLES","width","const","Formatter","format","date","Date","CubeCalendarPanelProps","state","title","calendarProps","prevButtonProps","nextButtonProps","hasMonthYearNavigation","selectedRange","start","end","pickerMode","elementRef","HTMLElement","CalendarPanel","props","$","_c","t","t0","undefined","view","setView","anchor","setAnchor","focusedDate","visibleStart","visibleRange","calendar","timeZone","calendarId","identifier","t1","month","monthFormatter","t2","shortMonthFormatter","t3","year","yearFormatter","body","header","onKeyDown","todayDate","t4","formatter","toDate","t5","isDisabled","maxValue","minValue","compare","isPeriodDisabled","t6","hasNavigation","t7","next","openView","t8","e","key","preventDefault","stopPropagation","setFocused","t9","set","monthDate","monthCount","getMonthsInYear","cells","Array","from","length","_","index","date_0","label","isSelected","isCurrent","T0","nextYear","t10","t11","t12","t13","prevYear","subtract","years","add","t14","t15","Symbol","for","onPress","t16","t17","t18","t19","index_0","setFocusedDate","t20","t21","t22","index_1","delta","months","delta_0","t23","yearDate","decadeStart","Math","floor","firstYear","cells_0","__0","index_2","year_0","date_1","isOutside","t24","t25","index_3","index_4","t26","t27","delta_1","delta_2","t28","_c","mergeProps"],"sources":["../../../../src/components/other/Calendar/CalendarPanel.tsx"],"sourcesContent":["import {\n CalendarDate,\n endOfMonth,\n endOfYear,\n isSameMonth,\n startOfMonth,\n startOfYear,\n toCalendar,\n today,\n} from '@internationalized/date';\nimport { KeyboardEvent, ReactElement, Ref, useState } from 'react';\nimport { DateValue, useDateFormatter } from 'react-aria';\nimport { CalendarState, RangeCalendarState } from 'react-stately';\n\nimport { useI18n } from '../../../i18n';\nimport { mergeProps } from '../../../utils/react';\n\nimport { CalendarGrid } from './CalendarGrid';\nimport { CalendarHeader } from './CalendarHeader';\nimport { CubePeriodGridCell, PeriodGrid } from './PeriodGrid';\nimport { CalendarElement } from './styled';\n\nimport type { Props } from '../../../props';\n\n/** Which panel the calendar currently shows. /\nexport type CubeCalendarView = 'day' \| 'month' \| 'year';\n\n/* The year grid shows a decade plus one adjacent year on either side. /\nconst YEAR_CELLS = 12;\nconst MONTH_COLUMNS = 3;\nconst YEAR_COLUMNS = 3;\n\n/\n Exactly as wide as seven day cells (`3x` cell + a `$cell-gap` gutter), so switching\n * between the day, month and year panels keeps the popover roughly in place.\n /\nconst PERIOD_GRID_STYLES = { width: '(7 (3x + $cell-gap))' } as const;\n\ninterface Formatter {\n format(date: Date): string;\n}\n\nexport interface CubeCalendarPanelProps {\n state: CalendarState \| RangeCalendarState;\n /** The visible range title provided by React Aria. /\n title: string;\n calendarProps: Props;\n prevButtonProps: Props;\n nextButtonProps: Props;\n /\n Whether the header lets the user jump straight to a month or a year.\n * @default true\n /\n hasMonthYearNavigation?: boolean;\n selectedRange?: { start: DateValue; end: DateValue };\n pickerMode?: 'day' \| 'week';\n elementRef?: Ref<HTMLElement>;\n}\n\n/\n The body shared by `Calendar` and `RangeCalendar`: a header plus one of three\n * panels. The month and year panels only navigate — they move the focused\n * date and never select a value, so a range selection in progress survives a\n * jump to another month.\n /\nexport function CalendarPanel(props: CubeCalendarPanelProps) {\n const { t } = useI18n();\n\n let {\n state,\n title,\n calendarProps,\n prevButtonProps,\n nextButtonProps,\n hasMonthYearNavigation = true,\n selectedRange,\n pickerMode,\n elementRef,\n } = props;\n\n let [view, setView] = useState<CubeCalendarView>('day');\n // The period the month / year panels navigate around. Seeded from the\n // focused date every time the user leaves the day panel.\n let [anchor, setAnchor] = useState<CalendarDate>(state.focusedDate);\n\n let visibleStart = state.visibleRange.start;\n let calendar = visibleStart.calendar;\n let timeZone = state.timeZone;\n let calendarId = calendar.identifier;\n\n let monthFormatter = useDateFormatter({\n month: 'long',\n timeZone,\n calendar: calendarId,\n });\n let shortMonthFormatter = useDateFormatter({\n month: 'short',\n timeZone,\n calendar: calendarId,\n });\n let yearFormatter = useDateFormatter({\n year: 'numeric',\n timeZone,\n calendar: calendarId,\n });\n\n let todayDate = toCalendar(today(timeZone), calendar);\n\n let format = (formatter: Formatter, date: CalendarDate) =>\n formatter.format(date.toDate(timeZone));\n\n /* Whether a whole period lies outside the calendar's allowed range. /\n let isPeriodDisabled = (start: CalendarDate, end: CalendarDate) =>\n state.isDisabled \|\|\n (state.minValue != null && end.compare(state.minValue) < 0) \|\|\n (state.maxValue != null && start.compare(state.maxValue) > 0);\n\n // A multi-month view has no single month or year to drill into.\n let hasNavigation =\n hasMonthYearNavigation && isSameMonth(visibleStart, state.visibleRange.end);\n\n let openView = (next: CubeCalendarView) => {\n setAnchor(state.focusedDate);\n setView(next);\n };\n\n let onKeyDown = (e: KeyboardEvent) => {\n // Step back to the day panel rather than closing the surrounding popover.\n if (view !== 'day' && e.key === 'Escape') {\n e.preventDefault();\n e.stopPropagation();\n setView('day');\n // The grid the user was in is about to unmount. Claim focus for the day\n // cell, or it falls out of the popover and the next `Escape` is lost.\n state.setFocused(true);\n }\n };\n\n let header: ReactElement;\n let body: ReactElement;\n\n if (view === 'month') {\n let monthDate = (month: number) => startOfMonth(anchor.set({ month }));\n let monthCount = calendar.getMonthsInYear(anchor);\n\n let cells: CubePeriodGridCell[] = Array.from(\n { length: monthCount },\n (_, index) => {\n let date = monthDate(index + 1);\n\n return {\n key: `month-${index + 1}`,\n label: format(shortMonthFormatter, date),\n isSelected: isSameMonth(date, visibleStart),\n isCurrent: isSameMonth(date, todayDate),\n isDisabled: isPeriodDisabled(date, endOfMonth(date)),\n };\n },\n );\n\n let prevYear = anchor.subtract({ years: 1 });\n let nextYear = anchor.add({ years: 1 });\n\n header = (\n <CalendarHeader\n segments={[\n {\n key: 'year',\n label: format(yearFormatter, anchor),\n isDisabled: state.isDisabled,\n onPress: () => setView('year'),\n },\n ]}\n prevButtonProps={{\n 'aria-label': t('calendar.previousYear', 'Previous year'),\n isDisabled: isPeriodDisabled(\n startOfYear(prevYear),\n endOfYear(prevYear),\n ),\n onPress: () => setAnchor(prevYear),\n }}\n nextButtonProps={{\n 'aria-label': t('calendar.nextYear', 'Next year'),\n isDisabled: isPeriodDisabled(\n startOfYear(nextYear),\n endOfYear(nextYear),\n ),\n onPress: () => setAnchor(nextYear),\n }}\n />\n );\n\n body = (\n <PeriodGrid\n // Remount per view so focus follows the user into the new grid.\n key=\"month\"\n autoFocus\n aria-label={t('calendar.months', 'Months')}\n cells={cells}\n styles={PERIOD_GRID_STYLES}\n columns={MONTH_COLUMNS}\n focusedIndex={anchor.month - 1}\n onCellPress={(index) => {\n state.setFocusedDate(anchor.set({ month: index + 1 }));\n setView('day');\n }}\n onCellFocus={(index) => setAnchor(anchor.set({ month: index + 1 }))}\n onMoveFocus={(delta) => setAnchor(anchor.add({ months: delta }))}\n onMovePage={(delta) => setAnchor(anchor.add({ years: delta }))}\n />\n );\n } else if (view === 'year') {\n let yearDate = (year: number) => startOfYear(anchor.set({ year }));\n let decadeStart = Math.floor(anchor.year / 10) 10;\n let firstYear = decadeStart - 1;\n\n let cells: CubePeriodGridCell[] = Array.from(\n { length: YEAR_CELLS },\n (_, index) => {\n let year = firstYear + index;\n let date = yearDate(year);\n\n return {\n key: `year-${year}`,\n label: format(yearFormatter, date),\n isSelected: year === visibleStart.year,\n isCurrent: year === todayDate.year,\n isOutside: year < decadeStart \|\| year > decadeStart + 9,\n isDisabled: isPeriodDisabled(date, endOfYear(date)),\n };\n },\n );\n\n header = (\n <CalendarHeader\n title={`${format(yearFormatter, yearDate(decadeStart))} – ${format(\n yearFormatter,\n yearDate(decadeStart + 9),\n )}`}\n prevButtonProps={{\n 'aria-label': t('calendar.previousYears', 'Previous years'),\n isDisabled: isPeriodDisabled(\n yearDate(decadeStart - 10),\n endOfYear(yearDate(decadeStart - 1)),\n ),\n onPress: () => setAnchor(anchor.subtract({ years: 10 })),\n }}\n nextButtonProps={{\n 'aria-label': t('calendar.nextYears', 'Next years'),\n isDisabled: isPeriodDisabled(\n yearDate(decadeStart + 10),\n endOfYear(yearDate(decadeStart + 19)),\n ),\n onPress: () => setAnchor(anchor.add({ years: 10 })),\n }}\n />\n );\n\n body = (\n <PeriodGrid\n key=\"year\"\n autoFocus\n aria-label={t('calendar.years', 'Years')}\n cells={cells}\n styles={PERIOD_GRID_STYLES}\n columns={YEAR_COLUMNS}\n focusedIndex={anchor.year - firstYear}\n onCellPress={(index) => {\n setAnchor(anchor.set({ year: firstYear + index }));\n setView('month');\n }}\n onCellFocus={(index) =>\n setAnchor(anchor.set({ year: firstYear + index }))\n }\n onMoveFocus={(delta) => setAnchor(anchor.add({ years: delta }))}\n onMovePage={(delta) => setAnchor(anchor.add({ years: delta * 10 }))}\n />\n );\n } else {\n header = (\n <CalendarHeader\n title={title}\n segments={\n hasNavigation\n ? [\n {\n key: 'month',\n label: format(monthFormatter, visibleStart),\n isDisabled: state.isDisabled,\n onPress: () => openView('month'),\n },\n {\n key: 'year',\n label: format(yearFormatter, visibleStart),\n isDisabled: state.isDisabled,\n onPress: () => openView('year'),\n },\n ]\n : undefined\n }\n prevButtonProps={prevButtonProps}\n nextButtonProps={nextButtonProps}\n />\n );\n\n body = (\n <CalendarGrid\n state={state}\n selectedRange={selectedRange}\n pickerMode={pickerMode}\n />\n );\n }\n\n return (\n <CalendarElement\n ref={elementRef}\n {...mergeProps(calendarProps, { onKeyDown })}\n >\n {header}\n {body}\n </CalendarElement>\n );\n}\n"],"mappings":"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"}

package/dist/components/other/Calendar/PeriodCalendar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { getQuarter } from "../../fields/DatePicker/period.js";

package/dist/components/other/Calendar/PeriodGrid.js CHANGED Viewed

@@ -1,6 +1,6 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { CALENDAR_CELL_STYLES } from "./styled.js";
-import { tasty } from "@tenphi/tasty";
+import { mergeStyles, tasty } from "@tenphi/tasty";
 import { useLayoutEffect, useRef } from "react";
 import { jsx } from "react/jsx-runtime";
 //#region src/components/other/Calendar/PeriodGrid.tsx
@@ -10,6 +10,7 @@ const PeriodGridElement = tasty({
 	styles: {
 		borderCollapse: "collapse",
 		borderSpacing: 0,
+		"$cell-gap": "2px",
 		tableLayout: "fixed"
 	}
 });
@@ -18,18 +19,17 @@ const PeriodGridCellElement = tasty({
 	role: "gridcell",
 	styles: {
 		margin: 0,
-		padding: "2bw right bottom"
+		padding: "$cell-gap right bottom"
 	}
 });
 const PeriodGridButtonElement = tasty({
 	as: "button",
 	"data-popover-keep": true,
-	styles: {
-		...CALENDAR_CELL_STYLES,
+	styles: mergeStyles(CALENDAR_CELL_STYLES, {
 		width: "100%",
 		height: "4x",
 		padding: "0 .5x"
-	}
+	})
 });
 /**
 * A keyboard-navigable grid of calendar periods (months, quarters or years).

package/dist/components/other/Calendar/PeriodGrid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PeriodGrid.js","names":["Styles","tasty","KeyboardEvent","useLayoutEffect","useRef","CALENDAR_CELL_STYLES","PeriodGridElement","as","role","styles","borderCollapse","borderSpacing","tableLayout","PeriodGridCellElement","margin","padding","PeriodGridButtonElement","width","height","CubePeriodGridCell","key","label","ariaLabel","isSelected","isCurrent","isDisabled","isOutside","CubePeriodGridProps","cells","columns","focusedIndex","autoFocus","onCellPress","index","onCellFocus","onMoveFocus","delta","onMovePage","PeriodGrid","props","cellRefs","Array","HTMLButtonElement","shouldFocusRef","safeIndex","Math","max","min","length","current","focus","moveFocus","next","focusEdge","edge","step","onKeyDown","e","preventDefault","stopPropagation","rows","i","push","slice","map","row","rowIndex","cell","columnIndex","element","selected","outside","disabled"],"sources":["../../../../src/components/other/Calendar/PeriodGrid.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\nimport { KeyboardEvent, useLayoutEffect, useRef } from 'react';\n\nimport { CALENDAR_CELL_STYLES } from './styled';\n\nconst PeriodGridElement = tasty({\n as: 'table',\n role: 'grid',\n styles: {\n borderCollapse: 'collapse',\n borderSpacing: 0,\n // Columns share the width evenly. The owner passes that width explicitly —\n // a percentage here would resolve against the popover's `max-content` box.\n tableLayout: 'fixed',\n },\n});\n\nconst PeriodGridCellElement = tasty({\n as: 'td',\n role: 'gridcell',\n styles: {\n margin: 0,\n padding: '2bw right bottom',\n },\n});\n\nconst PeriodGridButtonElement = tasty({\n as: 'button',\n 'data-popover-keep': true,\n styles: {\n // eslint-disable-next-line tasty/no-style-spread -- cell base shared with CalendarCell\n ...CALENDAR_CELL_STYLES,\n width: '100%',\n height: '4x',\n padding: '0 .5x',\n },\n});\n\nexport interface CubePeriodGridCell {\n /** Stable identity of the cell, also used as the React key. /\n key: string;\n label: string;\n /* Overrides the accessible name when the visible label is ambiguous. /\n ariaLabel?: string;\n isSelected?: boolean;\n /* Whether the cell contains today. /\n isCurrent?: boolean;\n isDisabled?: boolean;\n /* Whether the cell belongs to a neighbouring page (e.g. an adjacent decade). /\n isOutside?: boolean;\n}\n\nexport interface CubePeriodGridProps {\n cells: CubePeriodGridCell[];\n columns: number;\n /* Index of the cell that holds the roving tab stop. /\n focusedIndex: number;\n autoFocus?: boolean;\n 'aria-label'?: string;\n styles?: Styles;\n onCellPress: (index: number) => void;\n /* Focus moved to another cell of the current page. /\n onCellFocus: (index: number) => void;\n /\n Focus moved past the edge of the current page by `delta` periods. The owner\n * moves its anchor, which in turn flips the page and the focused index.\n /\n onMoveFocus: (delta: number) => void;\n /* `PageUp` / `PageDown` — one page back or forward. /\n onMovePage: (delta: -1 \| 1) => void;\n}\n\n/\n A keyboard-navigable grid of calendar periods (months, quarters or years).\n \n The grid owns rendering, the roving tab stop and DOM focus; the owner owns\n * the periods themselves. Arrow keys that leave the page are reported through\n * `onMoveFocus` so the owner can page and keep focus on the adjacent period.\n /\nexport function PeriodGrid(props: CubePeriodGridProps) {\n let {\n cells,\n columns,\n focusedIndex,\n autoFocus,\n styles,\n onCellPress,\n onCellFocus,\n onMoveFocus,\n onMovePage,\n } = props;\n\n let cellRefs = useRef<Array<HTMLButtonElement \| null>>([]);\n // Set by the grid's own keyboard handling and by `autoFocus`, so paging with\n // the header buttons never steals focus into the grid.\n let shouldFocusRef = useRef(!!autoFocus);\n\n let safeIndex = Math.max(0, Math.min(cells.length - 1, focusedIndex));\n\n cellRefs.current.length = cells.length;\n\n useLayoutEffect(() => {\n if (shouldFocusRef.current) {\n shouldFocusRef.current = false;\n cellRefs.current[safeIndex]?.focus();\n }\n });\n\n let moveFocus = (delta: number) => {\n shouldFocusRef.current = true;\n\n let next = safeIndex + delta;\n\n // Disabled cells can't hold DOM focus, so step over them instead of\n // stranding the caret on an unreachable period.\n while (next >= 0 && next < cells.length && cells[next].isDisabled) {\n next += delta;\n }\n\n if (next < 0 \|\| next >= cells.length) {\n onMoveFocus(delta);\n } else {\n onCellFocus(next);\n }\n };\n\n let focusEdge = (edge: 'start' \| 'end') => {\n let step = edge === 'start' ? 1 : -1;\n let index = edge === 'start' ? 0 : cells.length - 1;\n\n while (index >= 0 && index < cells.length && cells[index].isDisabled) {\n index += step;\n }\n\n if (index < 0 \|\| index >= cells.length) return;\n\n shouldFocusRef.current = true;\n onCellFocus(index);\n };\n\n let onKeyDown = (e: KeyboardEvent) => {\n switch (e.key) {\n case 'ArrowRight':\n moveFocus(1);\n break;\n case 'ArrowLeft':\n moveFocus(-1);\n break;\n case 'ArrowDown':\n moveFocus(columns);\n break;\n case 'ArrowUp':\n moveFocus(-columns);\n break;\n case 'Home':\n focusEdge('start');\n break;\n case 'End':\n focusEdge('end');\n break;\n case 'PageUp':\n shouldFocusRef.current = true;\n onMovePage(-1);\n break;\n case 'PageDown':\n shouldFocusRef.current = true;\n onMovePage(1);\n break;\n default:\n return;\n }\n\n e.preventDefault();\n e.stopPropagation();\n };\n\n let rows: CubePeriodGridCell[][] = [];\n\n for (let i = 0; i < cells.length; i += columns) {\n rows.push(cells.slice(i, i + columns));\n }\n\n return (\n <PeriodGridElement\n aria-label={props['aria-label']}\n styles={styles}\n onKeyDown={onKeyDown}\n >\n <tbody data-element=\"Body\">\n {rows.map((row, rowIndex) => (\n <tr key={rowIndex} role=\"row\" data-element=\"Row\">\n {row.map((cell, columnIndex) => {\n let index = rowIndex columns + columnIndex;\n\n return (\n <PeriodGridCellElement\n key={cell.key}\n aria-selected={!!cell.isSelected}\n >\n <PeriodGridButtonElement\n ref={(element: HTMLButtonElement \| null) => {\n cellRefs.current[index] = element;\n }}\n type=\"button\"\n tabIndex={index === safeIndex ? 0 : -1}\n disabled={cell.isDisabled}\n aria-label={cell.ariaLabel}\n mods={{\n selected: cell.isSelected,\n current: cell.isCurrent,\n outside: cell.isOutside,\n disabled: cell.isDisabled,\n }}\n onFocus={() => onCellFocus(index)}\n onClick={() => onCellPress(index)}\n >\n {cell.label}\n </PeriodGridButtonElement>\n </PeriodGridCellElement>\n );\n })}\n </tr>\n ))}\n </tbody>\n </PeriodGridElement>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"PeriodGrid.js","names":["mergeStyles","Styles","tasty","KeyboardEvent","useLayoutEffect","useRef","CALENDAR_CELL_STYLES","PeriodGridElement","as","role","styles","borderCollapse","borderSpacing","tableLayout","PeriodGridCellElement","margin","padding","PeriodGridButtonElement","width","height","CubePeriodGridCell","key","label","ariaLabel","isSelected","isCurrent","isDisabled","isOutside","CubePeriodGridProps","cells","columns","focusedIndex","autoFocus","onCellPress","index","onCellFocus","onMoveFocus","delta","onMovePage","PeriodGrid","props","cellRefs","Array","HTMLButtonElement","shouldFocusRef","safeIndex","Math","max","min","length","current","focus","moveFocus","next","focusEdge","edge","step","onKeyDown","e","preventDefault","stopPropagation","rows","i","push","slice","map","row","rowIndex","cell","columnIndex","element","selected","outside","disabled"],"sources":["../../../../src/components/other/Calendar/PeriodGrid.tsx"],"sourcesContent":["import { mergeStyles, Styles, tasty } from '@tenphi/tasty';\nimport { KeyboardEvent, useLayoutEffect, useRef } from 'react';\n\nimport { CALENDAR_CELL_STYLES } from './styled';\n\nconst PeriodGridElement = tasty({\n as: 'table',\n role: 'grid',\n styles: {\n borderCollapse: 'collapse',\n borderSpacing: 0,\n // Cells sit two device pixels apart. The owner's width counts it too.\n '$cell-gap': '2px',\n // Columns share the width evenly. The owner passes that width explicitly —\n // a percentage here would resolve against the popover's `max-content` box.\n tableLayout: 'fixed',\n },\n});\n\nconst PeriodGridCellElement = tasty({\n as: 'td',\n role: 'gridcell',\n styles: {\n margin: 0,\n padding: '$cell-gap right bottom',\n },\n});\n\nconst PeriodGridButtonElement = tasty({\n as: 'button',\n 'data-popover-keep': true,\n styles: mergeStyles(CALENDAR_CELL_STYLES, {\n width: '100%',\n height: '4x',\n padding: '0 .5x',\n }),\n});\n\nexport interface CubePeriodGridCell {\n /** Stable identity of the cell, also used as the React key. /\n key: string;\n label: string;\n /* Overrides the accessible name when the visible label is ambiguous. /\n ariaLabel?: string;\n isSelected?: boolean;\n /* Whether the cell contains today. /\n isCurrent?: boolean;\n isDisabled?: boolean;\n /* Whether the cell belongs to a neighbouring page (e.g. an adjacent decade). /\n isOutside?: boolean;\n}\n\nexport interface CubePeriodGridProps {\n cells: CubePeriodGridCell[];\n columns: number;\n /* Index of the cell that holds the roving tab stop. /\n focusedIndex: number;\n autoFocus?: boolean;\n 'aria-label'?: string;\n styles?: Styles;\n onCellPress: (index: number) => void;\n /* Focus moved to another cell of the current page. /\n onCellFocus: (index: number) => void;\n /\n Focus moved past the edge of the current page by `delta` periods. The owner\n * moves its anchor, which in turn flips the page and the focused index.\n /\n onMoveFocus: (delta: number) => void;\n /* `PageUp` / `PageDown` — one page back or forward. /\n onMovePage: (delta: -1 \| 1) => void;\n}\n\n/\n A keyboard-navigable grid of calendar periods (months, quarters or years).\n \n The grid owns rendering, the roving tab stop and DOM focus; the owner owns\n * the periods themselves. Arrow keys that leave the page are reported through\n * `onMoveFocus` so the owner can page and keep focus on the adjacent period.\n /\nexport function PeriodGrid(props: CubePeriodGridProps) {\n let {\n cells,\n columns,\n focusedIndex,\n autoFocus,\n styles,\n onCellPress,\n onCellFocus,\n onMoveFocus,\n onMovePage,\n } = props;\n\n let cellRefs = useRef<Array<HTMLButtonElement \| null>>([]);\n // Set by the grid's own keyboard handling and by `autoFocus`, so paging with\n // the header buttons never steals focus into the grid.\n let shouldFocusRef = useRef(!!autoFocus);\n\n let safeIndex = Math.max(0, Math.min(cells.length - 1, focusedIndex));\n\n cellRefs.current.length = cells.length;\n\n useLayoutEffect(() => {\n if (shouldFocusRef.current) {\n shouldFocusRef.current = false;\n cellRefs.current[safeIndex]?.focus();\n }\n });\n\n let moveFocus = (delta: number) => {\n shouldFocusRef.current = true;\n\n let next = safeIndex + delta;\n\n // Disabled cells can't hold DOM focus, so step over them instead of\n // stranding the caret on an unreachable period.\n while (next >= 0 && next < cells.length && cells[next].isDisabled) {\n next += delta;\n }\n\n if (next < 0 \|\| next >= cells.length) {\n onMoveFocus(delta);\n } else {\n onCellFocus(next);\n }\n };\n\n let focusEdge = (edge: 'start' \| 'end') => {\n let step = edge === 'start' ? 1 : -1;\n let index = edge === 'start' ? 0 : cells.length - 1;\n\n while (index >= 0 && index < cells.length && cells[index].isDisabled) {\n index += step;\n }\n\n if (index < 0 \|\| index >= cells.length) return;\n\n shouldFocusRef.current = true;\n onCellFocus(index);\n };\n\n let onKeyDown = (e: KeyboardEvent) => {\n switch (e.key) {\n case 'ArrowRight':\n moveFocus(1);\n break;\n case 'ArrowLeft':\n moveFocus(-1);\n break;\n case 'ArrowDown':\n moveFocus(columns);\n break;\n case 'ArrowUp':\n moveFocus(-columns);\n break;\n case 'Home':\n focusEdge('start');\n break;\n case 'End':\n focusEdge('end');\n break;\n case 'PageUp':\n shouldFocusRef.current = true;\n onMovePage(-1);\n break;\n case 'PageDown':\n shouldFocusRef.current = true;\n onMovePage(1);\n break;\n default:\n return;\n }\n\n e.preventDefault();\n e.stopPropagation();\n };\n\n let rows: CubePeriodGridCell[][] = [];\n\n for (let i = 0; i < cells.length; i += columns) {\n rows.push(cells.slice(i, i + columns));\n }\n\n return (\n <PeriodGridElement\n aria-label={props['aria-label']}\n styles={styles}\n onKeyDown={onKeyDown}\n >\n <tbody data-element=\"Body\">\n {rows.map((row, rowIndex) => (\n <tr key={rowIndex} role=\"row\" data-element=\"Row\">\n {row.map((cell, columnIndex) => {\n let index = rowIndex columns + columnIndex;\n\n return (\n <PeriodGridCellElement\n key={cell.key}\n aria-selected={!!cell.isSelected}\n >\n <PeriodGridButtonElement\n ref={(element: HTMLButtonElement \| null) => {\n cellRefs.current[index] = element;\n }}\n type=\"button\"\n tabIndex={index === safeIndex ? 0 : -1}\n disabled={cell.isDisabled}\n aria-label={cell.ariaLabel}\n mods={{\n selected: cell.isSelected,\n current: cell.isCurrent,\n outside: cell.isOutside,\n disabled: cell.isDisabled,\n }}\n onFocus={() => onCellFocus(index)}\n onClick={() => onCellPress(index)}\n >\n {cell.label}\n </PeriodGridButtonElement>\n </PeriodGridCellElement>\n );\n })}\n </tr>\n ))}\n </tbody>\n </PeriodGridElement>\n );\n}\n"],"mappings":"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"}

package/dist/components/other/Calendar/RangeCalendar.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { useProviderProps } from "../../../provider.js";
 import { CalendarPanel } from "./CalendarPanel.js";
 import { c } from "react/compiler-runtime";

package/dist/components/other/Calendar/styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 //#region src/components/other/Calendar/styled.tsx
 /**
@@ -47,10 +47,10 @@ const CALENDAR_CELL_STYLES = {
 		"selected & (disabled | unavailable)": "#white"
 	},
 	outline: {
-		"": "1bw #primary-text.0",
-		focused: "1bw #primary-text"
+		"": "$ring-width #primary-text.0",
+		focused: "$ring-width #primary-text"
 	},
-	outlineOffset: .5,
+	outlineOffset: "($outline-offset / 2)",
 	radius: true,
 	cursor: {
 		"": "$pointer",

package/dist/components/other/Calendar/styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"styled.js","names":["Styles","tasty","CalendarElement","styles","display","width","padding","gap","CalendarHeaderElement","placeContent","placeItems","CALENDAR_CELL_STYLES","preset","border","fill","rangeHover","pressed","selected","color","outside","outline","focused","outlineOffset","radius","cursor"],"sources":["../../../../src/components/other/Calendar/styled.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\n\n/*\n Every calendar flavour (day, range, period) shares the same shell so the\n * popover keeps a stable size and rhythm when the user switches between the\n * day grid and the month / year panels.\n /\nexport const CalendarElement = tasty({\n styles: {\n display: 'grid',\n // Shrink-wrap the grid so a standalone calendar doesn't stretch its cells\n // across whatever container it lands in.\n width: 'max-content',\n padding: '1x',\n gap: '1x',\n },\n});\n\nexport const CalendarHeaderElement = tasty({\n styles: {\n display: 'flex',\n placeContent: 'center space-between',\n placeItems: 'center',\n gap: '1.5x',\n },\n});\n\n/\n The interactive states shared by day cells and period (month / quarter /\n * year) cells. Kept in one place so a day and a month never drift apart.\n */\nexport const CALENDAR_CELL_STYLES: Styles = {\n preset: 't3m',\n display: 'grid',\n placeItems: 'center',\n border: 0,\n fill: {\n '': '#primary.0',\n ':hover': '#primary.16',\n rangeHover: '#primary.16',\n pressed: '#primary.10',\n\n selected: '#primary',\n 'selected & :hover': '#primary-text',\n 'selected & pressed': '#primary',\n\n 'disabled \| unavailable': '#primary.0',\n // A disabled calendar still has to show what is selected.\n 'selected & (disabled \| unavailable)': '#primary.30',\n },\n color: {\n '': '#dark',\n outside: '#dark.30',\n // The cell that contains today — a hint, not a selection.\n 'current & !selected': '#primary-text',\n selected: '#white',\n 'disabled \| unavailable': '#dark.30',\n 'selected & (disabled \| unavailable)': '#white',\n },\n outline: {\n '': '~~1bw~~ #primary-text.0',\n focused: '~~1bw~~ #primary-text',\n },\n outlineOffset: ~~0.5~~,\n radius: true,\n cursor: {\n '': '$pointer',\n 'disabled \| unavailable': 'default',\n },\n};\n"],"mappings":";;;;;;;;AAOA,MAAaE,kBAAkBD,MAAM,EACnCE,QAAQ;CACNC,SAAS;CAGTC,OAAO;CACPC,SAAS;CACTC,KAAK;AACP,EACF,CAAC;AAED,MAAaC,wBAAwBP,MAAM,EACzCE,QAAQ;CACNC,SAAS;CACTK,cAAc;CACdC,YAAY;CACZH,KAAK;AACP,EACF,CAAC;;;;;AAMD,MAAaI,uBAA+B;CAC1CC,QAAQ;CACRR,SAAS;CACTM,YAAY;CACZG,QAAQ;CACRC,MAAM;EACJ,IAAI;EACJ,UAAU;EACVC,YAAY;EACZC,SAAS;EAETC,UAAU;EACV,qBAAqB;EACrB,sBAAsB;EAEtB,0BAA0B;EAE1B,uCAAuC;CACzC;CACAC,OAAO;EACL,IAAI;EACJC,SAAS;EAET,uBAAuB;EACvBF,UAAU;EACV,0BAA0B;EAC1B,uCAAuC;CACzC;CACAG,SAAS;EACP,IAAI;EACJC,SAAS;CACX;CACAC,eAAe;CACfC,QAAQ;CACRC,QAAQ;EACN,IAAI;EACJ,0BAA0B;CAC5B;AACF"}
1	+ {"version":3,"file":"styled.js","names":["Styles","tasty","CalendarElement","styles","display","width","padding","gap","CalendarHeaderElement","placeContent","placeItems","CALENDAR_CELL_STYLES","preset","border","fill","rangeHover","pressed","selected","color","outside","outline","focused","outlineOffset","radius","cursor"],"sources":["../../../../src/components/other/Calendar/styled.tsx"],"sourcesContent":["import { Styles, tasty } from '@tenphi/tasty';\n\n/*\n Every calendar flavour (day, range, period) shares the same shell so the\n * popover keeps a stable size and rhythm when the user switches between the\n * day grid and the month / year panels.\n /\nexport const CalendarElement = tasty({\n styles: {\n display: 'grid',\n // Shrink-wrap the grid so a standalone calendar doesn't stretch its cells\n // across whatever container it lands in.\n width: 'max-content',\n padding: '1x',\n gap: '1x',\n },\n});\n\nexport const CalendarHeaderElement = tasty({\n styles: {\n display: 'flex',\n placeContent: 'center space-between',\n placeItems: 'center',\n gap: '1.5x',\n },\n});\n\n/\n The interactive states shared by day cells and period (month / quarter /\n * year) cells. Kept in one place so a day and a month never drift apart.\n */\nexport const CALENDAR_CELL_STYLES: Styles = {\n preset: 't3m',\n display: 'grid',\n placeItems: 'center',\n border: 0,\n fill: {\n '': '#primary.0',\n ':hover': '#primary.16',\n rangeHover: '#primary.16',\n pressed: '#primary.10',\n\n selected: '#primary',\n 'selected & :hover': '#primary-text',\n 'selected & pressed': '#primary',\n\n 'disabled \| unavailable': '#primary.0',\n // A disabled calendar still has to show what is selected.\n 'selected & (disabled \| unavailable)': '#primary.30',\n },\n color: {\n '': '#dark',\n outside: '#dark.30',\n // The cell that contains today — a hint, not a selection.\n 'current & !selected': '#primary-text',\n selected: '#white',\n 'disabled \| unavailable': '#dark.30',\n 'selected & (disabled \| unavailable)': '#white',\n },\n outline: {\n '': '$ring-width #primary-text.0',\n focused: '$ring-width #primary-text',\n },\n outlineOffset: '($outline-offset / 2)',\n radius: true,\n cursor: {\n '': '$pointer',\n 'disabled \| unavailable': 'default',\n },\n};\n"],"mappings":";;;;;;;;AAOA,MAAaE,kBAAkBD,MAAM,EACnCE,QAAQ;CACNC,SAAS;CAGTC,OAAO;CACPC,SAAS;CACTC,KAAK;AACP,EACF,CAAC;AAED,MAAaC,wBAAwBP,MAAM,EACzCE,QAAQ;CACNC,SAAS;CACTK,cAAc;CACdC,YAAY;CACZH,KAAK;AACP,EACF,CAAC;;;;;AAMD,MAAaI,uBAA+B;CAC1CC,QAAQ;CACRR,SAAS;CACTM,YAAY;CACZG,QAAQ;CACRC,MAAM;EACJ,IAAI;EACJ,UAAU;EACVC,YAAY;EACZC,SAAS;EAETC,UAAU;EACV,qBAAqB;EACrB,sBAAsB;EAEtB,0BAA0B;EAE1B,uCAAuC;CACzC;CACAC,OAAO;EACL,IAAI;EACJC,SAAS;EAET,uBAAuB;EACvBF,UAAU;EACV,0BAA0B;EAC1B,uCAAuC;CACzC;CACAG,SAAS;EACP,IAAI;EACJC,SAAS;CACX;CACAC,eAAe;CACfC,QAAQ;CACRC,QAAQ;EACN,IAAI;EACJ,0BAA0B;CAC5B;AACF"}

package/dist/components/other/CubeLogo/CubeLogo.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { Icon } from "../../../icons/Icon.js";
 import { c } from "react/compiler-runtime";
 import { mergeStyles, tasty } from "@tenphi/tasty";
@@ -145,8 +145,7 @@ const CubeLogo = forwardRef(function CubeLogo(props, ref) {
 */
 const CubeFullLogoElement = tasty(Icon, {
 	qa: "CubeFullLogo",
-	styles: {
-		...SCHEME_SWAP,
+	styles: mergeStyles(SCHEME_SWAP, {
 		width: "auto",
 		aspectRatio: FULL_ASPECT_RATIO,
 		Svg: {
@@ -154,7 +153,7 @@ const CubeFullLogoElement = tasty(Icon, {
 			height: "1em 1em",
 			aspectRatio: FULL_ASPECT_RATIO
 		}
-	}
+	})
 });
 const CubeFullLogo = forwardRef(function CubeFullLogo(props, ref) {
 	const $ = c(9);

package/dist/components/other/CubeLogo/CubeLogo.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CubeLogo.js","names":["mergeStyles","tasty","ForwardedRef","forwardRef","CubeIconProps","Icon","MARK_LIGHT_PATH","MARK_DARK_PATH","WORDMARK_PATH","MARK_VIEW_BOX","FULL_VIEW_BOX","FULL_ASPECT_RATIO","MarkPaths","$","_c","t0","Symbol","for","SCHEME_SWAP","LightMark","display","DarkMark","const","FORCED_SCHEME","light","dark","CubeLogoProps","scheme","resolveLogoStyles","styles","CubeLogoElement","qa","CubeLogo","props","ref","rest","t1","t2","CubeFullLogoElement","width","aspectRatio","Svg","height","CubeFullLogo","_c"],"sources":["../../../../src/components/other/CubeLogo/CubeLogo.tsx"],"sourcesContent":["import { mergeStyles, tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport { CubeIconProps, Icon } from '../../../icons/Icon';\n\n/*\n Cube logo marks.\n \n The mark is two different drawings, not one drawing recoloured: the light\n * variant is an outlined cube, the dark variant is filled differently so it keeps\n * its weight against a dark surface. Both are rendered and swapped by the global\n * `@dark` state rather than picked in JS, so the logo follows the scheme without a\n * re-render and works in SSR.\n \n Both marks are drawn with `currentColor`, so colour comes from the surrounding\n * text colour (or an explicit `color` prop) — never a baked-in hex. That is the\n * whole reason the previous `CloudLogo` had to go: it hard-coded the old brand\n * hexes and could not adapt.\n /\n\nconst MARK_LIGHT_PATH =\n 'M12.3428 0.468443C13.3139 -0.0982146 14.5153 -0.0984244 15.4863 0.468443L25.7051 6.43426C26.1063 6.66852 26.3535 7.09853 26.3535 7.56317V11.9008C26.3534 12.1325 26.2301 12.347 26.0303 12.4642L23.8356 13.8389L25.7109 14.8737C26.1088 15.1088 26.3534 15.5366 26.3535 15.9987V20.4352C26.3535 20.8999 26.1063 21.3298 25.7051 21.5641L15.4834 27.53C14.5123 28.0967 13.3119 28.0968 12.3408 27.53L2.11914 21.5641C1.71803 21.3298 1.47168 20.8998 1.47168 20.4352V7.56317C1.47178 7.09851 1.71879 6.66848 2.12012 6.43426L12.3428 0.468443ZM14.7002 1.77118C14.2147 1.4878 13.6144 1.48791 13.1289 1.77118L3.18164 7.57587C3.06086 7.64635 2.98649 7.77589 2.98633 7.91571V20.0085L12.873 14.3005C13.5161 13.9292 14.3091 13.9292 14.9521 14.3005L24.8389 20.0095V16.3513C24.8388 16.2116 24.764 16.082 24.6436 16.0114L14.6982 10.197C14.2129 9.91323 13.6117 9.91297 13.126 10.196L6.38477 14.1247C6.13553 14.2695 5.82263 14.0897 5.82227 13.8015V10.3942C5.82238 10.188 5.93134 9.99713 6.1084 9.89129L12.8613 5.85614C13.5101 5.46859 14.3183 5.4637 14.9717 5.84344L24.8389 11.5788V7.91571C24.8387 7.77604 24.7641 7.64643 24.6436 7.57587L14.7002 1.77118Z';\n\nconst MARK_DARK_PATH =\n 'M25.9002 6.65073C26.2344 6.84455 26.44 7.20162 26.44 7.5879L26.4396 11.3066C26.4395 11.6899 26.2369 12.0447 25.9067 12.2395L22.6916 14.1362L25.9094 16.0449C26.2383 16.24 26.44 16.5941 26.44 16.9766V20.6864C26.44 21.0743 26.2326 21.4327 25.8961 21.6258L15.6128 27.5294C14.6148 28.1023 13.387 28.0996 12.3914 27.5223L2.09765 21.5528C1.7635 21.359 1.55781 21.002 1.55781 20.6157V7.58789C1.55781 7.20162 1.76349 6.84457 2.09764 6.65079L13.049 0.299736C13.6372 -0.0413849 14.363 -0.0413542 14.9512 0.299815L25.9002 6.65073ZM3.08936 20.3607C2.9078 20.4649 2.90801 20.7268 3.08974 20.8307L13.0565 26.5279C13.641 26.8619 14.3587 26.861 14.9423 26.5254L24.821 20.8447C25.0017 20.7408 25.0022 20.4802 24.8218 20.3756L14.9425 14.6505C14.3571 14.3112 13.6353 14.3097 13.0485 14.6464L3.08936 20.3607ZM5.55497 9.75456C5.3906 9.85215 5.28984 10.0292 5.28984 10.2203V13.6284C5.28984 13.8379 5.51738 13.968 5.69791 13.8619L13.0363 9.54766C13.631 9.19804 14.3687 9.19907 14.9624 9.55035L21.2322 13.26C21.4021 13.3605 21.6131 13.3607 21.7831 13.2604L24.8318 11.4632C25.0105 11.3579 25.0093 11.0991 24.8297 10.9954L14.9614 5.29588C14.3677 4.95297 13.6351 4.95738 13.0455 5.3074L5.55497 9.75456Z';\n\nconst WORDMARK_PATH =\n 'M52.1689 16.0085C52.1689 18.0202 53.5876 19.2742 55.3838 19.2742C57.1215 19.274 58.5107 18.02 58.5107 16.0085V7.46362H61.5527V15.7761C61.5526 19.6552 58.8592 22.1041 55.3857 22.1042C51.8518 22.1042 49.1584 19.6553 49.1582 15.7761V7.46362H52.1689V16.0085ZM68.2725 9.2146C69.3445 7.90193 71.0524 7.14436 73.0215 7.14429C77.0745 7.14226 79.999 10.3792 79.999 14.6375C79.999 18.8957 77.0747 22.1042 73.0498 22.1042C70.964 22.1042 69.1394 21.26 68.0693 19.8015V21.7849H65.2314V0.6521H68.2725V9.2146ZM90.0576 7.14233C93.851 7.14255 96.6309 9.94205 96.6309 13.7039C96.6308 14.4918 96.4859 15.2518 96.3994 15.6306H85.8008C86.2072 17.9925 88.0019 19.3923 90.4336 19.3923C92.0849 19.3923 93.3865 18.7502 94.5752 17.7009L96.0234 19.8015C94.5169 21.2297 92.6055 22.1042 90.3467 22.1042C85.9457 22.1042 82.7012 18.8673 82.7012 14.6375C82.7012 10.438 85.9161 7.14233 90.0576 7.14233ZM40.5293 7.14233C43.2224 7.14248 45.3056 8.45506 46.5225 10.4666L44.3809 12.158C43.4536 10.8452 42.2663 9.97046 40.5586 9.97046C37.952 9.97067 36.0996 12.0122 36.0996 14.6072C36.0996 17.2608 37.952 19.272 40.5586 19.2722C42.2381 19.2722 43.4254 18.4277 44.3809 17.115L46.5225 18.7781C45.2774 20.7896 43.1922 22.1021 40.5293 22.1023C36.3314 22.1043 33 18.837 33 14.6091C33 10.4096 36.3314 7.14233 40.5293 7.14233ZM72.5273 9.94409C70.3852 9.94409 68.2403 11.4022 68.2402 14.6394C68.2402 17.905 70.4133 19.3044 72.5273 19.3044C74.9891 19.3042 76.872 17.3803 76.8721 14.6091C76.8721 11.838 74.961 9.9443 72.5273 9.94409ZM89.9424 9.73706C87.9431 9.73916 86.322 11.109 85.8594 13.238H93.5908C93.5325 10.9914 91.8834 9.73706 89.9424 9.73706Z';\n\n/* Mark artwork is square. /\nconst MARK_VIEW_BOX = '0 0 28 28';\n/\n Full logo = mark (x 0–28) + wordmark (x 33–98) on one canvas, so the 5-unit\n * gap between them is part of the artwork rather than a layout concern.\n /\nconst FULL_VIEW_BOX = '0 0 98 28';\n/* 98 / 28 — used to let width follow height automatically. /\nconst FULL_ASPECT_RATIO = '98 / 28';\n\nconst MarkPaths = () => (\n <>\n <path\n clipRule=\"evenodd\"\n d={MARK_LIGHT_PATH}\n data-element=\"LightMark\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n />\n <path\n clipRule=\"evenodd\"\n d={MARK_DARK_PATH}\n data-element=\"DarkMark\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n />\n </>\n);\n\nconst SCHEME_SWAP = {\n LightMark: {\n display: { '': 'block', '@dark': 'none' },\n },\n DarkMark: {\n display: { '': 'none', '@dark': 'block' },\n },\n} as const;\n\n/\n Pin one mark instead of letting the `@dark` state choose.\n \n Needed wherever the background is known but the document scheme does not\n * describe it: a fixed-dark panel in a light app (`#surface-inverse`, the\n * `special` theme), an exported image, or a themed region — `tokens` overrides\n * token values, and `@dark` is a state, so a region preview cannot reach the\n * swap on its own.\n /\nconst FORCED_SCHEME = {\n light: {\n LightMark: { display: 'block' },\n DarkMark: { display: 'none' },\n },\n dark: {\n LightMark: { display: 'none' },\n DarkMark: { display: 'block' },\n },\n} as const;\n\nexport interface CubeLogoProps extends CubeIconProps {\n /\n Force the light or dark mark. Omit it — the default — to follow the document\n * scheme in CSS, which costs no re-render and is correct during SSR.\n /\n scheme?: 'light' \| 'dark';\n}\n\n/* Caller styles win; a forced scheme only overrides the swap itself. /\nfunction resolveLogoStyles({ scheme, styles }: CubeLogoProps) {\n return scheme ? mergeStyles(FORCED_SCHEME[scheme], styles) : styles;\n}\n\n/\n Square Cube mark, sized through `Icon` — pass `size` (or any `Icon` style prop)\n * and both axes follow it.\n /\nconst CubeLogoElement = tasty(Icon, {\n qa: 'CubeLogo',\n styles: SCHEME_SWAP,\n});\n\nexport const CubeLogo = forwardRef(function CubeLogo(\n props: CubeLogoProps,\n ref: ForwardedRef<HTMLSpanElement>,\n) {\n const { scheme, styles, ...rest } = props;\n\n return (\n <CubeLogoElement\n aria-label=\"Cube\"\n role=\"img\"\n {...rest}\n styles={resolveLogoStyles(props)}\n ref={ref}\n >\n <svg\n fill=\"none\"\n viewBox={MARK_VIEW_BOX}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <MarkPaths />\n </svg>\n </CubeLogoElement>\n );\n});\n\n/\n Cube mark + wordmark.\n \n `size` sets the height only; the width follows the artwork's aspect ratio.\n * `Icon` is square by default (`width: '1em 1em'`), so both the wrapper and the\n * inner `svg` have their width released to `auto` and the ratio pinned with\n * `aspectRatio` — otherwise the wordmark would be squashed into a 1em box.\n */\nconst CubeFullLogoElement = tasty(Icon, {\n qa: 'CubeFullLogo',\n styles: {\n // eslint-disable-next-line tasty/no-style-spread -- light/dark mark swap shared with CubeLogo\n ...SCHEME_SWAP,\n // Height still comes from `$icon-size` via `Icon`; width must not.\n width: 'auto',\n aspectRatio: FULL_ASPECT_RATIO,\n\n Svg: {\n width: 'auto',\n height: '1em 1em',\n aspectRatio: FULL_ASPECT_RATIO,\n },\n },\n});\n\nexport const CubeFullLogo = forwardRef(function CubeFullLogo(\n props: CubeLogoProps,\n ref: ForwardedRef<HTMLSpanElement>,\n) {\n const { scheme, styles, ...rest } = props;\n\n return (\n <CubeFullLogoElement\n aria-label=\"Cube\"\n role=\"img\"\n {...rest}\n styles={resolveLogoStyles(props)}\n ref={ref}\n >\n <svg\n fill=\"none\"\n viewBox={FULL_VIEW_BOX}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <MarkPaths />\n <path d={WORDMARK_PATH} fill=\"currentColor\" />\n </svg>\n </CubeFullLogoElement>\n );\n});\n"],"mappings":"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"}
1	+ {"version":3,"file":"CubeLogo.js","names":["mergeStyles","tasty","ForwardedRef","forwardRef","CubeIconProps","Icon","MARK_LIGHT_PATH","MARK_DARK_PATH","WORDMARK_PATH","MARK_VIEW_BOX","FULL_VIEW_BOX","FULL_ASPECT_RATIO","MarkPaths","$","_c","t0","Symbol","for","SCHEME_SWAP","LightMark","display","DarkMark","const","FORCED_SCHEME","light","dark","CubeLogoProps","scheme","resolveLogoStyles","styles","CubeLogoElement","qa","CubeLogo","props","ref","rest","t1","t2","CubeFullLogoElement","width","aspectRatio","Svg","height","CubeFullLogo","_c"],"sources":["../../../../src/components/other/CubeLogo/CubeLogo.tsx"],"sourcesContent":["import { mergeStyles, tasty } from '@tenphi/tasty';\nimport { ForwardedRef, forwardRef } from 'react';\n\nimport { CubeIconProps, Icon } from '../../../icons/Icon';\n\n/*\n Cube logo marks.\n \n The mark is two different drawings, not one drawing recoloured: the light\n * variant is an outlined cube, the dark variant is filled differently so it keeps\n * its weight against a dark surface. Both are rendered and swapped by the global\n * `@dark` state rather than picked in JS, so the logo follows the scheme without a\n * re-render and works in SSR.\n \n Both marks are drawn with `currentColor`, so colour comes from the surrounding\n * text colour (or an explicit `color` prop) — never a baked-in hex. That is the\n * whole reason the previous `CloudLogo` had to go: it hard-coded the old brand\n * hexes and could not adapt.\n /\n\nconst MARK_LIGHT_PATH =\n 'M12.3428 0.468443C13.3139 -0.0982146 14.5153 -0.0984244 15.4863 0.468443L25.7051 6.43426C26.1063 6.66852 26.3535 7.09853 26.3535 7.56317V11.9008C26.3534 12.1325 26.2301 12.347 26.0303 12.4642L23.8356 13.8389L25.7109 14.8737C26.1088 15.1088 26.3534 15.5366 26.3535 15.9987V20.4352C26.3535 20.8999 26.1063 21.3298 25.7051 21.5641L15.4834 27.53C14.5123 28.0967 13.3119 28.0968 12.3408 27.53L2.11914 21.5641C1.71803 21.3298 1.47168 20.8998 1.47168 20.4352V7.56317C1.47178 7.09851 1.71879 6.66848 2.12012 6.43426L12.3428 0.468443ZM14.7002 1.77118C14.2147 1.4878 13.6144 1.48791 13.1289 1.77118L3.18164 7.57587C3.06086 7.64635 2.98649 7.77589 2.98633 7.91571V20.0085L12.873 14.3005C13.5161 13.9292 14.3091 13.9292 14.9521 14.3005L24.8389 20.0095V16.3513C24.8388 16.2116 24.764 16.082 24.6436 16.0114L14.6982 10.197C14.2129 9.91323 13.6117 9.91297 13.126 10.196L6.38477 14.1247C6.13553 14.2695 5.82263 14.0897 5.82227 13.8015V10.3942C5.82238 10.188 5.93134 9.99713 6.1084 9.89129L12.8613 5.85614C13.5101 5.46859 14.3183 5.4637 14.9717 5.84344L24.8389 11.5788V7.91571C24.8387 7.77604 24.7641 7.64643 24.6436 7.57587L14.7002 1.77118Z';\n\nconst MARK_DARK_PATH =\n 'M25.9002 6.65073C26.2344 6.84455 26.44 7.20162 26.44 7.5879L26.4396 11.3066C26.4395 11.6899 26.2369 12.0447 25.9067 12.2395L22.6916 14.1362L25.9094 16.0449C26.2383 16.24 26.44 16.5941 26.44 16.9766V20.6864C26.44 21.0743 26.2326 21.4327 25.8961 21.6258L15.6128 27.5294C14.6148 28.1023 13.387 28.0996 12.3914 27.5223L2.09765 21.5528C1.7635 21.359 1.55781 21.002 1.55781 20.6157V7.58789C1.55781 7.20162 1.76349 6.84457 2.09764 6.65079L13.049 0.299736C13.6372 -0.0413849 14.363 -0.0413542 14.9512 0.299815L25.9002 6.65073ZM3.08936 20.3607C2.9078 20.4649 2.90801 20.7268 3.08974 20.8307L13.0565 26.5279C13.641 26.8619 14.3587 26.861 14.9423 26.5254L24.821 20.8447C25.0017 20.7408 25.0022 20.4802 24.8218 20.3756L14.9425 14.6505C14.3571 14.3112 13.6353 14.3097 13.0485 14.6464L3.08936 20.3607ZM5.55497 9.75456C5.3906 9.85215 5.28984 10.0292 5.28984 10.2203V13.6284C5.28984 13.8379 5.51738 13.968 5.69791 13.8619L13.0363 9.54766C13.631 9.19804 14.3687 9.19907 14.9624 9.55035L21.2322 13.26C21.4021 13.3605 21.6131 13.3607 21.7831 13.2604L24.8318 11.4632C25.0105 11.3579 25.0093 11.0991 24.8297 10.9954L14.9614 5.29588C14.3677 4.95297 13.6351 4.95738 13.0455 5.3074L5.55497 9.75456Z';\n\nconst WORDMARK_PATH =\n 'M52.1689 16.0085C52.1689 18.0202 53.5876 19.2742 55.3838 19.2742C57.1215 19.274 58.5107 18.02 58.5107 16.0085V7.46362H61.5527V15.7761C61.5526 19.6552 58.8592 22.1041 55.3857 22.1042C51.8518 22.1042 49.1584 19.6553 49.1582 15.7761V7.46362H52.1689V16.0085ZM68.2725 9.2146C69.3445 7.90193 71.0524 7.14436 73.0215 7.14429C77.0745 7.14226 79.999 10.3792 79.999 14.6375C79.999 18.8957 77.0747 22.1042 73.0498 22.1042C70.964 22.1042 69.1394 21.26 68.0693 19.8015V21.7849H65.2314V0.6521H68.2725V9.2146ZM90.0576 7.14233C93.851 7.14255 96.6309 9.94205 96.6309 13.7039C96.6308 14.4918 96.4859 15.2518 96.3994 15.6306H85.8008C86.2072 17.9925 88.0019 19.3923 90.4336 19.3923C92.0849 19.3923 93.3865 18.7502 94.5752 17.7009L96.0234 19.8015C94.5169 21.2297 92.6055 22.1042 90.3467 22.1042C85.9457 22.1042 82.7012 18.8673 82.7012 14.6375C82.7012 10.438 85.9161 7.14233 90.0576 7.14233ZM40.5293 7.14233C43.2224 7.14248 45.3056 8.45506 46.5225 10.4666L44.3809 12.158C43.4536 10.8452 42.2663 9.97046 40.5586 9.97046C37.952 9.97067 36.0996 12.0122 36.0996 14.6072C36.0996 17.2608 37.952 19.272 40.5586 19.2722C42.2381 19.2722 43.4254 18.4277 44.3809 17.115L46.5225 18.7781C45.2774 20.7896 43.1922 22.1021 40.5293 22.1023C36.3314 22.1043 33 18.837 33 14.6091C33 10.4096 36.3314 7.14233 40.5293 7.14233ZM72.5273 9.94409C70.3852 9.94409 68.2403 11.4022 68.2402 14.6394C68.2402 17.905 70.4133 19.3044 72.5273 19.3044C74.9891 19.3042 76.872 17.3803 76.8721 14.6091C76.8721 11.838 74.961 9.9443 72.5273 9.94409ZM89.9424 9.73706C87.9431 9.73916 86.322 11.109 85.8594 13.238H93.5908C93.5325 10.9914 91.8834 9.73706 89.9424 9.73706Z';\n\n/* Mark artwork is square. /\nconst MARK_VIEW_BOX = '0 0 28 28';\n/\n Full logo = mark (x 0–28) + wordmark (x 33–98) on one canvas, so the 5-unit\n * gap between them is part of the artwork rather than a layout concern.\n /\nconst FULL_VIEW_BOX = '0 0 98 28';\n/* 98 / 28 — used to let width follow height automatically. /\nconst FULL_ASPECT_RATIO = '98 / 28';\n\nconst MarkPaths = () => (\n <>\n <path\n clipRule=\"evenodd\"\n d={MARK_LIGHT_PATH}\n data-element=\"LightMark\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n />\n <path\n clipRule=\"evenodd\"\n d={MARK_DARK_PATH}\n data-element=\"DarkMark\"\n fill=\"currentColor\"\n fillRule=\"evenodd\"\n />\n </>\n);\n\nconst SCHEME_SWAP = {\n LightMark: {\n display: { '': 'block', '@dark': 'none' },\n },\n DarkMark: {\n display: { '': 'none', '@dark': 'block' },\n },\n} as const;\n\n/\n Pin one mark instead of letting the `@dark` state choose.\n \n Needed wherever the background is known but the document scheme does not\n * describe it: a fixed-dark panel in a light app (`#surface-inverse`, the\n * `special` theme), an exported image, or a themed region — `tokens` overrides\n * token values, and `@dark` is a state, so a region preview cannot reach the\n * swap on its own.\n /\nconst FORCED_SCHEME = {\n light: {\n LightMark: { display: 'block' },\n DarkMark: { display: 'none' },\n },\n dark: {\n LightMark: { display: 'none' },\n DarkMark: { display: 'block' },\n },\n} as const;\n\nexport interface CubeLogoProps extends CubeIconProps {\n /\n Force the light or dark mark. Omit it — the default — to follow the document\n * scheme in CSS, which costs no re-render and is correct during SSR.\n /\n scheme?: 'light' \| 'dark';\n}\n\n/* Caller styles win; a forced scheme only overrides the swap itself. /\nfunction resolveLogoStyles({ scheme, styles }: CubeLogoProps) {\n return scheme ? mergeStyles(FORCED_SCHEME[scheme], styles) : styles;\n}\n\n/\n Square Cube mark, sized through `Icon` — pass `size` (or any `Icon` style prop)\n * and both axes follow it.\n /\nconst CubeLogoElement = tasty(Icon, {\n qa: 'CubeLogo',\n styles: SCHEME_SWAP,\n});\n\nexport const CubeLogo = forwardRef(function CubeLogo(\n props: CubeLogoProps,\n ref: ForwardedRef<HTMLSpanElement>,\n) {\n const { scheme, styles, ...rest } = props;\n\n return (\n <CubeLogoElement\n aria-label=\"Cube\"\n role=\"img\"\n {...rest}\n styles={resolveLogoStyles(props)}\n ref={ref}\n >\n <svg\n fill=\"none\"\n viewBox={MARK_VIEW_BOX}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <MarkPaths />\n </svg>\n </CubeLogoElement>\n );\n});\n\n/\n Cube mark + wordmark.\n \n `size` sets the height only; the width follows the artwork's aspect ratio.\n * `Icon` is square by default (`width: '1em 1em'`), so both the wrapper and the\n * inner `svg` have their width released to `auto` and the ratio pinned with\n * `aspectRatio` — otherwise the wordmark would be squashed into a 1em box.\n */\nconst CubeFullLogoElement = tasty(Icon, {\n qa: 'CubeFullLogo',\n styles: mergeStyles(SCHEME_SWAP, {\n // Height still comes from `$icon-size` via `Icon`; width must not.\n width: 'auto',\n aspectRatio: FULL_ASPECT_RATIO,\n\n Svg: {\n width: 'auto',\n height: '1em 1em',\n aspectRatio: FULL_ASPECT_RATIO,\n },\n }),\n});\n\nexport const CubeFullLogo = forwardRef(function CubeFullLogo(\n props: CubeLogoProps,\n ref: ForwardedRef<HTMLSpanElement>,\n) {\n const { scheme, styles, ...rest } = props;\n\n return (\n <CubeFullLogoElement\n aria-label=\"Cube\"\n role=\"img\"\n {...rest}\n styles={resolveLogoStyles(props)}\n ref={ref}\n >\n <svg\n fill=\"none\"\n viewBox={FULL_VIEW_BOX}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <MarkPaths />\n <path d={WORDMARK_PATH} fill=\"currentColor\" />\n </svg>\n </CubeFullLogoElement>\n );\n});\n"],"mappings":"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"}

package/dist/components/other/NoDataIcon/NoDataIcon.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { wrapIcon } from "../../../icons/wrap-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/components/other/NoDataIcon/NoDataIcon.tsx

package/dist/components/overlays/AlertDialog/AlertDialog.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { Paragraph } from "../../content/Paragraph.js";
 import { Title as _Title } from "../../content/Title.js";

package/dist/components/overlays/AlertDialog/AlertDialogApiProvider.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { AlertDialogZone } from "./AlertDialogZone.js";
 import { c } from "react/compiler-runtime";
 import { createContext, useContext, useLayoutEffect, useRef, useState } from "react";

package/dist/components/overlays/AlertDialog/AlertDialogZone.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { Portal } from "../../portal/Portal.js";
 import { DialogContainer } from "../Dialog/DialogContainer.js";
 import { AlertDialog as _AlertDialog } from "./AlertDialog.js";

package/dist/components/overlays/Dialog/Dialog.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { SlotProvider } from "../../../utils/react/Slots.js";

package/dist/components/overlays/Dialog/Dialog.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog.js","names":["createFocusManager","getFocusableTreeWalker","focusSafely","getInteractionModality","focusWithoutScrolling","isFocusable","runAfterTransition","useObjectRef","BASE_STYLES","BaseProps","BaseStyleProps","BLOCK_STYLES","BlockStyleProps","DIMENSION_STYLES","DimensionStyleProps","FLOW_STYLES","Styles","tasty","FocusEvent","forwardRef","ReactElement","Ref","useEffect","useRef","AriaDialogProps","DismissButton","FocusScope","useDialog","useI18n","CloseIcon","mergeProps","SlotProvider","extractStyles","ItemButton","useOpenTransitionContext","trapsFocus","useDialogContext","useContentOverflow","useRetainedDialogFocus","STYLES_LIST","DialogElement","as","styles","display","flow","fill","pointerEvents","outline","position","width","height","gap","border","radius","shadow","top","CloseButton","qa","type","right","sizeMap","S","M","L","sizePxMap","small","medium","large","CubeDialogProps","Omit","size","isDismissable","onDismiss","arg","closeIcon","closeButtonStyles","role","findPriorityFocusElement","dialog","HTMLElement","marked","querySelectorAll","element","Array","from","reverse","target","tabbable","nextNode","button","getAttribute","querySelector","Dialog","props","ref","$","_c","transitionState","isShown","context","t0","content","t1","isOpen","shouldContainFocus","t2","shouldRestoreFocus","t3","DialogContent","HTMLDivElement","contextProps","children","undefined","onClose","tokens","style","otherProps","toUpperCase","t","domRef","isFocusInTreeRef","isRetained","isTrapping","isRefocusingRef","mountedAtRef","current","Date","now","dialogProps","titleProps","contentProps","dismissButton","timer","ReturnType","setTimeout","isClosed","contains","document","activeElement","body","blur","isFocusOutsideDialog","isFocusOnDialogShell","priorityElement","focus","focused","focusManager","focusFirst","clearTimeout","contentOverflows","slots","title","level","preset","id","flexGrow","padding","header","ellipsis","placeItems","placeContent","footer","mods","buttonGroup","onFocus","onBlur","event","stopPropagation","dismissable","ItemButton","_c","mergeProps"],"sources":["../../../../src/components/overlays/Dialog/Dialog.tsx"],"sourcesContent":["import { createFocusManager, getFocusableTreeWalker } from '@react-aria/focus';\nimport { focusSafely, getInteractionModality } from '@react-aria/interactions';\nimport {\n focusWithoutScrolling,\n isFocusable,\n runAfterTransition,\n useObjectRef,\n} from '@react-aria/utils';\nimport {\n BASE_STYLES,\n BaseProps,\n BaseStyleProps,\n BLOCK_STYLES,\n BlockStyleProps,\n DIMENSION_STYLES,\n DimensionStyleProps,\n FLOW_STYLES,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport {\n FocusEvent,\n forwardRef,\n ReactElement,\n Ref,\n useEffect,\n useRef,\n} from 'react';\nimport {\n AriaDialogProps,\n DismissButton,\n FocusScope,\n useDialog,\n} from 'react-aria';\n\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { mergeProps, SlotProvider } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { ItemButton } from '../../actions/ItemButton/ItemButton';\nimport { useOpenTransitionContext } from '../Modal/OpenTransitionContext';\n\nimport { trapsFocus, useDialogContext } from './context';\nimport { useContentOverflow } from './use-content-overflow';\nimport { useRetainedDialogFocus } from './use-retained-dialog-focus';\n\nconst STYLES_LIST = [\n ...BASE_STYLES,\n ...DIMENSION_STYLES,\n ...BLOCK_STYLES,\n ...FLOW_STYLES,\n];\n\nconst DialogElement = tasty({\n as: 'section',\n styles: {\n display: 'flex',\n flow: 'column',\n fill: '#surface',\n pointerEvents: 'auto',\n outline: 0,\n position: {\n '': 'relative',\n 'type=panel': 'absolute',\n },\n // The widest the dialog gets, also under a `width`. A tray is held by its\n // shell, whose own `styles` widen it; a takeover and a panel may span the\n // viewport.\n '$dialog-width-limit': {\n '': '$dialog-max-size',\n 'type=tray': '100%',\n 'type=fullscreenTakeover \| type=panel': '100dvw',\n },\n width: {\n '': '$min-dialog-size $dialog-size $dialog-width-limit',\n 'type=fullscreen': '$dialog-max-size $dialog-max-size',\n 'type=fullscreenTakeover': '100dvw 100dvw',\n 'type=panel': 'auto',\n // A `width` is the preferred width in `$dialog-size`: it keeps the\n // limit, and replaces the floor.\n 'custom-width': 'initial $dialog-size $dialog-width-limit',\n },\n height: {\n '': 'auto (100dvh - 8x)',\n 'type=fullscreen': '(100dvh - 8x) (100dvh - 8x)',\n 'type=fullscreenTakeover \| type=panel': '100dvh 100dvh',\n 'type=popover': 'initial initial (50dvh - 5x)',\n },\n gap: 0,\n border: {\n '': false,\n 'type=popover': true,\n },\n radius: {\n '': '1cr',\n 'type=tray': '1cr top',\n 'type=fullscreenTakeover': '0r',\n },\n shadow: {\n '': '$dialog-shadow',\n 'type=popover \| type=panel': '$shadow',\n },\n top: {\n '': false,\n 'type=modal': '((50vh - 50%) / -3)',\n 'type=panel': 'auto',\n },\n '$dialog-title-padding-v': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n '$dialog-content-padding-v': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n '$dialog-padding-h': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n '$dialog-footer-v': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n '$dialog-content-gap': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n\n // A `Form` placed directly here (`Dialog > Form > Content + Footer`) lays\n // itself out as this flex column — see `FormElement`. It is the form's own\n // state rather than a rule here, so the form's `styles` still win.\n },\n});\n\nconst CloseButton = tasty(ItemButton, {\n qa: 'ModalCloseButton',\n type: 'clear',\n styles: {\n position: 'absolute',\n top: '1x',\n right: '1x',\n },\n});\n\nconst sizeMap = {\n S: 'small',\n M: 'medium',\n L: 'large',\n};\nconst sizePxMap = {\n small: 360,\n medium: 479,\n large: 798,\n};\n\nexport interface CubeDialogProps\n extends\n Omit<BaseProps, 'role'>,\n AriaDialogProps,\n BaseStyleProps,\n BlockStyleProps,\n Omit<DimensionStyleProps, 'width'> {\n /*\n The dialog's preferred width, one value (`520px`, `65x`, `600`). It keeps\n * the type's maximum, so the dialog still fits a phone, and replaces\n * `$min-dialog-size`. To clamp the width yourself, set `styles.width`.\n /\n width?: string \| number;\n /* The size of the dialog /\n size?: 'S' \| 'M' \| 'L' \| 'small' \| 'medium' \| 'large';\n /\n Whether the dialog shows its close button. Defaults to its DialogTrigger's\n * or DialogContainer's `isDismissable`, except in a popover.\n /\n isDismissable?: boolean;\n /* Trigger when the dialog is dismissed /\n onDismiss?: (arg?: any) => void;\n /* That you can replace the close icon with /\n closeIcon?: ReactElement;\n closeButtonStyles?: Styles;\n role?: 'dialog' \| 'alertdialog';\n}\n\n/\n The control a dialog focuses when it opens: the last one marked\n * `data-autofocus` that can take focus, as kit controls mark themselves for\n * `autoFocus` (the last of several takes focus as they mount), or the first\n * control of a marked field (a date field's first segment). Otherwise a\n * submit or primary button, which in an alert dialog is never a destructive\n * (`danger`) one: a reflexive Enter would run it.\n /\nfunction findPriorityFocusElement(dialog: HTMLElement) {\n const marked = dialog.querySelectorAll<HTMLElement>('[data-autofocus]');\n\n for (const element of Array.from(marked).reverse()) {\n const target = isFocusable(element)\n ? element\n : getFocusableTreeWalker(element, { tabbable: true }).nextNode();\n\n if (target) return target as HTMLElement;\n }\n\n const button =\n dialog.getAttribute('role') === 'alertdialog'\n ? 'button:not([data-theme=\"danger\"])'\n : 'button';\n\n return dialog.querySelector<HTMLElement>(\n `${button}[type=\"submit\"], ${button}[data-type=\"primary\"]`,\n );\n}\n\n/\n Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.\n * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.\n /\nexport const Dialog = forwardRef(function Dialog(\n props: CubeDialogProps,\n ref: Ref<HTMLDivElement>,\n) {\n const transitionState = useOpenTransitionContext()?.transitionState;\n\n // From the first frame of the enter transition, not only once it has\n // ended: a Tab pressed while the dialog animates in would otherwise land on\n // the page behind it, and nothing would pull it back. Released as soon as\n // the dialog closes, so focus can return to the trigger during the exit.\n const isShown = transitionState === 'enter' \|\| transitionState === 'entered';\n\n const context = useDialogContext();\n\n const content = <DialogContent key=\"content\" {...props} ref={ref} />;\n\n const shouldContainFocus = isShown && !!context.isOpen && trapsFocus(context);\n\n return (\n // This component traps the focus inside the dialog and restores it when\n // it unmounts (a retained dialog never does, so `DialogContent` moves\n // focus for that one). The restore is the one that matters for popover-type dialogs\n // — `DialogTrigger`'s own restore is a no-op there — so\n // `shouldRestoreFocus` has to reach it. Containment is unaffected either way.\n <FocusScope\n restoreFocus={context.shouldRestoreFocus ?? true}\n contain={shouldContainFocus}\n >\n {content}\n </FocusScope>\n );\n});\n\nconst DialogContent = forwardRef(function DialogContent(\n props: CubeDialogProps,\n ref: Ref<HTMLDivElement>,\n) {\n let { type = 'modal', ...contextProps } = useDialogContext();\n\n let {\n qa,\n children,\n size = 'M',\n // A popover shows a close button only when its `Dialog` asks for one: its\n // trigger's `isDismissable` decides whether an outside press closes it.\n isDismissable = type === 'popover' ? undefined : contextProps.isDismissable,\n onDismiss = contextProps.onClose,\n closeIcon,\n closeButtonStyles,\n width,\n tokens,\n style,\n ...otherProps\n } = props;\n\n size = sizeMap[size.toUpperCase()] \|\| size;\n\n const styles: Styles = extractStyles(otherProps, STYLES_LIST);\n\n const { t } = useI18n();\n\n let domRef = useObjectRef(ref);\n\n // Whether focus is in the dialog or in anything opened from it, portals\n // included: React focus events bubble through the component tree.\n const isFocusInTreeRef = useRef(false);\n const isRetained = useRetainedDialogFocus(domRef, isFocusInTreeRef);\n const isTrapping = trapsFocus({ ...contextProps, type });\n\n // Set while the dialog refocuses itself, so the blur in between does not\n // reach overlays that close when focus leaves them.\n const isRefocusingRef = useRef(false);\n\n // When the dialog mounted: `useDialog` refocuses it half a second later.\n const mountedAtRef = useRef(0);\n\n useEffect(() => {\n mountedAtRef.current = Date.now();\n }, []);\n\n // `contentProps` carries an id only for `role=\"alertdialog\"` without an\n // explicit `aria-describedby`: an alert is described by its message, while a\n // plain dialog links nothing, so opening a form does not read it aloud.\n let { dialogProps, titleProps, contentProps } = useDialog(\n mergeProps(contextProps, props),\n domRef,\n );\n\n // If rendered in a popover or tray there won't be a visible dismiss button,\n // so we render a hidden one for screen readers.\n let dismissButton;\n if (type === 'popover' \|\| type === 'tray') {\n dismissButton = <DismissButton onDismiss={onDismiss} />;\n }\n\n // Focus the first focusable element in the dialog when it opens.\n //\n // We also re-run the priority focus logic when the dialog <section>\n // itself is the active element. This recovers from a race that occurs\n // when a popover-based component (FilterPicker, Picker, Select, …) opens\n // inside another contained Dialog: React's native `autoFocus` on the\n // inner control fires during the mutation phase, before the popover's\n // FocusScope registers in react-aria's focus-scope tree, so the outer\n // FocusScope yanks focus back. useDialog then defaults focus to the\n // dialog <section>; without re-promoting it here, the priority element\n // (e.g. the search input) is never focused.\n useEffect(() => {\n // The pending timer: this one, then the refocus it may start.\n let timer: ReturnType<typeof setTimeout> \| undefined;\n let isClosed = false;\n\n if (contextProps.isOpen) {\n timer = setTimeout(() => {\n if (!domRef.current) return;\n\n // `useDialog` focuses the dialog itself when it mounts, without\n // scrolling, unless focus is already inside. A retained dialog opens\n // without remounting, so do the same here: the rules below then run as\n // for a fresh dialog, and kept content keeps its scroll.\n if (isRetained && !domRef.current.contains(document.activeElement)) {\n focusSafely(domRef.current);\n\n // As `useDialog` does next: VoiceOver on iOS announces a dialog only\n // once it has rendered, so blur and refocus it half a second later\n // if focus is still on it or lost to `<body>`. Unless the refocus\n // `useDialog` set up when the dialog mounted is still to come.\n if (Date.now() - mountedAtRef.current >= 500) {\n timer = setTimeout(() => {\n const dialog = domRef.current;\n const activeElement = document.activeElement;\n\n if (\n !dialog \|\|\n (activeElement !== dialog && activeElement !== document.body)\n ) {\n return;\n }\n\n isRefocusingRef.current = true;\n dialog.blur();\n focusSafely(dialog);\n isRefocusingRef.current = false;\n }, 500);\n }\n }\n\n const activeElement = document.activeElement;\n const isFocusOutsideDialog = !domRef.current.contains(activeElement);\n const isFocusOnDialogShell = activeElement === domRef.current;\n\n // Priority 1: an autofocused control, or a submit or primary button\n const priorityElement = findPriorityFocusElement(domRef.current);\n\n if (priorityElement && (isFocusOutsideDialog \|\| isFocusOnDialogShell)) {\n priorityElement.focus();\n return;\n }\n\n if (isFocusOutsideDialog && getInteractionModality() === 'virtual') {\n // A screen reader's cursor: the dialog itself takes focus once the\n // open transition ends, as `focusSafely` does it. Then also when\n // something moved focus meanwhile, as a closing menu returns it to\n // its trigger, unless a dialog that leaves the page usable lost it\n // to a control there.\n runAfterTransition(() => {\n const dialog = domRef.current;\n const focused = document.activeElement;\n\n if (\n isClosed \|\|\n !dialog \|\|\n dialog.contains(focused) \|\|\n (!isTrapping &&\n focused !== document.body &&\n focused !== activeElement)\n ) {\n return;\n }\n\n focusWithoutScrolling(dialog);\n });\n } else if (isFocusOutsideDialog) {\n // Fallback: focus first tabbable element, or dialog itself\n const focusManager = createFocusManager(domRef);\n\n if (!focusManager.focusFirst({ tabbable: true })) {\n domRef.current.focus();\n }\n }\n });\n }\n\n return () => {\n isClosed = true;\n clearTimeout(timer);\n };\n }, [contextProps.isOpen, isRetained, isTrapping]);\n\n // let hasHeader = useHasChild('[data-id=\"Header\"]', domRef);\n // let hasFooter = useHasChild('[data-id=\"Footer\"]', domRef);\n\n const contentOverflows = useContentOverflow(domRef);\n\n let slots = {\n title: {\n level: 2,\n preset: 'h4',\n ...titleProps,\n },\n content: {\n // `null` rather than `undefined` when there is none: slots reach nested\n // slot providers, and `undefined` does not override, so a dialog opened\n // inside an alert dialog would repeat the alert's message id.\n id: contentProps.id ?? null,\n styles: {\n flexGrow: 1,\n padding: '$dialog-content-padding-v $dialog-padding-h',\n gap: '$dialog-content-gap',\n height: {\n '': 'max (100% - (2 $dialog-content-padding-v))',\n ':last-child': 'max (100% - $dialog-content-padding-v)',\n },\n },\n },\n header: {\n ellipsis: true,\n styles: {\n display: 'flex',\n flow: 'row',\n gap: '1x',\n placeItems: 'center stretch',\n placeContent: 'space-between',\n padding: `$dialog-title-padding-v ${\n isDismissable ? '($dialog-padding-h + 4x)' : '$dialog-padding-h'\n } $dialog-title-padding-v $dialog-padding-h`,\n border: 'bottom',\n },\n },\n footer: {\n mods: { 'content-overflow': contentOverflows },\n styles: {\n display: 'flex',\n gap: '1x',\n flow: 'row-reverse',\n placeItems: 'baseline stretch',\n placeContent: 'space-between',\n padding: '$dialog-footer-v $dialog-padding-h',\n // A line only while the body scrolls: the footer then sits over\n // content that carries on beneath it, and the line is what says so.\n // Under a body that fits, the actions simply end it and a rule there\n // reads as clutter.\n border: {\n '': false,\n 'content-overflow': 'top',\n },\n },\n },\n buttonGroup: {\n styles: {\n flow: 'row-reverse',\n },\n },\n };\n\n return (\n <DialogElement\n ref={domRef}\n data-id=\"Dialog\"\n data-qa={qa \|\| 'Dialog'}\n styles={styles}\n as=\"section\"\n {...mergeProps(dialogProps, {\n onFocus() {\n isFocusInTreeRef.current = true;\n },\n onBlur(event: FocusEvent) {\n isFocusInTreeRef.current = false;\n\n if (isRefocusingRef.current) event.stopPropagation();\n },\n })}\n mods={{ dismissable: isDismissable, 'custom-width': width != null }}\n tokens={{\n '$dialog-size':\n width == null\n ? `${sizePxMap[size] \|\| sizePxMap.small}px`\n : typeof width === 'number'\n ? `${width}px`\n : width,\n ...tokens,\n }}\n style={style}\n data-type={type}\n data-size={size}\n >\n {dismissButton}\n\n <SlotProvider slots={slots}>\n {isDismissable && (\n <CloseButton\n icon={closeIcon \|\| <CloseIcon size={20} />}\n aria-label={t('dialog.dismiss', 'Dismiss')}\n onPress={() => onDismiss && onDismiss()}\n />\n )}\n {children}\n </SlotProvider>\n </DialogElement>\n );\n});\n"],"mappings":"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"}
1	+ {"version":3,"file":"Dialog.js","names":["createFocusManager","getFocusableTreeWalker","focusSafely","getInteractionModality","focusWithoutScrolling","isFocusable","runAfterTransition","useObjectRef","BASE_STYLES","BaseProps","BaseStyleProps","BLOCK_STYLES","BlockStyleProps","DIMENSION_STYLES","DimensionStyleProps","FLOW_STYLES","Styles","tasty","FocusEvent","forwardRef","ReactElement","Ref","useEffect","useRef","AriaDialogProps","DismissButton","FocusScope","useDialog","useI18n","CloseIcon","mergeProps","SlotProvider","extractStyles","ItemButton","useOpenTransitionContext","trapsFocus","useDialogContext","useContentOverflow","useRetainedDialogFocus","STYLES_LIST","DialogElement","as","styles","display","flow","fill","pointerEvents","outline","position","width","height","gap","border","radius","shadow","top","CloseButton","qa","type","right","sizeMap","S","M","L","sizePxMap","small","medium","large","CubeDialogProps","Omit","size","isDismissable","onDismiss","arg","closeIcon","closeButtonStyles","role","findPriorityFocusElement","dialog","HTMLElement","marked","querySelectorAll","element","Array","from","reverse","target","tabbable","nextNode","button","getAttribute","querySelector","Dialog","props","ref","$","_c","transitionState","isShown","context","t0","content","t1","isOpen","shouldContainFocus","t2","shouldRestoreFocus","t3","DialogContent","HTMLDivElement","contextProps","children","undefined","onClose","tokens","style","otherProps","toUpperCase","t","domRef","isFocusInTreeRef","isRetained","isTrapping","isRefocusingRef","mountedAtRef","current","Date","now","dialogProps","titleProps","contentProps","dismissButton","timer","ReturnType","setTimeout","isClosed","contains","document","activeElement","body","blur","isFocusOutsideDialog","isFocusOnDialogShell","priorityElement","focus","focused","focusManager","focusFirst","clearTimeout","contentOverflows","slots","title","level","preset","id","flexGrow","padding","header","ellipsis","placeItems","placeContent","footer","mods","buttonGroup","onFocus","onBlur","event","stopPropagation","dismissable","ItemButton","_c","mergeProps"],"sources":["../../../../src/components/overlays/Dialog/Dialog.tsx"],"sourcesContent":["import { createFocusManager, getFocusableTreeWalker } from '@react-aria/focus';\nimport { focusSafely, getInteractionModality } from '@react-aria/interactions';\nimport {\n focusWithoutScrolling,\n isFocusable,\n runAfterTransition,\n useObjectRef,\n} from '@react-aria/utils';\nimport {\n BASE_STYLES,\n BaseProps,\n BaseStyleProps,\n BLOCK_STYLES,\n BlockStyleProps,\n DIMENSION_STYLES,\n DimensionStyleProps,\n FLOW_STYLES,\n Styles,\n tasty,\n} from '@tenphi/tasty';\nimport {\n FocusEvent,\n forwardRef,\n ReactElement,\n Ref,\n useEffect,\n useRef,\n} from 'react';\nimport {\n AriaDialogProps,\n DismissButton,\n FocusScope,\n useDialog,\n} from 'react-aria';\n\nimport { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { mergeProps, SlotProvider } from '../../../utils/react';\nimport { extractStyles } from '../../../utils/styles';\nimport { ItemButton } from '../../actions/ItemButton/ItemButton';\nimport { useOpenTransitionContext } from '../Modal/OpenTransitionContext';\n\nimport { trapsFocus, useDialogContext } from './context';\nimport { useContentOverflow } from './use-content-overflow';\nimport { useRetainedDialogFocus } from './use-retained-dialog-focus';\n\nconst STYLES_LIST = [\n ...BASE_STYLES,\n ...DIMENSION_STYLES,\n ...BLOCK_STYLES,\n ...FLOW_STYLES,\n];\n\nconst DialogElement = tasty({\n as: 'section',\n styles: {\n display: 'flex',\n flow: 'column',\n fill: '#surface',\n pointerEvents: 'auto',\n outline: 0,\n position: {\n '': 'relative',\n 'type=panel': 'absolute',\n },\n // The widest the dialog gets, also under a `width`. A tray is held by its\n // shell, whose own `styles` widen it; a takeover and a panel may span the\n // viewport.\n '$dialog-width-limit': {\n '': '$dialog-max-size',\n 'type=tray': '100%',\n 'type=fullscreenTakeover \| type=panel': '100dvw',\n },\n width: {\n '': '$min-dialog-size $dialog-size $dialog-width-limit',\n 'type=fullscreen': '$dialog-max-size $dialog-max-size',\n 'type=fullscreenTakeover': '100dvw 100dvw',\n 'type=panel': 'auto',\n // A `width` is the preferred width in `$dialog-size`: it keeps the\n // limit, and replaces the floor.\n 'custom-width': 'initial $dialog-size $dialog-width-limit',\n },\n height: {\n '': 'auto (100dvh - 8x)',\n 'type=fullscreen': '(100dvh - 8x) (100dvh - 8x)',\n 'type=fullscreenTakeover \| type=panel': '100dvh 100dvh',\n 'type=popover': 'initial initial (50dvh - 5x)',\n },\n gap: 0,\n border: {\n '': false,\n 'type=popover': true,\n },\n radius: {\n '': '1cr',\n 'type=tray': '1cr top',\n 'type=fullscreenTakeover': '0r',\n },\n shadow: {\n '': '$dialog-shadow',\n 'type=popover \| type=panel': '$shadow',\n },\n top: {\n '': false,\n 'type=modal': '((50vh - 50%) / -3)',\n 'type=panel': 'auto',\n },\n '$dialog-title-padding-v': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n '$dialog-content-padding-v': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n '$dialog-padding-h': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n '$dialog-footer-v': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n '$dialog-content-gap': {\n '': '1.5x',\n 'type=popover': '1x',\n },\n\n // A `Form` placed directly here (`Dialog > Form > Content + Footer`) lays\n // itself out as this flex column — see `FormElement`. It is the form's own\n // state rather than a rule here, so the form's `styles` still win.\n },\n});\n\nconst CloseButton = tasty(ItemButton, {\n qa: 'ModalCloseButton',\n type: 'clear',\n styles: {\n position: 'absolute',\n top: '1x',\n right: '1x',\n },\n});\n\nconst sizeMap = {\n S: 'small',\n M: 'medium',\n L: 'large',\n};\nconst sizePxMap = {\n small: 360,\n medium: 479,\n large: 798,\n};\n\nexport interface CubeDialogProps\n extends\n Omit<BaseProps, 'role'>,\n AriaDialogProps,\n BaseStyleProps,\n BlockStyleProps,\n Omit<DimensionStyleProps, 'width'> {\n /*\n The dialog's preferred width, one value (`520px`, `65x`, `600`). It keeps\n * the type's maximum, so the dialog still fits a phone, and replaces\n * `$min-dialog-size`. To clamp the width yourself, set `styles.width`.\n /\n width?: string \| number;\n /* The size of the dialog /\n size?: 'S' \| 'M' \| 'L' \| 'small' \| 'medium' \| 'large';\n /\n Whether the dialog shows its close button. Defaults to its DialogTrigger's\n * or DialogContainer's `isDismissable`, except in a popover.\n /\n isDismissable?: boolean;\n /* Trigger when the dialog is dismissed /\n onDismiss?: (arg?: any) => void;\n /* That you can replace the close icon with /\n closeIcon?: ReactElement;\n closeButtonStyles?: Styles;\n role?: 'dialog' \| 'alertdialog';\n}\n\n/\n The control a dialog focuses when it opens: the last one marked\n * `data-autofocus` that can take focus, as kit controls mark themselves for\n * `autoFocus` (the last of several takes focus as they mount), or the first\n * control of a marked field (a date field's first segment). Otherwise a\n * submit or primary button, which in an alert dialog is never a destructive\n * (`danger`) one: a reflexive Enter would run it.\n /\nfunction findPriorityFocusElement(dialog: HTMLElement) {\n const marked = dialog.querySelectorAll<HTMLElement>('[data-autofocus]');\n\n for (const element of Array.from(marked).reverse()) {\n const target = isFocusable(element)\n ? element\n : getFocusableTreeWalker(element, { tabbable: true }).nextNode();\n\n if (target) return target as HTMLElement;\n }\n\n const button =\n dialog.getAttribute('role') === 'alertdialog'\n ? 'button:not([data-theme=\"danger\"])'\n : 'button';\n\n return dialog.querySelector<HTMLElement>(\n `${button}[type=\"submit\"], ${button}[data-type=\"primary\"]`,\n );\n}\n\n/\n Dialogs are windows containing contextual information, tasks, or workflows that appear over the user interface.\n * Depending on the kind of Dialog, further interactions may be blocked until the Dialog is acknowledged.\n /\nexport const Dialog = forwardRef(function Dialog(\n props: CubeDialogProps,\n ref: Ref<HTMLDivElement>,\n) {\n const transitionState = useOpenTransitionContext()?.transitionState;\n\n // From the first frame of the enter transition, not only once it has\n // ended: a Tab pressed while the dialog animates in would otherwise land on\n // the page behind it, and nothing would pull it back. Released as soon as\n // the dialog closes, so focus can return to the trigger during the exit.\n const isShown = transitionState === 'enter' \|\| transitionState === 'entered';\n\n const context = useDialogContext();\n\n const content = <DialogContent key=\"content\" {...props} ref={ref} />;\n\n const shouldContainFocus = isShown && !!context.isOpen && trapsFocus(context);\n\n return (\n // This component traps the focus inside the dialog and restores it when\n // it unmounts (a retained dialog never does, so `DialogContent` moves\n // focus for that one). The restore is the one that matters for popover-type dialogs\n // — `DialogTrigger`'s own restore is a no-op there — so\n // `shouldRestoreFocus` has to reach it. Containment is unaffected either way.\n <FocusScope\n restoreFocus={context.shouldRestoreFocus ?? true}\n contain={shouldContainFocus}\n >\n {content}\n </FocusScope>\n );\n});\n\nconst DialogContent = forwardRef(function DialogContent(\n props: CubeDialogProps,\n ref: Ref<HTMLDivElement>,\n) {\n let { type = 'modal', ...contextProps } = useDialogContext();\n\n let {\n qa,\n children,\n size = 'M',\n // A popover shows a close button only when its `Dialog` asks for one: its\n // trigger's `isDismissable` decides whether an outside press closes it.\n isDismissable = type === 'popover' ? undefined : contextProps.isDismissable,\n onDismiss = contextProps.onClose,\n closeIcon,\n closeButtonStyles,\n width,\n tokens,\n style,\n ...otherProps\n } = props;\n\n size = sizeMap[size.toUpperCase()] \|\| size;\n\n const styles: Styles = extractStyles(otherProps, STYLES_LIST);\n\n const { t } = useI18n();\n\n let domRef = useObjectRef(ref);\n\n // Whether focus is in the dialog or in anything opened from it, portals\n // included: React focus events bubble through the component tree.\n const isFocusInTreeRef = useRef(false);\n const isRetained = useRetainedDialogFocus(domRef, isFocusInTreeRef);\n const isTrapping = trapsFocus({ ...contextProps, type });\n\n // Set while the dialog refocuses itself, so the blur in between does not\n // reach overlays that close when focus leaves them.\n const isRefocusingRef = useRef(false);\n\n // When the dialog mounted: `useDialog` refocuses it half a second later.\n const mountedAtRef = useRef(0);\n\n useEffect(() => {\n mountedAtRef.current = Date.now();\n }, []);\n\n // `contentProps` carries an id only for `role=\"alertdialog\"` without an\n // explicit `aria-describedby`: an alert is described by its message, while a\n // plain dialog links nothing, so opening a form does not read it aloud.\n let { dialogProps, titleProps, contentProps } = useDialog(\n mergeProps(contextProps, props),\n domRef,\n );\n\n // If rendered in a popover or tray there won't be a visible dismiss button,\n // so we render a hidden one for screen readers.\n let dismissButton;\n if (type === 'popover' \|\| type === 'tray') {\n dismissButton = <DismissButton onDismiss={onDismiss} />;\n }\n\n // Focus the first focusable element in the dialog when it opens.\n //\n // We also re-run the priority focus logic when the dialog <section>\n // itself is the active element. This recovers from a race that occurs\n // when a popover-based component (FilterPicker, Picker, Select, …) opens\n // inside another contained Dialog: React's native `autoFocus` on the\n // inner control fires during the mutation phase, before the popover's\n // FocusScope registers in react-aria's focus-scope tree, so the outer\n // FocusScope yanks focus back. useDialog then defaults focus to the\n // dialog <section>; without re-promoting it here, the priority element\n // (e.g. the search input) is never focused.\n useEffect(() => {\n // The pending timer: this one, then the refocus it may start.\n let timer: ReturnType<typeof setTimeout> \| undefined;\n let isClosed = false;\n\n if (contextProps.isOpen) {\n timer = setTimeout(() => {\n if (!domRef.current) return;\n\n // `useDialog` focuses the dialog itself when it mounts, without\n // scrolling, unless focus is already inside. A retained dialog opens\n // without remounting, so do the same here: the rules below then run as\n // for a fresh dialog, and kept content keeps its scroll.\n if (isRetained && !domRef.current.contains(document.activeElement)) {\n focusSafely(domRef.current);\n\n // As `useDialog` does next: VoiceOver on iOS announces a dialog only\n // once it has rendered, so blur and refocus it half a second later\n // if focus is still on it or lost to `<body>`. Unless the refocus\n // `useDialog` set up when the dialog mounted is still to come.\n if (Date.now() - mountedAtRef.current >= 500) {\n timer = setTimeout(() => {\n const dialog = domRef.current;\n const activeElement = document.activeElement;\n\n if (\n !dialog \|\|\n (activeElement !== dialog && activeElement !== document.body)\n ) {\n return;\n }\n\n isRefocusingRef.current = true;\n dialog.blur();\n focusSafely(dialog);\n isRefocusingRef.current = false;\n }, 500);\n }\n }\n\n const activeElement = document.activeElement;\n const isFocusOutsideDialog = !domRef.current.contains(activeElement);\n const isFocusOnDialogShell = activeElement === domRef.current;\n\n // Priority 1: an autofocused control, or a submit or primary button\n const priorityElement = findPriorityFocusElement(domRef.current);\n\n if (priorityElement && (isFocusOutsideDialog \|\| isFocusOnDialogShell)) {\n priorityElement.focus();\n return;\n }\n\n if (isFocusOutsideDialog && getInteractionModality() === 'virtual') {\n // A screen reader's cursor: the dialog itself takes focus once the\n // open transition ends, as `focusSafely` does it. Then also when\n // something moved focus meanwhile, as a closing menu returns it to\n // its trigger, unless a dialog that leaves the page usable lost it\n // to a control there.\n runAfterTransition(() => {\n const dialog = domRef.current;\n const focused = document.activeElement;\n\n if (\n isClosed \|\|\n !dialog \|\|\n dialog.contains(focused) \|\|\n (!isTrapping &&\n focused !== document.body &&\n focused !== activeElement)\n ) {\n return;\n }\n\n focusWithoutScrolling(dialog);\n });\n } else if (isFocusOutsideDialog) {\n // Fallback: focus first tabbable element, or dialog itself\n const focusManager = createFocusManager(domRef);\n\n if (!focusManager.focusFirst({ tabbable: true })) {\n domRef.current.focus();\n }\n }\n });\n }\n\n return () => {\n isClosed = true;\n clearTimeout(timer);\n };\n }, [contextProps.isOpen, isRetained, isTrapping]);\n\n // let hasHeader = useHasChild('[data-id=\"Header\"]', domRef);\n // let hasFooter = useHasChild('[data-id=\"Footer\"]', domRef);\n\n const contentOverflows = useContentOverflow(domRef);\n\n let slots = {\n title: {\n level: 2,\n preset: 'h4',\n ...titleProps,\n },\n content: {\n // `null` rather than `undefined` when there is none: slots reach nested\n // slot providers, and `undefined` does not override, so a dialog opened\n // inside an alert dialog would repeat the alert's message id.\n id: contentProps.id ?? null,\n styles: {\n flexGrow: 1,\n padding: '$dialog-content-padding-v $dialog-padding-h',\n gap: '$dialog-content-gap',\n height: {\n '': 'max (100% - (2 $dialog-content-padding-v))',\n ':last-child': 'max (100% - $dialog-content-padding-v)',\n },\n },\n },\n header: {\n ellipsis: true,\n styles: {\n display: 'flex',\n flow: 'row',\n gap: '1x',\n placeItems: 'center stretch',\n placeContent: 'space-between',\n padding: `$dialog-title-padding-v ${\n isDismissable ? '($dialog-padding-h + 4x)' : '$dialog-padding-h'\n } $dialog-title-padding-v $dialog-padding-h`,\n border: 'bottom',\n },\n },\n footer: {\n mods: { 'content-overflow': contentOverflows },\n styles: {\n display: 'flex',\n gap: '1x',\n flow: 'row-reverse',\n placeItems: 'baseline stretch',\n placeContent: 'space-between',\n padding: '$dialog-footer-v $dialog-padding-h',\n // A line only while the body scrolls: the footer then sits over\n // content that carries on beneath it, and the line is what says so.\n // Under a body that fits, the actions simply end it and a rule there\n // reads as clutter.\n border: {\n '': false,\n 'content-overflow': 'top',\n },\n },\n },\n buttonGroup: {\n styles: {\n flow: 'row-reverse',\n },\n },\n };\n\n return (\n <DialogElement\n ref={domRef}\n data-id=\"Dialog\"\n data-qa={qa \|\| 'Dialog'}\n styles={styles}\n as=\"section\"\n {...mergeProps(dialogProps, {\n onFocus() {\n isFocusInTreeRef.current = true;\n },\n onBlur(event: FocusEvent) {\n isFocusInTreeRef.current = false;\n\n if (isRefocusingRef.current) event.stopPropagation();\n },\n })}\n mods={{ dismissable: isDismissable, 'custom-width': width != null }}\n tokens={{\n '$dialog-size':\n width == null\n ? `${sizePxMap[size] \|\| sizePxMap.small}px`\n : typeof width === 'number'\n ? `${width}px`\n : width,\n ...tokens,\n }}\n // oxlint-disable-next-line tasty/no-style-prop -- forwards the consumer's public `style` prop\n style={style}\n data-type={type}\n data-size={size}\n >\n {dismissButton}\n\n <SlotProvider slots={slots}>\n {isDismissable && (\n <CloseButton\n icon={closeIcon \|\| <CloseIcon size={20} />}\n aria-label={t('dialog.dismiss', 'Dismiss')}\n onPress={() => onDismiss && onDismiss()}\n />\n )}\n {children}\n </SlotProvider>\n </DialogElement>\n );\n});\n"],"mappings":"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"}

package/dist/components/overlays/Dialog/DialogContainer.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.199.1 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.200.0 | Cube Dev Team */
 import { Modal as _Modal } from "../Modal/Modal.js";
 import { Tray as _Tray } from "../Modal/Tray.js";
 import { DialogContext } from "./context.js";