npm - @cube-dev/ui-kit - Versions diffs - 0.195.0 → 0.197.0 - Mend

@cube-dev/ui-kit 0.195.0 → 0.197.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/navigation/Pagination/Pagination.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.js","names":["useControlledState","filterBaseProps","OUTER_STYLES","tasty","forwardRef","useEvent","useFormatter","useI18n","BackwardIcon","ForwardIcon","LeftIcon","RightIcon","extractStyles","Button","Select","clampPage","getPageInfo","getPaginationRange","ForwardedRef","ReactElement","CubePaginationProps","CubeTablePageInfo","PaginationElement","qa","as","styles","display","flow","gap","placeItems","placeContent","Summary","preset","color","whiteSpace","Controls","Gap","width","height","userSelect","Pages","styleProps","NavButton","type","border","PageButton","formatRange","info","start","page","pageSize","end","total","Math","min","Pagination","props","ref","$","_c","pageProp","defaultPage","onPageChange","totalPages","totalPagesProp","pageSizeProp","defaultPageSize","pageSizeOptions","onPageSizeChange","t0","siblingCount","t1","boundaryCount","t2","size","t3","isDisabled","hasNextPage","isCompact","t4","summary","t5","labelFormatter","ariaLabel","pageSizeSelectStyles","mods","rest","undefined","t","formatNumber","setPageSize","v","setPage","isCountable","Number","MAX_SAFE_INTEGER","from","to","goTo","next","clamped","max","t6","value","onPageSizeSelectionChange","t7","value_0","onPageSelectionChange","pageItems","selectEntries","Array","length","_temp","isFirst","isLast","t8","summaryNode","renderPageControl","String","map","entry","entryInfo","label","entry_0","index","showEdgeButtons","t9","eventProps","t10","t11","t12","option","label_0","t13","t14","Symbol","for","t15","t16","t17","t18","t19","t20","t21","t22","_","i","_Pagination","displayName"],"sources":["../../../../src/components/navigation/Pagination/Pagination.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { filterBaseProps, OUTER_STYLES, tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useFormatter, useI18n } from '../../../i18n';\nimport { BackwardIcon } from '../../../icons/BackwardIcon';\nimport { ForwardIcon } from '../../../icons/ForwardIcon';\nimport { LeftIcon } from '../../../icons/LeftIcon';\nimport { RightIcon } from '../../../icons/RightIcon';\nimport { extractStyles } from '../../../utils/styles';\nimport { Button } from '../../actions';\nimport { Select } from '../../fields/Select';\n\nimport { clampPage, getPageInfo, getPaginationRange } from './use-pagination';\n\nimport type { ForwardedRef, ReactElement } from 'react';\nimport type { CubePaginationProps, CubeTablePageInfo } from './types';\n\nconst PaginationElement = tasty({\n qa: 'Pagination',\n as: 'nav',\n styles: {\n display: 'flex',\n flow: 'row',\n gap: '1x',\n placeItems: 'center',\n placeContent: 'start',\n\n Summary: {\n // Follows the control's size rather than being fixed, so the summary\n // matches whatever the buttons beside it are.\n preset: { '': 't3', 'size=xsmall': 't4' },\n color: '#dark-03',\n whiteSpace: 'nowrap',\n },\n\n Controls: {\n display: 'flex',\n flow: 'row',\n gap: '.5x',\n placeItems: 'center',\n },\n\n Gap: {\n display: 'grid',\n placeItems: 'center',\n width: 'min $gap-size',\n height: '$gap-size',\n preset: 't3',\n color: '#dark-04',\n userSelect: 'none',\n },\n\n /*\n The page numbers sit tighter than the nav buttons around them: they read\n * as one run of pages, not as separate controls, and a hairline is enough\n * to keep the current page's outline off its neighbours.\n /\n Pages: {\n display: 'flex',\n flow: 'row',\n gap: '1bw',\n placeItems: 'center',\n },\n\n '$gap-size': {\n '': '$size-sm',\n 'size=xsmall': '$size-xs',\n 'size=medium': '$size-md',\n },\n },\n styleProps: OUTER_STYLES,\n});\n\nconst NavButton = tasty(Button, {\n type: 'clear',\n styles: { border: true },\n});\n\n// Page buttons are borderless so the current page — which renders as `outline`\n// and therefore draws its own border — is the only bordered one in the run.\nconst PageButton = tasty(Button, {\n type: 'clear',\n});\n\nfunction formatRange(info: CubeTablePageInfo): string {\n const start = (info.page - 1) info.pageSize + 1;\n const end =\n info.total > 0\n ? Math.min(info.page * info.pageSize, info.total)\n : info.page * info.pageSize;\n\n return `${start}–${end}`;\n}\n\nfunction Pagination(\n props: CubePaginationProps,\n ref: ForwardedRef<HTMLElement>,\n): ReactElement {\n const {\n page: pageProp,\n defaultPage,\n onPageChange,\n totalPages: totalPagesProp,\n total,\n pageSize: pageSizeProp,\n defaultPageSize,\n pageSizeOptions,\n onPageSizeChange,\n type = 'numbers',\n siblingCount = 1,\n boundaryCount = 1,\n size = 'small',\n isDisabled,\n hasNextPage,\n isCompact = false,\n summary = false,\n labelFormatter,\n ariaLabel,\n pageSizeSelectStyles,\n qa,\n mods,\n ...rest\n } = props;\n\n const { t } = useI18n();\n const { formatNumber } = useFormatter();\n\n const [pageSize, setPageSize] = useControlledState<number>(\n pageSizeProp as number,\n defaultPageSize ?? 50,\n onPageSizeChange as (v: number) => void,\n );\n const [page, setPage] = useControlledState<number>(\n pageProp as number,\n defaultPage ?? 1,\n onPageChange as (v: number) => void,\n );\n\n // Unknown total: prev/next only, with `hasNextPage` driving the next button.\n // The page must NOT be clamped in that mode — there is nothing to clamp to.\n const isCountable = totalPagesProp != null \|\| total != null;\n\n const info: CubeTablePageInfo = isCountable\n ? getPageInfo({\n page,\n pageSize,\n total: total ?? 0,\n totalPages: totalPagesProp,\n })\n : {\n page: clampPage(page, Number.MAX_SAFE_INTEGER),\n pageSize,\n totalPages: 0,\n total: 0,\n from: 0,\n to: 0,\n };\n\n const { totalPages } = info;\n\n const goTo = useEvent((next: number) => {\n const clamped = isCountable\n ? clampPage(next, totalPages)\n : Math.max(next, 1);\n\n if (clamped !== info.page) setPage(clamped);\n });\n\n const onPageSizeSelectionChange = useEvent((value: any) => {\n setPageSize(Number(value));\n setPage(1);\n });\n\n const onPageSelectionChange = useEvent((value: any) => {\n goTo(Number(value));\n });\n\n const pageItems =\n type === 'numbers' && isCountable\n ? getPaginationRange({\n page: info.page,\n totalPages,\n siblingCount,\n boundaryCount,\n })\n : [];\n\n // `type=\"select\"` materializes one entry per page, so it is only safe for\n // small page counts. Above the cap we fall back to `compact`, which reads the\n // same but renders a single label.\n const selectEntries =\n type === 'select' && isCountable && totalPages <= 200\n ? Array.from({ length: totalPages }, (_, i) => i + 1)\n : null;\n\n const isFirst = info.page <= 1;\n const isLast = isCountable ? info.page >= totalPages : !hasNextPage;\n\n const styles = extractStyles(props, OUTER_STYLES);\n\n const summaryNode =\n summary === false\n ? null\n : typeof summary === 'function'\n ? summary(info)\n : info.total > 0\n ? // Numbers are formatted here rather than left to i18next, which\n // interpolates them raw (\"1204\", not \"1,204\").\n t('pagination.summary', '{{from}}–{{to}} of {{total}}', {\n from: formatNumber(info.from),\n to: formatNumber(info.to),\n total: formatNumber(info.total),\n })\n : null;\n\n function renderPageControl() {\n if (selectEntries) {\n return (\n <Select\n qa=\"PaginationPageSelect\"\n size={size}\n isDisabled={isDisabled}\n aria-label={t('pagination.selectPage', 'Select page')}\n selectedKey={String(info.page)}\n width=\"min 15x\"\n styles={pageSizeSelectStyles}\n onSelectionChange={onPageSelectionChange}\n >\n {selectEntries.map((entry) => {\n const entryInfo = { ...info, page: entry };\n const label =\n labelFormatter?.(entryInfo) ??\n (info.total > 0\n ? formatRange(entryInfo)\n : t('pagination.page', 'Page {{page}}', { page: entry }));\n\n return (\n <Select.Item key={entry} textValue={String(label)}>\n {label}\n </Select.Item>\n );\n })}\n </Select>\n );\n }\n\n if (type === 'numbers' && pageItems.length > 0) {\n return (\n <div data-element=\"Pages\">\n {pageItems.map((entry, index) =>\n entry === 'gap' ? (\n <div key={`gap-${index}`} data-element=\"Gap\" aria-hidden=\"true\">\n {'…'}\n </div>\n ) : (\n <PageButton\n key={entry}\n qa={`PaginationPage_${entry}`}\n size={size}\n type={entry === info.page ? 'outline' : 'clear'}\n isDisabled={isDisabled}\n aria-label={t('pagination.page', 'Page {{page}}', {\n page: entry,\n })}\n aria-current={entry === info.page ? 'page' : undefined}\n onPress={() => goTo(entry)}\n >\n {entry}\n </PageButton>\n ),\n )}\n </div>\n );\n }\n\n if (!isCountable) return null;\n\n return (\n <div data-element=\"Summary\" data-qa=\"PaginationPageLabel\">\n {t('pagination.pageOf', '{{page}} of {{totalPages}}', {\n page: info.page,\n totalPages,\n })}\n </div>\n );\n }\n\n const showEdgeButtons = !isCompact && isCountable;\n\n return (\n <PaginationElement\n {...filterBaseProps(rest, { eventProps: true })}\n ref={ref}\n qa={qa \|\| 'Pagination'}\n styles={styles}\n mods={{ size, ...mods }}\n aria-label={ariaLabel ?? t('pagination.ariaLabel', 'Pagination')}\n >\n {summaryNode ? <div data-element=\"Summary\">{summaryNode}</div> : null}\n\n {pageSizeOptions && onPageSizeChange ? (\n <Select\n qa=\"PaginationPageSizeSelect\"\n size={size}\n isDisabled={isDisabled}\n aria-label={t('pagination.itemsPerPage', 'Items per page')}\n selectedKey={String(pageSize)}\n styles={pageSizeSelectStyles}\n onSelectionChange={onPageSizeSelectionChange}\n >\n {pageSizeOptions.map((option) => {\n const label = t(\n 'pagination.itemsPerPageOption',\n '{{size}} / page',\n {\n size: option,\n },\n );\n\n return (\n <Select.Item key={option} textValue={label}>\n {label}\n </Select.Item>\n );\n })}\n </Select>\n ) : null}\n\n <div data-element=\"Controls\">\n {showEdgeButtons ? (\n <NavButton\n qa=\"PaginationFirstButton\"\n size={size}\n icon={<BackwardIcon />}\n isDisabled={isFirst \|\| isDisabled}\n aria-label={t('pagination.firstPage', 'First page')}\n onPress={() => goTo(1)}\n />\n ) : null}\n\n <NavButton\n qa=\"PaginationPrevButton\"\n size={size}\n icon={<LeftIcon />}\n isDisabled={isFirst \|\| isDisabled}\n aria-label={t('pagination.previousPage', 'Previous page')}\n onPress={() => goTo(info.page - 1)}\n />\n\n {renderPageControl()}\n\n <NavButton\n qa=\"PaginationNextButton\"\n size={size}\n icon={<RightIcon />}\n isDisabled={isLast \|\| isDisabled}\n aria-label={t('pagination.nextPage', 'Next page')}\n onPress={() => goTo(info.page + 1)}\n />\n\n {showEdgeButtons ? (\n <NavButton\n qa=\"PaginationLastButton\"\n size={size}\n icon={<ForwardIcon />}\n isDisabled={isLast \|\| isDisabled}\n aria-label={t('pagination.lastPage', 'Last page')}\n onPress={() => goTo(totalPages)}\n />\n ) : null}\n </div>\n </PaginationElement>\n );\n}\n\nconst _Pagination = forwardRef(Pagination);\n\n_Pagination.displayName = 'Pagination';\n\nexport { _Pagination as Pagination };\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,MAAMsB,oBAAoBnB,MAAM;CAC9BoB,IAAI;CACJC,IAAI;CACJC,QAAQ;EACNC,SAAS;EACTC,MAAM;EACNC,KAAK;EACLC,YAAY;EACZC,cAAc;EAEdC,SAAS;GAGPC,QAAQ;IAAE,IAAI;IAAM,eAAe;IAAM;GACzCC,OAAO;GACPC,YAAY;GACb;EAEDC,UAAU;GACRT,SAAS;GACTC,MAAM;GACNC,KAAK;GACLC,YAAY;GACb;EAEDO,KAAK;GACHV,SAAS;GACTG,YAAY;GACZQ,OAAO;GACPC,QAAQ;GACRN,QAAQ;GACRC,OAAO;GACPM,YAAY;GACb;EAODC,OAAO;GACLd,SAAS;GACTC,MAAM;GACNC,KAAK;GACLC,YAAY;GACb;EAED,aAAa;GACX,IAAI;GACJ,eAAe;GACf,eAAe;GACjB;EACD;CACDY,YAAYvC;CACb,CAAC;AAEF,MAAMwC,YAAYvC,MAAMU,QAAQ;CAC9B8B,MAAM;CACNlB,QAAQ,EAAEmB,QAAQ,MAAK;CACxB,CAAC;AAIF,MAAMC,aAAa1C,MAAMU,QAAQ,EAC/B8B,MAAM,SACP,CAAC;AAEF,SAASG,YAAYC,MAAiC;AAOpD,QAAO,IANQA,KAAKE,OAAO,KAAKF,KAAKG,WAAW,EAMjC,GAJbH,KAAKK,QAAQ,IACTC,KAAKC,IAAIP,KAAKE,OAAOF,KAAKG,UAAUH,KAAKK,MAAM,GAC/CL,KAAKE,OAAOF,KAAKG;;AAKzB,SAAAK,WAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAIE,MAAA,EAAAV,MAAAW,UAAAC,aAAAC,cAAAC,YAAAC,gBAAAZ,OAAAF,UAAAe,cAAAC,iBAAAC,iBAAAC,kBAAAzB,MAAA0B,IAAAC,cAAAC,IAAAC,eAAAC,IAAAC,MAAAC,IAAAC,YAAAC,aAAAC,WAAAC,IAAAC,SAAAC,IAAAC,gBAAAC,WAAAC,sBAAA7D,IAAA8D,MAAA,GAAAC,SAwBI9B;CAdF,MAAAb,OAAA0B,OAAAkB,SAAA,YAAAlB;CACA,MAAAC,eAAAC,OAAAgB,SAAA,IAAAhB;CACA,MAAAC,gBAAAC,OAAAc,SAAA,IAAAd;CACA,MAAAC,OAAAC,OAAAY,SAAA,UAAAZ;CAGA,MAAAG,YAAAC,OAAAQ,SAAA,QAAAR;CACA,MAAAC,UAAAC,OAAAM,SAAA,QAAAN;CASF,MAAA,EAAAO,MAAcjF,SAAS;CACvB,MAAA,EAAAkF,iBAAyBnF,cAAc;CAEvC,MAAA,CAAA4C,UAAAwC,eAAgC1F,mBAC9BiE,cACAC,mBAAA,IACAE,iBACD;CACD,MAAA,CAAAnB,MAAA2C,WAAwB5F,mBACtB4D,UACAC,eAAA,GACAC,aACD;CAID,MAAA+B,cAAoB7B,kBAAkB,QAAQZ,SAAS;CAEvD,MAAAL,OAAgC8C,cAC5B7E,YAAY;EAAAiC;EAAAC;EAAAE,OAGHA,SAAA;EAAUW,YACLC;EASd,CAAC,GAd2B;EAAAf,MAQpBlC,UAAUkC,MAAM6C,OAAMC,iBAAkB;EAAA7C;EAAAa,YAElC;EAACX,OACN;EAAC4C,MACF;EAACC,IACH;EACL;CAEL,MAAA,EAAAlC,eAAuBhB;CAEvB,MAAAmD,OAAa7F,UAAS8F,SAAA;EACpB,MAAAC,UAAgBP,cACZ9E,UAAUoF,MAAMpC,WACC,GAAjBV,KAAIgD,IAAKF,MAAM,EAAE;AAErB,MAAIC,YAAYrD,KAAIE,KAAO2C,SAAQQ,QAAQ;GAC3C;CAAC,IAAAE;AAAA,KAAA5C,EAAA,OAAAkC,WAAAlC,EAAA,OAAAgC,aAAA;AAEwCY,QAAAC,UAAA;AACzCb,eAAYI,OAAOS,MAAM,CAAC;AAC1BX,WAAQ,EAAE;;AACXlC,IAAA,KAAAkC;AAAAlC,IAAA,KAAAgC;AAAAhC,IAAA,KAAA4C;OAAAA,MAAA5C,EAAA;CAHD,MAAA8C,4BAAkCnG,SAASiG,GAGzC;CAAC,IAAAG;AAAA,KAAA/C,EAAA,OAAAwC,MAAA;AAEoCO,QAAAC,YAAA;AACrCR,QAAKJ,OAAOS,QAAM,CAAC;;AACpB7C,IAAA,KAAAwC;AAAAxC,IAAA,KAAA+C;OAAAA,MAAA/C,EAAA;CAFD,MAAAiD,wBAA8BtG,SAASoG,GAErC;CAEF,MAAAG,YACEjE,SAAS,aAATkD,cACI5E,mBAAmB;EAAAgC,MACXF,KAAIE;EAAKc;EAAAO;EAAAE;EAKhB,CAAC,GAPN,EAOM;CAKR,MAAAqC,gBACElE,SAAS,YAATkD,eAAoC9B,cAAc,MAC9C+C,MAAKd,KAAM,EAAAe,QAAUhD,YAAY,EAAEiD,MAC/B,GAFR;CAIF,MAAAC,UAAgBlE,KAAIE,QAAS;CAC7B,MAAAiE,SAAerB,cAAc9C,KAAIE,QAASc,aAA3B,CAAyCc;CAAY,IAAAsC;AAAA,KAAAzD,EAAA,OAAAF,OAAA;AAErD2D,OAAAvG,cAAc4C,OAAOtD,aAAa;AAAAwD,IAAA,KAAAF;AAAAE,IAAA,KAAAyD;OAAAA,MAAAzD,EAAA;CAAjD,MAAAjC,SAAe0F;CAEf,MAAAC,cACEpC,YAAY,QAAZ,OAEI,OAAOA,YAAY,aACjBA,QAAQjC,KASF,GARNA,KAAIK,QAAS,IAGXoC,EAAE,sBAAsB,gCAAgC;EAAAQ,MAChDP,aAAa1C,KAAIiD,KAAM;EAAAC,IACzBR,aAAa1C,KAAIkD,GAAI;EAAA7C,OAClBqC,aAAa1C,KAAIK,MAAM;EAE7B,CAAC,GARN;CAUR,MAAAiE,oBAAA,SAAAA,oBAAA;AACE,MAAIR,cAAa,QAEb,oBAAC;GACI,IAAA;GACGnC;GACME;GACA,cAAAY,EAAE,yBAAyB,cAAa;GACvC,aAAA8B,OAAOvE,KAAIE,KAAK;GACvB,OAAA;GACEmC,QAAAA;GACWuB,mBAAAA;aAElBE,cAAaU,KAAKC,UAAA;IACjB,MAAAC,YAAkB;KAAA,GAAK1E;KAAIE,MAAQuE;KAAO;IAC1C,MAAAE,QACExC,iBAAiBuC,UAG0C,KAF1D1E,KAAIK,QAAS,IACVN,YAAY2E,UAC0C,GAAtDjC,EAAE,mBAAmB,iBAAiB,EAAAvC,MAAQuE,OAAO,CAAE;AAAC,WAG5D,oBAAA,SAAA;KAAoC,WAAAF,OAAOI,MAAK;eAC7CA;OADeF,MAEJ;KAEjB;IACM;AAIb,MAAI7E,SAAS,aAAaiE,UAASG,SAAU,EAAC,QAE1C,oBAAA;GAAkB,gBAAA;aACfH,UAASW,KAAKI,SAAAC,UACbJ,YAAU,QACR,oBAAA;IAAuC,gBAAA;IAAkB,eAAA;cACtD;MADO,OAAOI,QAkBlB,GAdC,oBAAC;IAEK,IAAA,kBAAkBJ;IAChB9C;IACA,MAAA8C,YAAUzE,KAAIE,OAAd,YAAA;IACM2B;IACA,cAAAY,EAAE,mBAAmB,iBAAiB,EAAAvC,MAC1CuE,SACP,CAAA;IACa,gBAAAA,YAAUzE,KAAIE,OAAd,SAAAsC;IACL,eAAMW,KAAKsB,QAAK;cAExBA;MAXIA,QAcX,CAAA;IACI;AAIV,MAAI,CAAC3B,YAAW,QAAS;AAAK,SAG5B,oBAAA;GAAkB,gBAAA;GAAkB,WAAA;aACjCL,EAAE,qBAAqB,8BAA8B;IAAAvC,MAC9CF,KAAIE;IAAKc;IAEhB,CAAA;IACG;;CAIV,MAAA8D,kBAAwB,CAAC/C,aAADe;CAIhB,MAAAiC,KAAA7H,gBAAgBqF,MAAM,EAAAyC,YAAc,MAAM,CAAC;CAAA,IAAAC;AAAA,KAAAtE,EAAA,OAAA2B,QAAA3B,EAAA,OAAAgB,MAAA;AAIzCsD,QAAA;GAAAtD;GAAA,GAAWW;GAAM;AAAA3B,IAAA,KAAA2B;AAAA3B,IAAA,KAAAgB;AAAAhB,IAAA,KAAAsE;OAAAA,OAAAtE,EAAA;CAAA,IAAAuE;AAAA,KAAAvE,EAAA,QAAAyB,aAAAzB,EAAA,QAAA8B,GAAA;AACXyC,QAAA9C,aAAaK,EAAE,wBAAwB,aAAa;AAAA9B,IAAA,MAAAyB;AAAAzB,IAAA,MAAA8B;AAAA9B,IAAA,MAAAuE;OAAAA,OAAAvE,EAAA;CAAA,IAAAwE;AAAA,KAAAxE,EAAA,QAAAkB,cAAAlB,EAAA,QAAAU,oBAAAV,EAAA,QAAA8C,6BAAA9C,EAAA,QAAAR,YAAAQ,EAAA,QAAAS,mBAAAT,EAAA,QAAA0B,wBAAA1B,EAAA,QAAAgB,QAAAhB,EAAA,QAAA8B,GAAA;AAI/D0C,QAAA/D,mBAAAC,mBACC,oBAAC;GACI,IAAA;GACGM;GACME;GACA,cAAAY,EAAE,2BAA2B,iBAAgB;GAC5C,aAAA8B,OAAOpE,SAAQ;GACpBkC,QAAAA;GACWoB,mBAAAA;aAElBrC,gBAAeoD,KAAKY,WAAA;IACnB,MAAAC,UAAc5C,EACZ,iCACA,mBACA,EAAAd,MACQyD,QAEV,CAAC;AAAC,WAGA,oBAAA,SAAA;KAAqCT,WAAAA;eAClCA;OADeS,OAEJ;KAEjB;IAEG,GA1BP;AA0BOzE,IAAA,MAAAkB;AAAAlB,IAAA,MAAAU;AAAAV,IAAA,MAAA8C;AAAA9C,IAAA,MAAAR;AAAAQ,IAAA,MAAAS;AAAAT,IAAA,MAAA0B;AAAA1B,IAAA,MAAAgB;AAAAhB,IAAA,MAAA8B;AAAA9B,IAAA,MAAAwE;OAAAA,OAAAxE,EAAA;CAAA,IAAA2E;AAAA,KAAA3E,EAAA,QAAAwC,QAAAxC,EAAA,QAAAkB,cAAAlB,EAAA,QAAAuD,WAAAvD,EAAA,QAAAmE,mBAAAnE,EAAA,QAAAgB,QAAAhB,EAAA,QAAA8B,GAAA;AAGL6C,QAAAR,kBACC,oBAAC;GACI,IAAA;GACGnD;GACA,MAAA,oBAAC,iBAAc;GACT,YAAAuC,WAAArC;GACA,cAAAY,EAAE,wBAAwB,aAAY;GACzC,eAAMU,KAAK,EAAC;IAEjB,GATP;AASOxC,IAAA,MAAAwC;AAAAxC,IAAA,MAAAkB;AAAAlB,IAAA,MAAAuD;AAAAvD,IAAA,MAAAmE;AAAAnE,IAAA,MAAAgB;AAAAhB,IAAA,MAAA8B;AAAA9B,IAAA,MAAA2E;OAAAA,OAAA3E,EAAA;CAAA,IAAA4E;AAAA,KAAA5E,EAAA,QAAA6E,OAAAC,IAAA,4BAAA,EAAA;AAKAF,QAAA,oBAAC,aAAW;AAAA5E,IAAA,MAAA4E;OAAAA,OAAA5E,EAAA;CAAA,IAAA+E;AAAA,KAAA/E,EAAA,QAAA8B,GAAA;AAENiD,QAAAjD,EAAE,2BAA2B,gBAAgB;AAAA9B,IAAA,MAAA8B;AAAA9B,IAAA,MAAA+E;OAAAA,OAAA/E,EAAA;CAI1D,MAAAgF,MAAArB,mBAAmB;CAAA,IAAAsB;AAAA,KAAAjF,EAAA,QAAA6E,OAAAC,IAAA,4BAAA,EAAA;AAKZG,QAAA,oBAAC,cAAY;AAAAjF,IAAA,MAAAiF;OAAAA,OAAAjF,EAAA;CACP,MAAAkF,MAAA1B,UAAAtC;CAAoB,IAAAiE;AAAA,KAAAnF,EAAA,QAAA8B,GAAA;AACpBqD,QAAArD,EAAE,uBAAuB,YAAY;AAAA9B,IAAA,MAAA8B;AAAA9B,IAAA,MAAAmF;OAAAA,OAAAnF,EAAA;CAAA,IAAAoF;AAAA,KAAApF,EAAA,QAAAwC,QAAAxC,EAAA,QAAAX,KAAAE,MAAA;AACxC6F,cAAM5C,KAAKnD,KAAIE,OAAQ,EAAE;AAAAS,IAAA,MAAAwC;AAAAxC,IAAA,MAAAX,KAAAE;AAAAS,IAAA,MAAAoF;OAAAA,OAAApF,EAAA;CAAA,IAAAqF;AAAA,KAAArF,EAAA,QAAAgB,QAAAhB,EAAA,QAAAkF,OAAAlF,EAAA,QAAAmF,OAAAnF,EAAA,QAAAoF,KAAA;AANpCC,QAAA,oBAAC;GACI,IAAA;GACGrE;GACA,MAAAiE;GACM,YAAAC;GACA,cAAAC;GACH,SAAAC;IACT;AAAApF,IAAA,MAAAgB;AAAAhB,IAAA,MAAAkF;AAAAlF,IAAA,MAAAmF;AAAAnF,IAAA,MAAAoF;AAAApF,IAAA,MAAAqF;OAAAA,OAAArF,EAAA;CAAA,IAAAsF;AAAA,KAAAtF,EAAA,QAAAwC,QAAAxC,EAAA,QAAAkB,cAAAlB,EAAA,QAAAwD,UAAAxD,EAAA,QAAAmE,mBAAAnE,EAAA,QAAAgB,QAAAhB,EAAA,QAAA8B,KAAA9B,EAAA,QAAAK,YAAA;AAEDiF,QAAAnB,kBACC,oBAAC;GACI,IAAA;GACGnD;GACA,MAAA,oBAAC,gBAAa;GACR,YAAAwC,UAAAtC;GACA,cAAAY,EAAE,uBAAuB,YAAW;GACvC,eAAMU,KAAKnC,WAAU;IAE1B,GATP;AASOL,IAAA,MAAAwC;AAAAxC,IAAA,MAAAkB;AAAAlB,IAAA,MAAAwD;AAAAxD,IAAA,MAAAmE;AAAAnE,IAAA,MAAAgB;AAAAhB,IAAA,MAAA8B;AAAA9B,IAAA,MAAAK;AAAAL,IAAA,MAAAsF;OAAAA,OAAAtF,EAAA;AAAA,QA/EZ,qBAAC;EAAiB,GACZoE;EACCrE;EACD,IAAAlC,MAAA;EACIE;EACF,MAAAuG;EACM,cAAAC;;GAEXb,cAAc,oBAAA;IAAkB,gBAAA;cAAWA;KAAyB,GAApE;GAEAc;GA4BD,qBAAA;IAAkB,gBAAA;;KACfG;KAWD,oBAAC;MACI,IAAA;MACG3D;MACA,MAAA4D;MACM,YAAArB,WAAArC;MACA,cAAA6D;MACH,eAAMvC,KAAKnD,KAAIE,OAAQ,EAAC;OAGlC;KAAAyF;KAEDK;KASCC;;KAWL;;GAAoB;;AArRxB,SAAAhC,MAAAiC,GAAAC,GAAA;AAAA,QAkGqDA,IAAI;;AAuLzD,MAAMC,cAAc/I,WAAWmD,WAAW;AAE1C4F,YAAYC,cAAc"}
1	+ {"version":3,"file":"Pagination.js","names":["useControlledState","filterBaseProps","OUTER_STYLES","tasty","forwardRef","useEvent","useFormatter","useI18n","BackwardIcon","ForwardIcon","LeftIcon","RightIcon","extractStyles","Button","Select","clampPage","getPageInfo","getPaginationRange","ForwardedRef","ReactElement","CubePaginationProps","CubeTablePageInfo","PaginationElement","qa","as","styles","display","flow","gap","placeItems","placeContent","Summary","preset","color","whiteSpace","Controls","Gap","width","height","userSelect","Pages","styleProps","NavButton","type","border","PageButton","formatRange","info","start","page","pageSize","end","total","Math","min","Pagination","props","ref","$","_c","pageProp","defaultPage","onPageChange","totalPages","totalPagesProp","pageSizeProp","defaultPageSize","pageSizeOptions","onPageSizeChange","t0","siblingCount","t1","boundaryCount","t2","size","t3","isDisabled","hasNextPage","isCompact","t4","summary","t5","labelFormatter","ariaLabel","pageSizeSelectStyles","mods","rest","undefined","t","formatNumber","setPageSize","v","setPage","isCountable","Number","MAX_SAFE_INTEGER","from","to","goTo","next","clamped","max","t6","value","onPageSizeSelectionChange","t7","value_0","onPageSelectionChange","pageItems","selectEntries","Array","length","_temp","isFirst","isLast","t8","summaryNode","renderPageControl","String","map","entry","entryInfo","label","entry_0","index","showEdgeButtons","t9","eventProps","t10","t11","t12","option","label_0","t13","t14","Symbol","for","t15","t16","t17","t18","t19","t20","t21","t22","_","i","_Pagination","displayName"],"sources":["../../../../src/components/navigation/Pagination/Pagination.tsx"],"sourcesContent":["import { useControlledState } from '@react-stately/utils';\nimport { filterBaseProps, OUTER_STYLES, tasty } from '@tenphi/tasty';\nimport { forwardRef } from 'react';\n\nimport { useEvent } from '../../../_internal/hooks';\nimport { useFormatter, useI18n } from '../../../i18n';\nimport { BackwardIcon } from '../../../icons/BackwardIcon';\nimport { ForwardIcon } from '../../../icons/ForwardIcon';\nimport { LeftIcon } from '../../../icons/LeftIcon';\nimport { RightIcon } from '../../../icons/RightIcon';\nimport { extractStyles } from '../../../utils/styles';\nimport { Button } from '../../actions';\nimport { Select } from '../../fields/Select';\n\nimport { clampPage, getPageInfo, getPaginationRange } from './use-pagination';\n\nimport type { ForwardedRef, ReactElement } from 'react';\nimport type { CubePaginationProps, CubeTablePageInfo } from './types';\n\nconst PaginationElement = tasty({\n qa: 'Pagination',\n as: 'nav',\n styles: {\n display: 'flex',\n flow: 'row',\n gap: '1x',\n placeItems: 'center',\n placeContent: 'start',\n\n Summary: {\n // Follows the control's size rather than being fixed, so the summary\n // matches whatever the buttons beside it are.\n preset: { '': 't3', 'size=xsmall': 't4' },\n color: '#dark-03',\n whiteSpace: 'nowrap',\n },\n\n Controls: {\n display: 'flex',\n flow: 'row',\n gap: '.5x',\n placeItems: 'center',\n },\n\n Gap: {\n display: 'grid',\n placeItems: 'center',\n width: 'min $gap-size',\n height: '$gap-size',\n preset: 't3',\n color: '#dark-04',\n userSelect: 'none',\n },\n\n /*\n The page numbers sit tighter than the nav buttons around them: they read\n * as one run of pages, not as separate controls, and a hairline is enough\n * to keep the current page's outline off its neighbours.\n /\n Pages: {\n display: 'flex',\n flow: 'row',\n gap: '1bw',\n placeItems: 'center',\n },\n\n '$gap-size': {\n '': '$size-sm',\n 'size=xsmall': '$size-xs',\n 'size=medium': '$size-md',\n },\n },\n styleProps: OUTER_STYLES,\n});\n\nconst NavButton = tasty(Button, {\n type: 'clear',\n styles: { border: true },\n});\n\n// Page buttons are borderless so the current page — which renders as `outline`\n// and therefore draws its own border — is the only bordered one in the run.\nconst PageButton = tasty(Button, {\n type: 'clear',\n});\n\nfunction formatRange(info: CubeTablePageInfo): string {\n const start = (info.page - 1) info.pageSize + 1;\n const end =\n info.total > 0\n ? Math.min(info.page * info.pageSize, info.total)\n : info.page * info.pageSize;\n\n return `${start}–${end}`;\n}\n\nfunction Pagination(\n props: CubePaginationProps,\n ref: ForwardedRef<HTMLElement>,\n): ReactElement {\n const {\n page: pageProp,\n defaultPage,\n onPageChange,\n totalPages: totalPagesProp,\n total,\n pageSize: pageSizeProp,\n defaultPageSize,\n pageSizeOptions,\n onPageSizeChange,\n type = 'numbers',\n siblingCount = 1,\n boundaryCount = 1,\n size = 'small',\n isDisabled,\n hasNextPage,\n isCompact = false,\n summary = false,\n labelFormatter,\n ariaLabel,\n pageSizeSelectStyles,\n qa,\n mods,\n ...rest\n } = props;\n\n const { t } = useI18n();\n const { formatNumber } = useFormatter();\n\n const [pageSize, setPageSize] = useControlledState<number>(\n pageSizeProp as number,\n defaultPageSize ?? 50,\n onPageSizeChange as (v: number) => void,\n );\n const [page, setPage] = useControlledState<number>(\n pageProp as number,\n defaultPage ?? 1,\n onPageChange as (v: number) => void,\n );\n\n // Unknown total: prev/next only, with `hasNextPage` driving the next button.\n // The page must NOT be clamped in that mode — there is nothing to clamp to.\n const isCountable = totalPagesProp != null \|\| total != null;\n\n const info: CubeTablePageInfo = isCountable\n ? getPageInfo({\n page,\n pageSize,\n total: total ?? 0,\n totalPages: totalPagesProp,\n })\n : {\n page: clampPage(page, Number.MAX_SAFE_INTEGER),\n pageSize,\n totalPages: 0,\n total: 0,\n from: 0,\n to: 0,\n };\n\n const { totalPages } = info;\n\n const goTo = useEvent((next: number) => {\n const clamped = isCountable\n ? clampPage(next, totalPages)\n : Math.max(next, 1);\n\n if (clamped !== info.page) setPage(clamped);\n });\n\n const onPageSizeSelectionChange = useEvent((value: any) => {\n setPageSize(Number(value));\n setPage(1);\n });\n\n const onPageSelectionChange = useEvent((value: any) => {\n goTo(Number(value));\n });\n\n const pageItems =\n type === 'numbers' && isCountable\n ? getPaginationRange({\n page: info.page,\n totalPages,\n siblingCount,\n boundaryCount,\n })\n : [];\n\n // `type=\"select\"` materializes one entry per page, so it is only safe for\n // small page counts. Above the cap we fall back to `compact`, which reads the\n // same but renders a single label.\n const selectEntries =\n type === 'select' && isCountable && totalPages <= 200\n ? Array.from({ length: totalPages }, (_, i) => i + 1)\n : null;\n\n const isFirst = info.page <= 1;\n const isLast = isCountable ? info.page >= totalPages : !hasNextPage;\n\n const styles = extractStyles(props, OUTER_STYLES);\n\n const summaryNode =\n summary === false\n ? null\n : typeof summary === 'function'\n ? summary(info)\n : info.total > 0\n ? // Numbers are formatted here rather than left to i18next, which\n // interpolates them raw (\"1204\", not \"1,204\").\n t('pagination.summary', '{{from}}–{{to}} of {{total}}', {\n from: formatNumber(info.from),\n to: formatNumber(info.to),\n total: formatNumber(info.total),\n })\n : null;\n\n function renderPageControl() {\n if (selectEntries) {\n return (\n <Select\n isBare\n qa=\"PaginationPageSelect\"\n size={size}\n isDisabled={isDisabled}\n aria-label={t('pagination.selectPage', 'Select page')}\n selectedKey={String(info.page)}\n width=\"min 15x\"\n styles={pageSizeSelectStyles}\n onSelectionChange={onPageSelectionChange}\n >\n {selectEntries.map((entry) => {\n const entryInfo = { ...info, page: entry };\n const label =\n labelFormatter?.(entryInfo) ??\n (info.total > 0\n ? formatRange(entryInfo)\n : t('pagination.page', 'Page {{page}}', { page: entry }));\n\n return (\n <Select.Item key={entry} textValue={String(label)}>\n {label}\n </Select.Item>\n );\n })}\n </Select>\n );\n }\n\n if (type === 'numbers' && pageItems.length > 0) {\n return (\n <div data-element=\"Pages\">\n {pageItems.map((entry, index) =>\n entry === 'gap' ? (\n <div key={`gap-${index}`} data-element=\"Gap\" aria-hidden=\"true\">\n {'…'}\n </div>\n ) : (\n <PageButton\n key={entry}\n qa={`PaginationPage_${entry}`}\n size={size}\n type={entry === info.page ? 'outline' : 'clear'}\n isDisabled={isDisabled}\n aria-label={t('pagination.page', 'Page {{page}}', {\n page: entry,\n })}\n aria-current={entry === info.page ? 'page' : undefined}\n onPress={() => goTo(entry)}\n >\n {entry}\n </PageButton>\n ),\n )}\n </div>\n );\n }\n\n if (!isCountable) return null;\n\n return (\n <div data-element=\"Summary\" data-qa=\"PaginationPageLabel\">\n {t('pagination.pageOf', '{{page}} of {{totalPages}}', {\n page: info.page,\n totalPages,\n })}\n </div>\n );\n }\n\n const showEdgeButtons = !isCompact && isCountable;\n\n return (\n <PaginationElement\n {...filterBaseProps(rest, { eventProps: true })}\n ref={ref}\n qa={qa \|\| 'Pagination'}\n styles={styles}\n mods={{ size, ...mods }}\n aria-label={ariaLabel ?? t('pagination.ariaLabel', 'Pagination')}\n >\n {summaryNode ? <div data-element=\"Summary\">{summaryNode}</div> : null}\n\n {pageSizeOptions && onPageSizeChange ? (\n <Select\n isBare\n qa=\"PaginationPageSizeSelect\"\n size={size}\n isDisabled={isDisabled}\n aria-label={t('pagination.itemsPerPage', 'Items per page')}\n selectedKey={String(pageSize)}\n styles={pageSizeSelectStyles}\n onSelectionChange={onPageSizeSelectionChange}\n >\n {pageSizeOptions.map((option) => {\n const label = t(\n 'pagination.itemsPerPageOption',\n '{{size}} / page',\n {\n size: option,\n },\n );\n\n return (\n <Select.Item key={option} textValue={label}>\n {label}\n </Select.Item>\n );\n })}\n </Select>\n ) : null}\n\n <div data-element=\"Controls\">\n {showEdgeButtons ? (\n <NavButton\n qa=\"PaginationFirstButton\"\n size={size}\n icon={<BackwardIcon />}\n isDisabled={isFirst \|\| isDisabled}\n aria-label={t('pagination.firstPage', 'First page')}\n onPress={() => goTo(1)}\n />\n ) : null}\n\n <NavButton\n qa=\"PaginationPrevButton\"\n size={size}\n icon={<LeftIcon />}\n isDisabled={isFirst \|\| isDisabled}\n aria-label={t('pagination.previousPage', 'Previous page')}\n onPress={() => goTo(info.page - 1)}\n />\n\n {renderPageControl()}\n\n <NavButton\n qa=\"PaginationNextButton\"\n size={size}\n icon={<RightIcon />}\n isDisabled={isLast \|\| isDisabled}\n aria-label={t('pagination.nextPage', 'Next page')}\n onPress={() => goTo(info.page + 1)}\n />\n\n {showEdgeButtons ? (\n <NavButton\n qa=\"PaginationLastButton\"\n size={size}\n icon={<ForwardIcon />}\n isDisabled={isLast \|\| isDisabled}\n aria-label={t('pagination.lastPage', 'Last page')}\n onPress={() => goTo(totalPages)}\n />\n ) : null}\n </div>\n </PaginationElement>\n );\n}\n\nconst _Pagination = forwardRef(Pagination);\n\n_Pagination.displayName = 'Pagination';\n\nexport { _Pagination as Pagination };\n"],"mappings":"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"}

package/dist/components/navigation/Pagination/use-pagination.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { c } from "react/compiler-runtime";
 import { useControlledState } from "@react-stately/utils";

package/dist/components/navigation/Tabs/BoardDragActiveProvider.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/DraggableTabList.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { DraggableCollection } from "../../shared/DraggableCollection.js";
 import { c } from "react/compiler-runtime";
 import { jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/TabButton.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";

package/dist/components/navigation/Tabs/TabDropIndicator.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { DropIndicatorElement } from "./styled.js";
 import { useTabsContext } from "./TabsContext.js";
 import { c } from "react/compiler-runtime";

package/dist/components/navigation/Tabs/TabPanel.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { TabPanelElement } from "./styled.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useMemo, useRef } from "react";

package/dist/components/navigation/Tabs/TabPicker.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { ItemAction } from "../../actions/ItemAction/ItemAction.js";
 import { useI18n } from "../../../i18n/useI18n.js";
 import { CloseIcon } from "../../../icons/CloseIcon.js";
@@ -99,6 +99,7 @@ function TabPicker(t0) {
 	let t11;
 	if ($[20] !== isReorderable || $[21] !== onReorder || $[22] !== pickerSize || $[23] !== selectedKey || $[24] !== t10 || $[25] !== t4 || $[26] !== t6 || $[27] !== t8 || $[28] !== t9) {
 		t11 = /* @__PURE__ */ jsx(FilterPicker, {
+			isBare: true,
 			selectedKey,
 			renderSummary: false,
 			icon: t3,

package/dist/components/navigation/Tabs/TabPicker.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TabPicker.js","names":["useI18n","CloseIcon","MoreIcon","ItemAction","FilterPicker","POPOVER_PLACEMENT_BY_TABS_PLACEMENT","ParsedTab","TabPlacement","TabSize","TabType","TabPickerProps","tabs","selectedKey","onSelect","key","onDelete","size","type","placement","isReorderable","onReorder","newOrder","TabPicker","t0","$","_c","t1","t2","undefined","t","isDeletable","pickerSize","showBorderDivider","isVertical","t3","Symbol","for","t4","t5","t6","border","t7","t8","t9","String","t10","t11","tab","icon","tooltip","title","map"],"sources":["../../../../src/components/navigation/Tabs/TabPicker.tsx"],"sourcesContent":["import { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { MoreIcon } from '../../../icons/MoreIcon';\nimport { ItemAction } from '../../actions/ItemAction';\nimport { FilterPicker } from '../../fields/FilterPicker/FilterPicker';\n\nimport { POPOVER_PLACEMENT_BY_TABS_PLACEMENT } from './popover-placement';\n\nimport type { ParsedTab, TabPlacement, TabSize, TabType } from './types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface TabPickerProps {\n /** Ordered list of parsed tabs to display in the picker /\n tabs: ParsedTab[];\n /* Currently selected tab key /\n selectedKey: string \| null;\n /* Callback when a tab is selected from the picker /\n onSelect: (key: string) => void;\n /* Callback when a tab should be deleted. When provided, shows delete action on items. /\n onDelete?: (key: string) => void;\n /* Size of the picker trigger button /\n size?: TabSize;\n /* Type of the parent Tabs component (for border styling) /\n type?: TabType;\n /* Placement of the parent Tabs component (controls divider + popover placement) /\n placement?: TabPlacement;\n /* Enable drag-and-drop reordering of items in the picker dropdown /\n isReorderable?: boolean;\n /* Callback when items are reordered via drag-and-drop /\n onReorder?: (newOrder: string[]) => void;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/\n Tab picker component that displays a dropdown menu of all tabs.\n \n Used in the Tabs suffix area when tabs overflow to provide quick navigation\n * to any tab without scrolling.\n */\nexport function TabPicker({\n tabs,\n selectedKey,\n onSelect,\n onDelete,\n size,\n type = 'default',\n placement = 'top',\n isReorderable,\n onReorder,\n}: TabPickerProps) {\n const { t } = useI18n();\n const isDeletable = !!onDelete;\n\n // Map TabSize to FilterPicker size (xsmall -> small)\n const pickerSize = size === 'xsmall' ? 'small' : size;\n\n // Only show border divider for file type\n const showBorderDivider = type === 'file';\n const isVertical = placement === 'left' \|\| placement === 'right';\n\n return (\n <FilterPicker\n selectedKey={selectedKey}\n renderSummary={false}\n icon={<MoreIcon />}\n rightIcon={null}\n shape=\"sharp\"\n type=\"clear\"\n size={pickerSize}\n placement={POPOVER_PLACEMENT_BY_TABS_PLACEMENT[placement]}\n // Apply border to wrapper (FilterPickerWrapper) so :first-child evaluates\n // relative to Suffix container, not the internal DialogTrigger. The\n // divider side flips with the bar's orientation.\n styles={{\n border: showBorderDivider\n ? {\n '': 0,\n '!:first-child': isVertical ? 'top' : 'left',\n }\n : 0,\n }}\n triggerStyles={{ border: 0 }}\n aria-label={t('tabs.selectTab', 'Select tab')}\n isReorderable={isReorderable}\n onReorder={onReorder}\n onSelectionChange={(key) => {\n if (key != null) {\n onSelect(String(key));\n }\n }}\n >\n {tabs.map((tab) => (\n <FilterPicker.Item\n key={tab.key}\n icon={tab.icon}\n tooltip={tab.tooltip}\n textValue={\n typeof tab.title === 'string' ? tab.title : String(tab.key)\n }\n autoHideActions={isDeletable}\n actions={\n isDeletable ? (\n <ItemAction\n icon={<CloseIcon />}\n aria-label={t('tabs.close', 'Close')}\n onPress={() => {\n onDelete(tab.key);\n }}\n />\n ) : undefined\n }\n >\n {tab.title}\n </FilterPicker.Item>\n ))}\n </FilterPicker>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AA6CA,SAAOsB,UAAAC,IAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CAAmB,MAAA,EAAAd,MAAAC,aAAAC,UAAAE,UAAAC,MAAAC,MAAAS,IAAAR,WAAAS,IAAAR,eAAAC,cAAAG;CAMxB,MAAAN,OAAAS,OAAAE,SAAA,YAAAF;CACA,MAAAR,YAAAS,OAAAC,SAAA,QAAAD;CAIA,MAAA,EAAAE,MAAc7B,SAAS;CACvB,MAAA8B,cAAoB,CAAC,CAACf;CAGtB,MAAAgB,aAAmBf,SAAS,WAAT,UAAAA;CAGnB,MAAAgB,oBAA0Bf,SAAS;CACnC,MAAAgB,aAAmBf,cAAc,UAAUA,cAAc;CAAQ,IAAAgB;AAAA,KAAAV,EAAA,OAAAW,OAAAC,IAAA,4BAAA,EAAA;~~AAMvDF~~,OAAA,oBAAC,aAAW;AAAAV,IAAA,KAAAU;OAAAA,MAAAV,EAAA;CAKP,MAAAa,KAAAhC,oCAAoCa;CAAU,IAAAoB;AAAA,KAAAd,EAAA,OAAAS,cAAAT,EAAA,OAAAQ,mBAAA;AAK/CM,OAAAN,oBAAA;GAAA,IAEE;GAAC,iBACYC,aAAA,QAAA;GAElB,GALG;AAKHT,IAAA,KAAAS;AAAAT,IAAA,KAAAQ;AAAAR,IAAA,KAAAc;OAAAA,MAAAd,EAAA;CAAA,IAAAe;AAAA,KAAAf,EAAA,OAAAc,IAAA;AANCC,OAAA,EAAAC,QACEF,IAMT;AAAAd,IAAA,KAAAc;AAAAd,IAAA,KAAAe;OAAAA,MAAAf,EAAA;CAAA,IAAAiB;AAAA,KAAAjB,EAAA,OAAAW,OAAAC,IAAA,4BAAA,EAAA;AACcK,OAAA,EAAAD,QAAU,GAAG;AAAAhB,IAAA,KAAAiB;OAAAA,MAAAjB,EAAA;CAAA,IAAAkB;AAAA,KAAAlB,EAAA,OAAAK,GAAA;AAChBa,OAAAb,EAAE,kBAAkB,aAAa;AAAAL,IAAA,KAAAK;AAAAL,IAAA,KAAAkB;OAAAA,MAAAlB,EAAA;CAAA,IAAAmB;AAAA,KAAAnB,EAAA,OAAAX,UAAA;AAG1B8B,QAAA7B,QAAA;AACjB,OAAIA,OAAO,KACTD,UAAS+B,OAAO9B,IAAI,CAAC;;AAExBU,IAAA,KAAAX;AAAAW,IAAA,MAAAmB;OAAAA,MAAAnB,EAAA;CAAA,IAAAqB;AAAA,KAAArB,EAAA,QAAAM,eAAAN,EAAA,QAAAT,YAAAS,EAAA,QAAAK,KAAAL,EAAA,QAAAb,MAAA;EAAA,IAAAmC;AAAA,MAAAtB,EAAA,QAAAM,eAAAN,EAAA,QAAAT,YAAAS,EAAA,QAAAK,GAAA;AAESiB,UAAAC,QACR,oBAAA,aAAA;IAEQ,MAAAA,IAAGC;IACA,SAAAD,IAAGE;IAEV,WAAA,OAAOF,IAAGG,UAAW,WAAWH,IAAGG,QAASN,OAAOG,IAAGjC,IAAI;IAE3CgB,iBAAAA;IAEf,SAAAA,cACE,oBAAC;KACO,MAAA,oBAAC,cAAW;KACN,cAAAD,EAAE,cAAc,QAAO;KAC1B,eAAA;AACPd,eAASgC,IAAGjC,IAAK;;MAGV,GARbc;cAWDmB,IAAGG;MAnBCH,IAAGjC,IAqBX;AAAAU,KAAA,MAAAM;AAAAN,KAAA,MAAAT;AAAAS,KAAA,MAAAK;AAAAL,KAAA,MAAAsB;QAAAA,OAAAtB,EAAA;AAvBAqB,QAAAlC,KAAIwC,IAAKL,IAuBR;AAAAtB,IAAA,MAAAM;AAAAN,IAAA,MAAAT;AAAAS,IAAA,MAAAK;AAAAL,IAAA,MAAAb;AAAAa,IAAA,MAAAqB;OAAAA,OAAArB,EAAA;CAAA,IAAAsB;AAAA,KAAAtB,EAAA,QAAAL,iBAAAK,EAAA,QAAAJ,aAAAI,EAAA,QAAAO,cAAAP,EAAA,QAAAZ,eAAAY,EAAA,QAAAqB,OAAArB,EAAA,QAAAa,MAAAb,EAAA,QAAAe,MAAAf,EAAA,QAAAkB,MAAAlB,EAAA,QAAAmB,IAAA;~~AArDJG~~,QAAA,oBAAC;~~GACclC~~;GACE,eAAA;GACT,MAAAsB;GACK,WAAA;GACL,OAAA;GACD,MAAA;GACCH,MAAAA;GACK,WAAAM;GAIH,QAAAE;GAQO,eAAAE;GACH,cAAAC;GACGvB;GACJC;GACQ,mBAAAuB;aAMlBE;IAwBY;AAAArB,IAAA,MAAAL;AAAAK,IAAA,MAAAJ;AAAAI,IAAA,MAAAO;AAAAP,IAAA,MAAAZ;AAAAY,IAAA,MAAAqB;AAAArB,IAAA,MAAAa;AAAAb,IAAA,MAAAe;AAAAf,IAAA,MAAAkB;AAAAlB,IAAA,MAAAmB;AAAAnB,IAAA,MAAAsB;OAAAA,OAAAtB,EAAA;AAAA,~~QAtDfsB~~"}
1	+ {"version":3,"file":"TabPicker.js","names":["useI18n","CloseIcon","MoreIcon","ItemAction","FilterPicker","POPOVER_PLACEMENT_BY_TABS_PLACEMENT","ParsedTab","TabPlacement","TabSize","TabType","TabPickerProps","tabs","selectedKey","onSelect","key","onDelete","size","type","placement","isReorderable","onReorder","newOrder","TabPicker","t0","$","_c","t1","t2","undefined","t","isDeletable","pickerSize","showBorderDivider","isVertical","t3","Symbol","for","t4","t5","t6","border","t7","t8","t9","String","t10","t11","tab","icon","tooltip","title","map"],"sources":["../../../../src/components/navigation/Tabs/TabPicker.tsx"],"sourcesContent":["import { useI18n } from '../../../i18n';\nimport { CloseIcon } from '../../../icons/CloseIcon';\nimport { MoreIcon } from '../../../icons/MoreIcon';\nimport { ItemAction } from '../../actions/ItemAction';\nimport { FilterPicker } from '../../fields/FilterPicker/FilterPicker';\n\nimport { POPOVER_PLACEMENT_BY_TABS_PLACEMENT } from './popover-placement';\n\nimport type { ParsedTab, TabPlacement, TabSize, TabType } from './types';\n\n// =============================================================================\n// Types\n// =============================================================================\n\nexport interface TabPickerProps {\n /** Ordered list of parsed tabs to display in the picker /\n tabs: ParsedTab[];\n /* Currently selected tab key /\n selectedKey: string \| null;\n /* Callback when a tab is selected from the picker /\n onSelect: (key: string) => void;\n /* Callback when a tab should be deleted. When provided, shows delete action on items. /\n onDelete?: (key: string) => void;\n /* Size of the picker trigger button /\n size?: TabSize;\n /* Type of the parent Tabs component (for border styling) /\n type?: TabType;\n /* Placement of the parent Tabs component (controls divider + popover placement) /\n placement?: TabPlacement;\n /* Enable drag-and-drop reordering of items in the picker dropdown /\n isReorderable?: boolean;\n /* Callback when items are reordered via drag-and-drop /\n onReorder?: (newOrder: string[]) => void;\n}\n\n// =============================================================================\n// Component\n// =============================================================================\n\n/\n Tab picker component that displays a dropdown menu of all tabs.\n \n Used in the Tabs suffix area when tabs overflow to provide quick navigation\n * to any tab without scrolling.\n */\nexport function TabPicker({\n tabs,\n selectedKey,\n onSelect,\n onDelete,\n size,\n type = 'default',\n placement = 'top',\n isReorderable,\n onReorder,\n}: TabPickerProps) {\n const { t } = useI18n();\n const isDeletable = !!onDelete;\n\n // Map TabSize to FilterPicker size (xsmall -> small)\n const pickerSize = size === 'xsmall' ? 'small' : size;\n\n // Only show border divider for file type\n const showBorderDivider = type === 'file';\n const isVertical = placement === 'left' \|\| placement === 'right';\n\n return (\n <FilterPicker\n isBare\n selectedKey={selectedKey}\n renderSummary={false}\n icon={<MoreIcon />}\n rightIcon={null}\n shape=\"sharp\"\n type=\"clear\"\n size={pickerSize}\n placement={POPOVER_PLACEMENT_BY_TABS_PLACEMENT[placement]}\n // Apply border to wrapper (FilterPickerWrapper) so :first-child evaluates\n // relative to Suffix container, not the internal DialogTrigger. The\n // divider side flips with the bar's orientation.\n styles={{\n border: showBorderDivider\n ? {\n '': 0,\n '!:first-child': isVertical ? 'top' : 'left',\n }\n : 0,\n }}\n triggerStyles={{ border: 0 }}\n aria-label={t('tabs.selectTab', 'Select tab')}\n isReorderable={isReorderable}\n onReorder={onReorder}\n onSelectionChange={(key) => {\n if (key != null) {\n onSelect(String(key));\n }\n }}\n >\n {tabs.map((tab) => (\n <FilterPicker.Item\n key={tab.key}\n icon={tab.icon}\n tooltip={tab.tooltip}\n textValue={\n typeof tab.title === 'string' ? tab.title : String(tab.key)\n }\n autoHideActions={isDeletable}\n actions={\n isDeletable ? (\n <ItemAction\n icon={<CloseIcon />}\n aria-label={t('tabs.close', 'Close')}\n onPress={() => {\n onDelete(tab.key);\n }}\n />\n ) : undefined\n }\n >\n {tab.title}\n </FilterPicker.Item>\n ))}\n </FilterPicker>\n );\n}\n"],"mappings":"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"}

package/dist/components/navigation/Tabs/Tabs.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { extractStyles } from "../../../utils/styles.js";
 import { mergeProps as mergeProps$1 } from "../../../utils/react/mergeProps.js";
 import { useEvent } from "../../../_internal/hooks/use-event.js";

package/dist/components/navigation/Tabs/TabsAction.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { _ItemButton } from "../../actions/ItemButton/ItemButton.js";
 import { useOptionalTabsContext } from "./TabsContext.js";
 import { c } from "react/compiler-runtime";

package/dist/components/navigation/Tabs/TabsContext.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { createContext, useContext } from "react";
 import { jsx } from "react/jsx-runtime";

package/dist/components/navigation/Tabs/popover-placement.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 //#region src/components/navigation/Tabs/popover-placement.ts
 /**
 * Maps the parent Tabs `placement` to the popover placement for menus and

package/dist/components/navigation/Tabs/styled.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { _Item } from "../../content/Item/Item.js";
 import { tasty } from "@tenphi/tasty";

package/dist/components/navigation/Tabs/types.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 //#region src/components/navigation/Tabs/types.ts
 /**
 * Size mapping for radio type tabs.

package/dist/components/navigation/Tabs/use-tab-editing.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { c } from "react/compiler-runtime";
 import { useState } from "react";

package/dist/components/navigation/Tabs/use-tab-indicator.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { chainRaf } from "../../../utils/raf.js";
 import { c } from "react/compiler-runtime";
 import { useEffect, useLayoutEffect, useRef, useState } from "react";

package/dist/components/organisms/StatsCard/StatsCard.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { _Text } from "../../content/Text.js";
 import { _Title } from "../../content/Title.js";
 import { Card } from "../../content/Card/Card.js";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.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/CalendarCell.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { CALENDAR_CELL_STYLES } from "./styled.js";
 import { c } from "react/compiler-runtime";
 import { tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.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.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { _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.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.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";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.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,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { CALENDAR_CELL_STYLES } from "./styled.js";
 import { tasty } from "@tenphi/tasty";
 import { useLayoutEffect, useRef } from "react";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.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.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { tasty } from "@tenphi/tasty";
 //#region src/components/other/Calendar/styled.tsx

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { Icon } from "../../../icons/Icon.js";
 import { c } from "react/compiler-runtime";
 import { mergeStyles, tasty } from "@tenphi/tasty";

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { wrapIcon } from "../../../icons/wrap-icon.js";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/components/overlays/AlertDialog/AlertDialog.d.ts CHANGED Viewed

@@ -12,7 +12,12 @@ interface CubeAlertDialogActionsProps {
 }
 interface CubeAlertDialogProps extends Omit<CubeDialogProps, 'children'> {
   content?: ReactNode;
-  /** Whether the dialog is an important prompt */
+  /**
+   * Whether the confirm action is destructive. It is styled as such, and the
+   * dialog opens with focus on Cancel, or on the dialog itself when there is
+   * no Cancel, so a reflexive Enter does not run it. An explicit `autoFocus`
+   * on `actions.confirm` still puts focus there.
+   */
   danger?: boolean;
   actions?: CubeAlertDialogActionsProps;
   title?: string;

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

@@ -1,4 +1,4 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
 import { chain } from "../../../utils/react/chain.js";
 import { Paragraph } from "../../content/Paragraph.js";
 import { _Title } from "../../content/Title.js";
@@ -91,7 +91,7 @@ function AlertDialog(props, ref) {
 	if ($[16] !== cancelProps || $[17] !== confirmProps || $[18] !== danger || $[19] !== noActions || $[20] !== onClose || $[21] !== secondaryProps) {
 		t2 = !noActions && (confirmProps || secondaryProps || cancelProps) ? /* @__PURE__ */ jsx(Footer, { children: /* @__PURE__ */ jsxs(ButtonGroup, { children: [
 			confirmProps && /* @__PURE__ */ jsx(Button, {
-				autoFocus: true,
+				autoFocus: !danger,
 				theme: danger ? "danger" : void 0,
 				...confirmProps,
 				onPress: (e) => chain(confirmProps?.onPress?.(e), onClose?.("confirm"))
@@ -101,6 +101,7 @@ function AlertDialog(props, ref) {
 				onPress: (e_0) => chain(secondaryProps?.onPress?.(e_0), onClose?.("secondary"))
 			}),
 			cancelProps && /* @__PURE__ */ jsx(Button, {
+				autoFocus: danger && !confirmProps?.autoFocus,
 				...cancelProps,
 				onPress: (e_1) => chain(cancelProps?.onPress?.(e_1), onClose?.("cancel"))
 			})

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertDialog.js","names":["forwardRef","ReactNode","useI18n","chain","Button","ButtonGroup","Content","Footer","Header","Paragraph","Title","useDialogContext","withDefaultButtonText","CubeDialogProps","Dialog","CubeButtonProps","CubeAlertDialogActionsProps","confirm","secondary","cancel","CubeAlertDialogProps","Omit","content","danger","actions","title","noActions","AlertDialog","props","ref","$","_c","onClose","t","otherProps","t0","t1","t2","styles","t3","t4","t5","cancelProps","confirmProps","secondaryProps","type","undefined","e","onPress","e_0","e_1","_AlertDialog","displayName"],"sources":["../../../../src/components/overlays/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { chain } from '../../../utils/react';\nimport { Button } from '../../actions/Button/Button';\nimport { ButtonGroup } from '../../actions/ButtonGroup/ButtonGroup';\nimport { Content } from '../../content/Content';\nimport { Footer } from '../../content/Footer';\nimport { Header } from '../../content/Header';\nimport { Paragraph } from '../../content/Paragraph';\nimport { Title } from '../../content/Title';\nimport { useDialogContext } from '../Dialog/context';\nimport { withDefaultButtonText } from '../Dialog/default-button-text';\nimport { CubeDialogProps, Dialog } from '../Dialog/Dialog';\n\nimport type { CubeButtonProps } from '../../actions/Button/Button';\n\nexport interface CubeAlertDialogActionsProps {\n confirm?: CubeButtonProps \| boolean;\n secondary?: CubeButtonProps;\n cancel?: CubeButtonProps \| boolean;\n}\n\nexport interface CubeAlertDialogProps\n extends Omit<CubeDialogProps, 'children'> {\n content?: ReactNode;\n /** Whether the dialog is an ~~important~~ ~~prompt~~ /\n danger?: boolean;\n actions?: CubeAlertDialogActionsProps;\n title?: string;\n noActions?: boolean;\n}\n\n/\n AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n /\nfunction AlertDialog(props: CubeAlertDialogProps, ref) {\n const { onClose } = useDialogContext();\n const { t } = useI18n();\n\n const { danger, actions, title, styles, noActions, content, ...otherProps } =\n props;\n\n let {\n confirm: confirmProps,\n secondary: secondaryProps,\n cancel: cancelProps,\n } = actions ?? {};\n\n // the confirm button is present by default\n confirmProps =\n confirmProps !== false\n ? withDefaultButtonText(\n {\n type: 'primary',\n ...(typeof confirmProps === 'object' ? confirmProps : null),\n },\n t('alertDialog.confirm', 'Ok'),\n )\n : undefined;\n\n // the cancel button is hidden by default\n cancelProps = cancelProps\n ? withDefaultButtonText(\n typeof cancelProps === 'object' ? cancelProps : undefined,\n t('alertDialog.cancel', 'Cancel'),\n )\n : undefined;\n\n return (\n <Dialog ref={ref} role=\"alertdialog\" isDismissable={false} {...otherProps}>\n {title ? (\n <Header>\n <Title>{title}</Title>\n </Header>\n ) : null}\n {content ? (\n <Content>\n {typeof content === 'string' ? (\n <Paragraph>{content}</Paragraph>\n ) : (\n content\n )}\n </Content>\n ) : null}\n {!noActions && (confirmProps \|\| secondaryProps \|\| cancelProps) ? (\n <Footer>\n <ButtonGroup>\n {confirmProps && (\n <Button\n autoFocus\n theme={danger ? 'danger' : undefined}\n {...confirmProps}\n onPress={(e) =>\n chain(\n (confirmProps as CubeButtonProps)?.onPress?.(e),\n onClose?.('confirm'),\n )\n }\n />\n )}\n {secondaryProps && (\n <Button\n {...secondaryProps}\n onPress={(e) =>\n chain(secondaryProps?.onPress?.(e), onClose?.('secondary'))\n }\n />\n )}\n {cancelProps && (\n <Button\n {...cancelProps}\n onPress={(e) =>\n chain(\n (cancelProps as CubeButtonProps)?.onPress?.(e),\n onClose?.('cancel'),\n )\n }\n />\n )}\n </ButtonGroup>\n </Footer>\n ) : null}\n </Dialog>\n );\n}\n\n/\n AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nconst _AlertDialog = forwardRef(AlertDialog);\n\n_AlertDialog.displayName = 'AlertDialog';\n\nexport { _AlertDialog as AlertDialog };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;~~AAoCA~~,SAAA2B,YAAAC,OAAAC,KAAA;CAAA,MAAAC,IAAAC,EAAA,GAAA;CACE,MAAA,EAAAC,YAAoBrB,kBAAkB;CACtC,MAAA,EAAAsB,MAAc/B,SAAS;CAAC,IAAAsB;CAAA,IAAAF;CAAA,IAAAC;CAAA,IAAAG;CAAA,IAAAQ;CAAA,IAAAT;AAAA,KAAAK,EAAA,OAAAF,OAAA;EAExB,MAAA,EAAAL,QAAAY,IAAAX,SAAAY,IAAAX,OAAAY,IAAAC,QAAAZ,WAAAa,IAAAjB,SAAAkB,IAAA,GAAAC,OACEb;AADFL,WAAAY;AAAAX,YAAAY;AAAAX,UAAAY;AAAAX,cAAAa;AAAAjB,YAAAkB;AAAAN,eAAAO;AACQX,IAAA,KAAAF;AAAAE,IAAA,KAAAN;AAAAM,IAAA,KAAAR;AAAAQ,IAAA,KAAAP;AAAAO,IAAA,KAAAJ;AAAAI,IAAA,KAAAI;AAAAJ,IAAA,KAAAL;QAAA;AAAAD,YAAAM,EAAA;AAAAR,YAAAQ,EAAA;AAAAP,WAAAO,EAAA;AAAAJ,cAAAI,EAAA;AAAAI,eAAAJ,EAAA;AAAAL,UAAAK,EAAA;;CAAA,IAAAY;CAAA,IAAAC;CAAA,IAAAC;AAAA,KAAAd,EAAA,OAAAN,WAAAM,EAAA,OAAAG,GAAA;EAER,MAAA,EAAAhB,SAAAkB,IAAAjB,WAAAkB,IAAAjB,QAAAkB,OAIIb,WAAA,EAAa;AAJjBoB,mBAAAR;AACWO,iBAAAA;AAEDD,gBAAAA;AAIVC,iBACEA,iBAAiB,QACb/B,sBACE;GAAAiC,MACQ;GAAS,GACX,OAAOF,iBAAiB,WAAxBA,eAAA;GACL,EACDV,EAAE,uBAAuB,KAEnB,CAAC,GARba;AAWFJ,gBAAcA,cACV9B,sBACE,OAAO8B,gBAAgB,WAAvBA,cAAAI,QACAb,EAAE,sBAAsB,SAElB,CAAC,GALCa;AAAHhB,IAAA,KAAAN;AAAAM,IAAA,KAAAG;AAAAH,IAAA,KAAAY;AAAAZ,IAAA,MAAAa;AAAAb,IAAA,MAAAc;QAAA;AAAAF,gBAAAZ,EAAA;AAAAa,iBAAAb,EAAA;AAAAc,mBAAAd,EAAA;;CAAA,IAAAK;AAAA,KAAAL,EAAA,QAAAL,OAAA;AASNU,OAAAV,QACC,oBAAC,oBACC,oBAAC,oBAAOA,QACV,GACM,GAJP;AAIOK,IAAA,MAAAL;AAAAK,IAAA,MAAAK;OAAAA,MAAAL,EAAA;CAAA,IAAAM;AAAA,KAAAN,EAAA,QAAAR,SAAA;AACPc,OAAAd,UACC,oBAAC,qBACE,OAAOA,YAAY,WAClB,oBAAC,uBAAWA,UAGb,GAJAA,UAMG,GARP;AAQOQ,IAAA,MAAAR;AAAAQ,IAAA,MAAAM;OAAAA,MAAAN,EAAA;CAAA,IAAAO;AAAA,KAAAP,EAAA,QAAAY,eAAAZ,EAAA,QAAAa,gBAAAb,EAAA,QAAAP,UAAAO,EAAA,QAAAJ,aAAAI,EAAA,QAAAE,WAAAF,EAAA,QAAAc,gBAAA;AACPP,OAAA,CAACX,cAAciB,gBAAAC,kBAAAF,eACd,oBAAC,oBACC,qBAAC;GACEC,gBACC,oBAAC;~~IACC~~,WAAA;~~IACO~~,~~OAAApB~~,SAAA,WAAAuB;IAA6B,GAChCH;IACK,UAAAI,MACP5C,MACGwC,cAAyCK,UAAGD,EAAE,EAC/Cf,UAAU,UACZ,CAAA;KAGN;GACCY,kBACC,oBAAC;IAAM,GACDA;IACK,UAAAK,QACP9C,MAAMyC,gBAAcI,UAAYD,IAAE,EAAEf,UAAU,YAAY,CAAA;KAGhE;GACCU,eACC,oBAAC;~~IAAM~~,~~GACDA~~;IACK,~~UAAAQ~~,~~QACP/C~~,MACGuC,aAAwCM,UAAGD,IAAE,EAC9Cf,UAAU,SACZ,CAAA;KAGN;MAEJ,GACM,~~GArCP~~;~~AAqCOF~~,IAAA,MAAAY;AAAAZ,IAAA,MAAAa;AAAAb,IAAA,MAAAP;AAAAO,IAAA,MAAAJ;AAAAI,IAAA,MAAAE;AAAAF,IAAA,MAAAc;AAAAd,IAAA,MAAAO;OAAAA,MAAAP,EAAA;CAAA,IAAAS;AAAA,KAAAT,EAAA,QAAAI,cAAAJ,EAAA,QAAAD,OAAAC,EAAA,QAAAK,MAAAL,EAAA,QAAAM,MAAAN,EAAA,QAAAO,IAAA;~~AApDVE~~,OAAA,qBAAC;GAAYV;GAAU,MAAA;GAA6B,eAAA;GAAK,GAAMK;;IAC5DC;IAKAC;IASAC;;~~IAsCM~~;AAAAP,IAAA,MAAAI;AAAAJ,IAAA,MAAAD;AAAAC,IAAA,MAAAK;AAAAL,IAAA,MAAAM;AAAAN,IAAA,MAAAO;AAAAP,IAAA,MAAAS;OAAAA,MAAAT,EAAA;AAAA,~~QArDTS~~;;;;;~~AA4DJ~~,~~MAAMY~~,~~eAAenD~~,WAAW2B,YAAY;~~AAE5CwB~~,aAAaC,cAAc"}
1	+ {"version":3,"file":"AlertDialog.js","names":["forwardRef","ReactNode","useI18n","chain","Button","ButtonGroup","Content","Footer","Header","Paragraph","Title","useDialogContext","withDefaultButtonText","CubeDialogProps","Dialog","CubeButtonProps","CubeAlertDialogActionsProps","confirm","secondary","cancel","CubeAlertDialogProps","Omit","content","danger","actions","title","noActions","AlertDialog","props","ref","$","_c","onClose","t","otherProps","t0","t1","t2","styles","t3","t4","t5","cancelProps","confirmProps","secondaryProps","type","undefined","e","onPress","e_0","autoFocus","e_1","_AlertDialog","displayName"],"sources":["../../../../src/components/overlays/AlertDialog/AlertDialog.tsx"],"sourcesContent":["import { forwardRef, ReactNode } from 'react';\n\nimport { useI18n } from '../../../i18n';\nimport { chain } from '../../../utils/react';\nimport { Button } from '../../actions/Button/Button';\nimport { ButtonGroup } from '../../actions/ButtonGroup/ButtonGroup';\nimport { Content } from '../../content/Content';\nimport { Footer } from '../../content/Footer';\nimport { Header } from '../../content/Header';\nimport { Paragraph } from '../../content/Paragraph';\nimport { Title } from '../../content/Title';\nimport { useDialogContext } from '../Dialog/context';\nimport { withDefaultButtonText } from '../Dialog/default-button-text';\nimport { CubeDialogProps, Dialog } from '../Dialog/Dialog';\n\nimport type { CubeButtonProps } from '../../actions/Button/Button';\n\nexport interface CubeAlertDialogActionsProps {\n confirm?: CubeButtonProps \| boolean;\n secondary?: CubeButtonProps;\n cancel?: CubeButtonProps \| boolean;\n}\n\nexport interface CubeAlertDialogProps\n extends Omit<CubeDialogProps, 'children'> {\n content?: ReactNode;\n /*\n Whether the confirm action is destructive. It is styled as such, and the\n * dialog opens with focus on Cancel, or on the dialog itself when there is\n * no Cancel, so a reflexive Enter does not run it. An explicit `autoFocus`\n * on `actions.confirm` still puts focus there.\n /\n danger?: boolean;\n actions?: CubeAlertDialogActionsProps;\n title?: string;\n noActions?: boolean;\n}\n\n/\n AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n /\nfunction AlertDialog(props: CubeAlertDialogProps, ref) {\n const { onClose } = useDialogContext();\n const { t } = useI18n();\n\n const { danger, actions, title, styles, noActions, content, ...otherProps } =\n props;\n\n let {\n confirm: confirmProps,\n secondary: secondaryProps,\n cancel: cancelProps,\n } = actions ?? {};\n\n // the confirm button is present by default\n confirmProps =\n confirmProps !== false\n ? withDefaultButtonText(\n {\n type: 'primary',\n ...(typeof confirmProps === 'object' ? confirmProps : null),\n },\n t('alertDialog.confirm', 'Ok'),\n )\n : undefined;\n\n // the cancel button is hidden by default\n cancelProps = cancelProps\n ? withDefaultButtonText(\n typeof cancelProps === 'object' ? cancelProps : undefined,\n t('alertDialog.cancel', 'Cancel'),\n )\n : undefined;\n\n return (\n <Dialog ref={ref} role=\"alertdialog\" isDismissable={false} {...otherProps}>\n {title ? (\n <Header>\n <Title>{title}</Title>\n </Header>\n ) : null}\n {content ? (\n <Content>\n {typeof content === 'string' ? (\n <Paragraph>{content}</Paragraph>\n ) : (\n content\n )}\n </Content>\n ) : null}\n {!noActions && (confirmProps \|\| secondaryProps \|\| cancelProps) ? (\n <Footer>\n <ButtonGroup>\n {confirmProps && (\n <Button\n // A destructive action never takes focus on open, where a\n // reflexive Enter would run it: Cancel takes it instead, or\n // the dialog itself when there is no Cancel.\n autoFocus={!danger}\n theme={danger ? 'danger' : undefined}\n {...confirmProps}\n onPress={(e) =>\n chain(\n (confirmProps as CubeButtonProps)?.onPress?.(e),\n onClose?.('confirm'),\n )\n }\n />\n )}\n {secondaryProps && (\n <Button\n {...secondaryProps}\n onPress={(e) =>\n chain(secondaryProps?.onPress?.(e), onClose?.('secondary'))\n }\n />\n )}\n {cancelProps && (\n <Button\n // Unless the confirm button asks for focus explicitly.\n autoFocus={danger && !confirmProps?.autoFocus}\n {...cancelProps}\n onPress={(e) =>\n chain(\n (cancelProps as CubeButtonProps)?.onPress?.(e),\n onClose?.('cancel'),\n )\n }\n />\n )}\n </ButtonGroup>\n </Footer>\n ) : null}\n </Dialog>\n );\n}\n\n/\n AlertDialogs are a specific type of Dialog. They display important information that users need to acknowledge.\n */\nconst _AlertDialog = forwardRef(AlertDialog);\n\n_AlertDialog.displayName = 'AlertDialog';\n\nexport { _AlertDialog as AlertDialog };\n"],"mappings":"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"}

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

@@ -1,4 +1,5 @@
-/** @license MIT | @cube-dev/ui-kit v0.195.0 | Cube Dev Team */
+/** @license MIT | @cube-dev/ui-kit v0.197.0 | Cube Dev Team */
+import { EXIT_DURATION } from "../Modal/Overlay.js";
 import { AlertDialogZone } from "./AlertDialogZone.js";
 import { c } from "react/compiler-runtime";
 import { createContext, useContext, useLayoutEffect, useRef, useState } from "react";
@@ -91,7 +92,7 @@ function AlertDialogApiProvider(props) {
 						isVisible: false
 					}
 				});
-				setTimeout(() => setOpenedDialog((currentState_0) => currentState_0?.meta.id !== currentId ? currentState_0 : null), 300);
+				setTimeout(() => setOpenedDialog((currentState_0) => currentState_0?.meta.id !== currentId ? currentState_0 : null), EXIT_DURATION);
 				return true;
 			};
 			let resolvePromise;

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

	@@ -1 +1 @@
1	- {"version":3,"file":"AlertDialogApiProvider.js","names":["createContext","useContext","useLayoutEffect","useMemo","useRef","useState","invariant","AlertDialogZone","AlertDialogResolveStatus","Dialog","DialogProps","AlertDialogOpener","open","dialogProps","signals","AbortSignal","Promise","DialogApiContext","AlertDialogApi","params","AlertDialogApiParams","cancelToken","isThenable","value","PromiseLike","then","runHandler","handler","undefined","error","reject","runActionHandlers","handlers","pending","map","filter","length","all","ignoreUnhandled","promise","T","catch","reportActionError","globalThis","reportError","setTimeout","PendingAction","id","status","AlertDialogApiProvider","props","$","_c","openedDialog","setOpenedDialog","pendingAction","setPendingAction","t0","Symbol","for","onDismiss","onConfirm","onSecondary","onCancel","restProps","some","_temp","currentId","current","currentDialog","meta","isClosed","isVisible","setPending","isAbortedWhilePending","onAbort","close","signal_0","signal","removeEventListener","currentState","currentState_0","resolvePromise","rejectPromise","resolve","status_0","reason","act","status_1","onPress","result","signal_1","addEventListener","once","action","openedDialog_0","Error","opener","t1","t2","children","aborted","useAlertDialogAPI","createDialogOwner","owner","attach","api","lifetime","AbortController","isUnmounted","abort"],"sources":["../../../../src/components/overlays/AlertDialog/AlertDialogApiProvider.tsx"],"sourcesContent":["import {\n createContext,\n useContext,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport invariant from 'tiny-invariant';\n\nimport { AlertDialogZone } from './AlertDialogZone';\nimport { AlertDialogResolveStatus, Dialog, DialogProps } from './types';\n\n/*\n The provider's own `open`. A dialog closes, as a cancel, when any of its\n * signals aborts: the caller's `cancelToken`, and the one that ends with the\n * component that opened it.\n /\ninterface AlertDialogOpener {\n open: (\n dialogProps: DialogProps,\n signals: AbortSignal[],\n ) => Promise<AlertDialogResolveStatus>;\n}\n\nconst DialogApiContext = createContext<AlertDialogOpener \| null>(null);\n\nexport interface AlertDialogApi {\n /\n Opens the dialog. Resolves with the action the user picked. Rejects with\n * `undefined` when the dialog closes without one (Cancel, dismissal, an\n * aborted `cancelToken` or the unmount of the component that opened it),\n * and with an `Error` when it cannot open. A cancel is not reported as an\n * unhandled rejection when the promise is ignored.\n /\n open: (\n dialogProps: DialogProps,\n params?: AlertDialogApiParams,\n ) => Promise<AlertDialogResolveStatus>;\n}\n\nexport interface AlertDialogApiParams {\n /\n Closes the dialog when aborted, which settles it as a cancel. A confirm or\n * secondary action that is running finishes first.\n /\n cancelToken?: AbortSignal;\n}\n\nfunction isThenable(value: unknown): value is PromiseLike<unknown> {\n return !!value && typeof (value as PromiseLike<unknown>).then === 'function';\n}\n\n/* Runs an action handler, turning a throw into a rejected promise. /\nfunction runHandler(handler: (() => unknown) \| undefined): unknown {\n if (!handler) return undefined;\n\n try {\n return handler();\n } catch (error) {\n return Promise.reject(error);\n }\n}\n\n/\n Runs the button's `onPress` and the dialog's callback for the same action.\n * Returns a promise when either does, so the dialog waits for both.\n /\nfunction runActionHandlers(handlers: ((() => unknown) \| undefined)[]) {\n const pending = handlers.map(runHandler).filter(isThenable);\n\n return pending.length ? Promise.all(pending) : undefined;\n}\n\n/* A cancel rejection nobody listens to is not an error worth reporting. /\nfunction ignoreUnhandled<T>(promise: Promise<T>) {\n promise.catch(() => {});\n\n return promise;\n}\n\n/* Reports a failed action handler without throwing into the press. /\nfunction reportActionError(error: unknown) {\n if (typeof globalThis.reportError === 'function') {\n globalThis.reportError(error);\n } else {\n setTimeout(() => {\n throw error;\n });\n }\n}\n\n/\n The dialog whose action handler is still running, and which action.\n * @internal\n /\nexport interface PendingAction {\n id: number;\n status: AlertDialogResolveStatus;\n}\n\n/\n @internal Do not use it in your code!\n /\nexport function AlertDialogApiProvider(props) {\n const [openedDialog, setOpenedDialog] = useState<Dialog \| null>(null);\n const [pendingAction, setPendingAction] = useState<PendingAction \| null>(\n null,\n );\n const id = useRef(0);\n\n // A context value that never changes: each `useAlertDialogAPI` caller\n // keeps the one it first saw.\n const opener = useMemo<AlertDialogOpener>(\n () => ({\n open: (dialogProps, signals) => {\n const { onDismiss, onConfirm, onSecondary, onCancel, ...restProps } =\n dialogProps;\n\n // An aborted signal is a cancel: it settles before anything opens.\n if (signals.some((signal) => signal.aborted)) {\n onCancel?.();\n\n return ignoreUnhandled(Promise.reject(undefined));\n }\n\n const currentId = ++id.current;\n const currentDialog = {\n props: null,\n meta: { id: currentId, isClosed: false, isVisible: true },\n } as unknown as Dialog;\n // Set while an action handler's promise runs: the dialog stays open.\n let pending: AlertDialogResolveStatus \| null = null;\n\n const setPending = (status: AlertDialogResolveStatus \| null) => {\n pending = status;\n setPendingAction((current) =>\n status\n ? { id: currentId, status }\n : current?.id === currentId\n ? null\n : current,\n );\n };\n\n // Set by an abort that came while an action ran.\n let isAbortedWhilePending = false;\n\n // Aborting is a cancel, so it settles the promise the way Cancel does.\n // A running action finishes first, as it does on Escape: cut short, a\n // delete that went through would be reported as cancelled.\n const onAbort = () => {\n if (pending) {\n isAbortedWhilePending = true;\n\n return;\n }\n\n currentDialog.meta.reject(undefined);\n };\n\n const close = () => {\n if (currentDialog.meta.isClosed) return false;\n\n currentDialog.meta.isClosed = true;\n\n for (const signal of signals) {\n signal.removeEventListener('abort', onAbort);\n }\n\n setOpenedDialog((currentState) =>\n currentState?.meta.id !== currentId\n ? currentState\n : {\n props: currentState.props,\n meta: { ...currentState.meta, isVisible: false },\n },\n );\n\n setTimeout(\n () =>\n setOpenedDialog((currentState) =>\n currentState?.meta.id !== currentId ? currentState : null,\n ),\n 300,\n );\n\n return true;\n };\n\n let resolvePromise!: (status: AlertDialogResolveStatus) => void;\n let rejectPromise!: (reason: unknown) => void;\n\n currentDialog.meta.promise = new Promise((resolve, reject) => {\n resolvePromise = resolve;\n rejectPromise = reject;\n });\n\n currentDialog.meta.resolve = (status) => {\n if (close()) resolvePromise(status);\n };\n\n // A rejection without a reason is a cancel: the Cancel button, a\n // dismissal, an aborted signal or `content` calling `reject()`.\n // Anything else is a failure.\n currentDialog.meta.reject = (reason) => {\n if (!close()) return;\n\n if (reason !== undefined) {\n rejectPromise(reason);\n\n return;\n }\n\n ignoreUnhandled(currentDialog.meta.promise);\n rejectPromise(undefined);\n onCancel?.();\n };\n\n // The confirm and secondary buttons: run the handlers, and settle\n // once they have finished. A handler that throws or rejects keeps the\n // dialog open for another try, unless it was aborted meanwhile.\n currentDialog.meta.act = (status, onPress) => {\n const result = runActionHandlers([\n onPress,\n status === 'confirm' ? onConfirm : onSecondary,\n ]);\n\n if (!isThenable(result)) {\n currentDialog.meta.resolve(status);\n\n return;\n }\n\n setPending(status);\n\n result.then(\n () => {\n setPending(null);\n\n if (currentDialog.meta.isClosed) return;\n\n currentDialog.meta.resolve(status);\n // The press's own dismissal was held back while it ran.\n onDismiss?.(status);\n },\n (error) => {\n setPending(null);\n reportActionError(error);\n\n if (isAbortedWhilePending) currentDialog.meta.reject(undefined);\n },\n );\n };\n\n for (const signal of signals) {\n signal.addEventListener('abort', onAbort, { once: true });\n }\n\n currentDialog.props = {\n ...restProps,\n // Called with the action's name by the action buttons, and without\n // one by Escape and a click outside.\n onDismiss: (action) => {\n if (pending) return;\n\n onDismiss?.(action);\n currentDialog.meta.reject(undefined);\n },\n };\n\n setOpenedDialog((openedDialog) => {\n // Another dialog is open, so this one can't be. One that is only\n // animating out gives way: its cleanup checks the id, so it leaves\n // the new dialog alone.\n if (openedDialog !== null && !openedDialog.meta.isClosed) {\n currentDialog.meta.reject(\n new Error(\n \"Another dialog is already opened. It's a bad practice to open more than one <AlertDialog /> at the same time\",\n ),\n );\n\n return openedDialog;\n }\n\n return currentDialog;\n });\n\n return currentDialog.meta.promise;\n },\n }),\n [],\n );\n\n return (\n <DialogApiContext.Provider value={opener}>\n <AlertDialogZone\n openedDialog={openedDialog}\n pendingAction={pendingAction}\n />\n {props.children}\n </DialogApiContext.Provider>\n );\n}\n\n/\n Hook gives the ability to open `<AlertDialog />` imperatively.\n \n Pass the action as `onConfirm`. If it returns a promise, the dialog waits\n * for it with the button loading, and stays open if it fails.\n \n The returned promise resolves with the action the user picked and rejects\n * with `undefined` on a cancel. A caller that runs everything in the callbacks\n * can ignore it: an ignored cancel is not reported as an unhandled rejection.\n \n A dialog belongs to the component that calls this hook: when that component\n * unmounts, its dialog closes as a cancel, so no callback runs against a\n * component that is gone. Call the hook in a component that stays mounted\n * while the dialog is open, such as the one that renders a menu, not in the\n * menu item that closes it. A confirm or secondary action that is running\n * finishes first.\n \n *Important* only one alert dialog can be open at a time: `open` rejects\n * with an `Error` while another one is open. A dialog that is already closing\n * gives way.\n \n @example running the action from the dialog.\n * const { open } = useAlertDialogAPI();\n \n const onPress = () => {\n * open({\n * title: 'Delete the item?',\n * danger: true,\n * actions: { confirm: { children: 'Delete' }, cancel: true },\n * onConfirm: () => deleteItem(),\n * });\n * };\n \n return <Button onPress={onPress}>Delete</Button>\n \n @example closing the dialog from code with a cancel token.\n * const { open } = useAlertDialogAPI();\n * const controllerRef = useRef<AbortController \| null>(null);\n \n const onPress = () => {\n * // A signal stays aborted, so every dialog needs a fresh controller.\n * controllerRef.current = new AbortController();\n \n open(\n * { title: 'Waiting for approval', actions: { confirm: { children: 'Hide' } } },\n * { cancelToken: controllerRef.current.signal },\n * );\n * };\n \n // Later, e.g. when the approval arrives:\n * controllerRef.current?.abort();\n /\nexport function useAlertDialogAPI(): AlertDialogApi {\n const opener = useContext(DialogApiContext);\n\n invariant(\n opener !== null,\n \"You can't use DialogApi outside of <Root /> component. Please, check if your component is descendant of <Root/> component\",\n );\n\n const [owner] = useState(() => createDialogOwner(opener));\n\n // A layout effect, so it is in place before any passive effect calls `open`.\n useLayoutEffect(() => owner.attach(), [owner]);\n\n return owner.api;\n}\n\n/\n One `useAlertDialogAPI` caller's `open`, whose dialogs close when the\n * caller unmounts. Its identity is the caller's for good: callers put `open`\n * in effect dependencies.\n /\nfunction createDialogOwner(opener: AlertDialogOpener) {\n // Aborted on unmount. Made on first use, so a StrictMode remount, which\n // runs the cleanup once, gets a fresh one.\n let lifetime: AbortController \| null = null;\n let isUnmounted = false;\n\n const api: AlertDialogApi = {\n open: (dialogProps, params = {}) => {\n let owner: AbortSignal;\n\n if (isUnmounted) {\n // A late call, after an `await`, from a caller that is gone.\n owner = AbortSignal.abort();\n } else {\n lifetime ??= new AbortController();\n owner = lifetime.signal;\n }\n\n const { cancelToken } = params;\n\n return opener.open(\n dialogProps,\n cancelToken ? [owner, cancelToken] : [owner],\n );\n },\n };\n\n /* The effect setup. Its cleanup closes the dialogs the caller opened. */\n const attach = () => {\n isUnmounted = false;\n\n return () => {\n isUnmounted = true;\n lifetime?.abort();\n lifetime = null;\n };\n };\n\n return { api, attach };\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"AlertDialogApiProvider.js","names":["createContext","useContext","useLayoutEffect","useMemo","useRef","useState","invariant","EXIT_DURATION","AlertDialogZone","AlertDialogResolveStatus","Dialog","DialogProps","AlertDialogOpener","open","dialogProps","signals","AbortSignal","Promise","DialogApiContext","AlertDialogApi","params","AlertDialogApiParams","cancelToken","isThenable","value","PromiseLike","then","runHandler","handler","undefined","error","reject","runActionHandlers","handlers","pending","map","filter","length","all","ignoreUnhandled","promise","T","catch","reportActionError","globalThis","reportError","setTimeout","PendingAction","id","status","AlertDialogApiProvider","props","$","_c","openedDialog","setOpenedDialog","pendingAction","setPendingAction","t0","Symbol","for","onDismiss","onConfirm","onSecondary","onCancel","restProps","some","_temp","currentId","current","currentDialog","meta","isClosed","isVisible","setPending","isAbortedWhilePending","onAbort","close","signal_0","signal","removeEventListener","currentState","currentState_0","resolvePromise","rejectPromise","resolve","status_0","reason","act","status_1","onPress","result","signal_1","addEventListener","once","action","openedDialog_0","Error","opener","t1","t2","children","aborted","useAlertDialogAPI","createDialogOwner","owner","attach","api","lifetime","AbortController","isUnmounted","abort"],"sources":["../../../../src/components/overlays/AlertDialog/AlertDialogApiProvider.tsx"],"sourcesContent":["import {\n createContext,\n useContext,\n useLayoutEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport invariant from 'tiny-invariant';\n\nimport { EXIT_DURATION } from '../Modal/Overlay';\n\nimport { AlertDialogZone } from './AlertDialogZone';\nimport { AlertDialogResolveStatus, Dialog, DialogProps } from './types';\n\n/*\n The provider's own `open`. A dialog closes, as a cancel, when any of its\n * signals aborts: the caller's `cancelToken`, and the one that ends with the\n * component that opened it.\n /\ninterface AlertDialogOpener {\n open: (\n dialogProps: DialogProps,\n signals: AbortSignal[],\n ) => Promise<AlertDialogResolveStatus>;\n}\n\nconst DialogApiContext = createContext<AlertDialogOpener \| null>(null);\n\nexport interface AlertDialogApi {\n /\n Opens the dialog. Resolves with the action the user picked. Rejects with\n * `undefined` when the dialog closes without one (Cancel, dismissal, an\n * aborted `cancelToken` or the unmount of the component that opened it),\n * and with an `Error` when it cannot open. A cancel is not reported as an\n * unhandled rejection when the promise is ignored.\n /\n open: (\n dialogProps: DialogProps,\n params?: AlertDialogApiParams,\n ) => Promise<AlertDialogResolveStatus>;\n}\n\nexport interface AlertDialogApiParams {\n /\n Closes the dialog when aborted, which settles it as a cancel. A confirm or\n * secondary action that is running finishes first.\n /\n cancelToken?: AbortSignal;\n}\n\nfunction isThenable(value: unknown): value is PromiseLike<unknown> {\n return !!value && typeof (value as PromiseLike<unknown>).then === 'function';\n}\n\n/* Runs an action handler, turning a throw into a rejected promise. /\nfunction runHandler(handler: (() => unknown) \| undefined): unknown {\n if (!handler) return undefined;\n\n try {\n return handler();\n } catch (error) {\n return Promise.reject(error);\n }\n}\n\n/\n Runs the button's `onPress` and the dialog's callback for the same action.\n * Returns a promise when either does, so the dialog waits for both.\n /\nfunction runActionHandlers(handlers: ((() => unknown) \| undefined)[]) {\n const pending = handlers.map(runHandler).filter(isThenable);\n\n return pending.length ? Promise.all(pending) : undefined;\n}\n\n/* A cancel rejection nobody listens to is not an error worth reporting. /\nfunction ignoreUnhandled<T>(promise: Promise<T>) {\n promise.catch(() => {});\n\n return promise;\n}\n\n/* Reports a failed action handler without throwing into the press. /\nfunction reportActionError(error: unknown) {\n if (typeof globalThis.reportError === 'function') {\n globalThis.reportError(error);\n } else {\n setTimeout(() => {\n throw error;\n });\n }\n}\n\n/\n The dialog whose action handler is still running, and which action.\n * @internal\n /\nexport interface PendingAction {\n id: number;\n status: AlertDialogResolveStatus;\n}\n\n/\n @internal Do not use it in your code!\n /\nexport function AlertDialogApiProvider(props) {\n const [openedDialog, setOpenedDialog] = useState<Dialog \| null>(null);\n const [pendingAction, setPendingAction] = useState<PendingAction \| null>(\n null,\n );\n const id = useRef(0);\n\n // A context value that never changes: each `useAlertDialogAPI` caller\n // keeps the one it first saw.\n const opener = useMemo<AlertDialogOpener>(\n () => ({\n open: (dialogProps, signals) => {\n const { onDismiss, onConfirm, onSecondary, onCancel, ...restProps } =\n dialogProps;\n\n // An aborted signal is a cancel: it settles before anything opens.\n if (signals.some((signal) => signal.aborted)) {\n onCancel?.();\n\n return ignoreUnhandled(Promise.reject(undefined));\n }\n\n const currentId = ++id.current;\n const currentDialog = {\n props: null,\n meta: { id: currentId, isClosed: false, isVisible: true },\n } as unknown as Dialog;\n // Set while an action handler's promise runs: the dialog stays open.\n let pending: AlertDialogResolveStatus \| null = null;\n\n const setPending = (status: AlertDialogResolveStatus \| null) => {\n pending = status;\n setPendingAction((current) =>\n status\n ? { id: currentId, status }\n : current?.id === currentId\n ? null\n : current,\n );\n };\n\n // Set by an abort that came while an action ran.\n let isAbortedWhilePending = false;\n\n // Aborting is a cancel, so it settles the promise the way Cancel does.\n // A running action finishes first, as it does on Escape: cut short, a\n // delete that went through would be reported as cancelled.\n const onAbort = () => {\n if (pending) {\n isAbortedWhilePending = true;\n\n return;\n }\n\n currentDialog.meta.reject(undefined);\n };\n\n const close = () => {\n if (currentDialog.meta.isClosed) return false;\n\n currentDialog.meta.isClosed = true;\n\n for (const signal of signals) {\n signal.removeEventListener('abort', onAbort);\n }\n\n setOpenedDialog((currentState) =>\n currentState?.meta.id !== currentId\n ? currentState\n : {\n props: currentState.props,\n meta: { ...currentState.meta, isVisible: false },\n },\n );\n\n // Dropped once the overlay has played its exit, not before: removing\n // it sooner unmounts the dialog mid-animation.\n setTimeout(\n () =>\n setOpenedDialog((currentState) =>\n currentState?.meta.id !== currentId ? currentState : null,\n ),\n EXIT_DURATION,\n );\n\n return true;\n };\n\n let resolvePromise!: (status: AlertDialogResolveStatus) => void;\n let rejectPromise!: (reason: unknown) => void;\n\n currentDialog.meta.promise = new Promise((resolve, reject) => {\n resolvePromise = resolve;\n rejectPromise = reject;\n });\n\n currentDialog.meta.resolve = (status) => {\n if (close()) resolvePromise(status);\n };\n\n // A rejection without a reason is a cancel: the Cancel button, a\n // dismissal, an aborted signal or `content` calling `reject()`.\n // Anything else is a failure.\n currentDialog.meta.reject = (reason) => {\n if (!close()) return;\n\n if (reason !== undefined) {\n rejectPromise(reason);\n\n return;\n }\n\n ignoreUnhandled(currentDialog.meta.promise);\n rejectPromise(undefined);\n onCancel?.();\n };\n\n // The confirm and secondary buttons: run the handlers, and settle\n // once they have finished. A handler that throws or rejects keeps the\n // dialog open for another try, unless it was aborted meanwhile.\n currentDialog.meta.act = (status, onPress) => {\n const result = runActionHandlers([\n onPress,\n status === 'confirm' ? onConfirm : onSecondary,\n ]);\n\n if (!isThenable(result)) {\n currentDialog.meta.resolve(status);\n\n return;\n }\n\n setPending(status);\n\n result.then(\n () => {\n setPending(null);\n\n if (currentDialog.meta.isClosed) return;\n\n currentDialog.meta.resolve(status);\n // The press's own dismissal was held back while it ran.\n onDismiss?.(status);\n },\n (error) => {\n setPending(null);\n reportActionError(error);\n\n if (isAbortedWhilePending) currentDialog.meta.reject(undefined);\n },\n );\n };\n\n for (const signal of signals) {\n signal.addEventListener('abort', onAbort, { once: true });\n }\n\n currentDialog.props = {\n ...restProps,\n // Called with the action's name by the action buttons, and without\n // one by Escape and a click outside.\n onDismiss: (action) => {\n if (pending) return;\n\n onDismiss?.(action);\n currentDialog.meta.reject(undefined);\n },\n };\n\n setOpenedDialog((openedDialog) => {\n // Another dialog is open, so this one can't be. One that is only\n // animating out gives way: its cleanup checks the id, so it leaves\n // the new dialog alone.\n if (openedDialog !== null && !openedDialog.meta.isClosed) {\n currentDialog.meta.reject(\n new Error(\n \"Another dialog is already opened. It's a bad practice to open more than one <AlertDialog /> at the same time\",\n ),\n );\n\n return openedDialog;\n }\n\n return currentDialog;\n });\n\n return currentDialog.meta.promise;\n },\n }),\n [],\n );\n\n return (\n <DialogApiContext.Provider value={opener}>\n <AlertDialogZone\n openedDialog={openedDialog}\n pendingAction={pendingAction}\n />\n {props.children}\n </DialogApiContext.Provider>\n );\n}\n\n/\n Hook gives the ability to open `<AlertDialog />` imperatively.\n \n Pass the action as `onConfirm`. If it returns a promise, the dialog waits\n * for it with the button loading, and stays open if it fails.\n \n The returned promise resolves with the action the user picked and rejects\n * with `undefined` on a cancel. A caller that runs everything in the callbacks\n * can ignore it: an ignored cancel is not reported as an unhandled rejection.\n \n A dialog belongs to the component that calls this hook: when that component\n * unmounts, its dialog closes as a cancel, so no callback runs against a\n * component that is gone. Call the hook in a component that stays mounted\n * while the dialog is open, such as the one that renders a menu, not in the\n * menu item that closes it. A confirm or secondary action that is running\n * finishes first.\n \n *Important* only one alert dialog can be open at a time: `open` rejects\n * with an `Error` while another one is open. A dialog that is already closing\n * gives way.\n \n @example running the action from the dialog.\n * const { open } = useAlertDialogAPI();\n \n const onPress = () => {\n * open({\n * title: 'Delete the item?',\n * danger: true,\n * actions: { confirm: { children: 'Delete' }, cancel: true },\n * onConfirm: () => deleteItem(),\n * });\n * };\n \n return <Button onPress={onPress}>Delete</Button>\n \n @example closing the dialog from code with a cancel token.\n * const { open } = useAlertDialogAPI();\n * const controllerRef = useRef<AbortController \| null>(null);\n \n const onPress = () => {\n * // A signal stays aborted, so every dialog needs a fresh controller.\n * controllerRef.current = new AbortController();\n \n open(\n * { title: 'Waiting for approval', actions: { confirm: { children: 'Hide' } } },\n * { cancelToken: controllerRef.current.signal },\n * );\n * };\n \n // Later, e.g. when the approval arrives:\n * controllerRef.current?.abort();\n /\nexport function useAlertDialogAPI(): AlertDialogApi {\n const opener = useContext(DialogApiContext);\n\n invariant(\n opener !== null,\n \"You can't use DialogApi outside of <Root /> component. Please, check if your component is descendant of <Root/> component\",\n );\n\n const [owner] = useState(() => createDialogOwner(opener));\n\n // A layout effect, so it is in place before any passive effect calls `open`.\n useLayoutEffect(() => owner.attach(), [owner]);\n\n return owner.api;\n}\n\n/\n One `useAlertDialogAPI` caller's `open`, whose dialogs close when the\n * caller unmounts. Its identity is the caller's for good: callers put `open`\n * in effect dependencies.\n /\nfunction createDialogOwner(opener: AlertDialogOpener) {\n // Aborted on unmount. Made on first use, so a StrictMode remount, which\n // runs the cleanup once, gets a fresh one.\n let lifetime: AbortController \| null = null;\n let isUnmounted = false;\n\n const api: AlertDialogApi = {\n open: (dialogProps, params = {}) => {\n let owner: AbortSignal;\n\n if (isUnmounted) {\n // A late call, after an `await`, from a caller that is gone.\n owner = AbortSignal.abort();\n } else {\n lifetime ??= new AbortController();\n owner = lifetime.signal;\n }\n\n const { cancelToken } = params;\n\n return opener.open(\n dialogProps,\n cancelToken ? [owner, cancelToken] : [owner],\n );\n },\n };\n\n /* The effect setup. Its cleanup closes the dialogs the caller opened. */\n const attach = () => {\n isUnmounted = false;\n\n return () => {\n isUnmounted = true;\n lifetime?.abort();\n lifetime = null;\n };\n };\n\n return { api, attach };\n}\n"],"mappings":";;;;;;;;;AA2BA,MAAMkB,mBAAmBlB,cAAwC,KAAK;AAwBtE,SAASuB,WAAWC,OAA+C;AACjE,QAAO,CAAC,CAACA,SAAS,OAAQA,MAA+BE,SAAS;;;AAIpE,SAASC,WAAWC,SAA+C;AACjE,KAAI,CAACA,QAAS,QAAOC;AAErB,KAAI;AACF,SAAOD,SAAS;UACTE,OAAO;AACd,SAAOb,QAAQc,OAAOD,MAAM;;;;;;;AAQhC,SAASE,kBAAkBC,UAA2C;CACpE,MAAMC,UAAUD,SAASE,IAAIR,WAAW,CAACS,OAAOb,WAAW;AAE3D,QAAOW,QAAQG,SAASpB,QAAQqB,IAAIJ,QAAQ,GAAGL;;;AAIjD,SAASU,gBAAmBC,SAAqB;AAC/CA,SAAQE,YAAY,GAAG;AAEvB,QAAOF;;;AAIT,SAASG,kBAAkBb,OAAgB;AACzC,KAAI,OAAOc,WAAWC,gBAAgB,WACpCD,YAAWC,YAAYf,MAAM;KAE7BgB,kBAAiB;AACf,QAAMhB;GACN;;;;;AAgBN,SAAOoB,uBAAAC,OAAA;CAAA,MAAAC,IAAAC,EAAA,EAAA;CACL,MAAA,CAAAC,cAAAC,mBAAwClD,SAAwB,KAAK;CACrE,MAAA,CAAAmD,eAAAC,oBAA0CpD,SACxC,KACD;CACD,MAAA2C,KAAW5C,OAAO,EAAE;CAAC,IAAAsD;AAAA,KAAAN,EAAA,OAAAO,OAAAC,IAAA,4BAAA,EAAA;AAKZF,OAAA,EAAA7C,OACCC,aAAAC,YAAA;GACJ,MAAA,EAAA8C,WAAAC,WAAAC,aAAAC,UAAA,GAAAC,cACEnD;AAGF,OAAIC,QAAOmD,KAAMC,MAA2B,EAAA;AAC1CH,gBAAY;AAAA,WAELzB,gBAAgBtB,QAAOc,OAAQF,OAAU,CAAC;;GAGnD,MAAAuC,YAAoBpB,GAAEqB,UAAFrB,GAAEqB,UAAQ;GAC9B,MAAAC,gBAAsB;IAAAnB,OACb;IAAIoB,MACL;KAAAvB,IAAMoB;KAASI,UAAY;KAAKC,WAAa;KAAK;IACzD;GAED,IAAAvC,UAA+C;GAE/C,MAAAwC,cAAmBzB,WAAA;AACjBf,cAAUe;AACVQ,sBAAiBY,YACfpB,SAAA;KAAAD,IACUoB;KAASnB;KAGN,GAFToB,SAAOrB,OAASoB,YAAhB,OAAAC,QAGL;;GAIH,IAAAM,wBAA4B;GAK5B,MAAAC,gBAAgB;AACd,QAAI1C,SAAO;AACTyC,6BAAwBA;AAAH;;AAKvBL,kBAAaC,KAAKxC,OAAQF,OAAU;;GAGtC,MAAAgD,cAAc;AACZ,QAAIP,cAAaC,KAAKC,SAAS,QAAS;AAExCF,kBAAaC,KAAKC,WAAY;AAE9B,SAAK,MAAAM,YAAgB/D,QACnBgE,UAAMC,oBAAqB,SAASJ,QAAQ;AAG9CrB,qBAAgB0B,iBACdA,cAAYV,KAASvB,OAAKoB,YAA1Ba,eAAA;KAAA9B,OAGa8B,aAAY9B;KAAMoB,MACnB;MAAA,GAAKU,aAAYV;MAAKE,WAAa;MAAM;KAEvD,CAAC;AAID3B,qBAEIS,iBAAgB2B,mBACdD,gBAAYV,KAASvB,OAAKoB,YAA1Bc,iBAAA,KACD,EACH3E,cACD;AAAA,WAEM;;GAGL4E,IAAAA;GACAC,IAAAA;AAEJd,iBAAaC,KAAK/B,UAAW,IAAIvB,SAAQoE,SAAAtD,WAAA;AACvCoD,qBAAiBE;AACjBD,oBAAgBrD;KAFQ;AAK1BuC,iBAAaC,KAAKc,WAAWC,aAAA;AAC3B,QAAIT,OAAO,CAAEM,gBAAelC,SAAO;;AAMrCqB,iBAAaC,KAAKxC,UAAUwD,WAAA;AAC1B,QAAI,CAACV,OAAO,CAAA;AAEZ,QAAIU,WAAW1D,QAAS;AACtBuD,mBAAcG,OAAO;AAAA;;AAKvBhD,oBAAgB+B,cAAaC,KAAK/B,QAAS;AAC3C4C,kBAAcvD,OAAU;AACxBmC,gBAAY;;AAMdM,iBAAaC,KAAKiB,OAAOC,UAAAC,YAAA;IACvB,MAAAC,SAAe3D,kBAAkB,CAC/B0D,SACAzC,aAAW,YAAXa,YAAAC,YACD,CAAC;AAEF,QAAI,CAACxC,WAAWoE,OAAO,EAAA;AACrBrB,mBAAaC,KAAKc,QAASpC,SAAO;AAAA;;AAKpCyB,eAAWzB,SAAO;AAElB0C,WAAMjE,WACJ;AACEgD,gBAAW,KAAK;AAEhB,SAAIJ,cAAaC,KAAKC,SAAS;AAE/BF,mBAAaC,KAAKc,QAASpC,SAAO;AAElCY,iBAAYZ,SAAO;QAErBnB,UAAA;AACE4C,gBAAW,KAAK;AAChB/B,uBAAkBb,MAAM;AAExB,SAAI6C,sBAAuBL,eAAaC,KAAKxC,OAAQF,OAAU;MAElE;;AAGH,QAAK,MAAA+D,YAAgB7E,QACnBgE,UAAMc,iBAAkB,SAASjB,SAAS,EAAAkB,MAAQ,MAAM,CAAC;AAG3DxB,iBAAanB,QAAS;IAAA,GACjBc;IAASJ,YAGDkC,WAAA;AACT,SAAI7D,QAAO;AAEX2B,iBAAYkC,OAAO;AACnBzB,mBAAaC,KAAKxC,OAAQF,OAAU;;IARrB;AAYnB0B,oBAAgByC,mBAAA;AAId,QAAI1C,mBAAiB,QAAjB,CAA0BA,eAAYiB,KAAKC,UAAS;AACtDF,mBAAaC,KAAKxC,uBAChB,IAAIkE,MACF,+GAEJ,CAAC;AAAA,YAEM3C;;AACR,WAEMgB;KACP;AAAA,UAEKA,cAAaC,KAAK/B;KAE5B;AAAAY,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAnLH,MAAA8C,SACSxC;CAoLP,IAAAyC;AAAA,KAAA/C,EAAA,OAAAE,gBAAAF,EAAA,OAAAI,eAAA;AAIE2C,OAAA,oBAAC;GACe7C;GACCE;IACf;AAAAJ,IAAA,KAAAE;AAAAF,IAAA,KAAAI;AAAAJ,IAAA,KAAA+C;OAAAA,MAAA/C,EAAA;CAAA,IAAAgD;AAAA,KAAAhD,EAAA,OAAAD,MAAAkD,YAAAjD,EAAA,OAAA+C,IAAA;AAJJC,OAAA,qBAAA,iBAAA;GAAkCF,OAAAA;cAChCC,IAIChD,MAAKkD;IACoB;AAAAjD,IAAA,KAAAD,MAAAkD;AAAAjD,IAAA,KAAA+C;AAAA/C,IAAA,KAAAgD;OAAAA,MAAAhD,EAAA;AAAA,QAN5BgD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAjMG,SAAAjC,MAAAY,QAAA;AAAA,QAgB8BA,OAAMuB;;AA+O3C,SAAOC,oBAAA;CAAA,MAAAnD,IAAAC,EAAA,EAAA;CACL,MAAA6C,SAAejG,WAAWiB,iBAAiB;AAE3CZ,WACE4F,WAAW,MACX,4HACD;CAAA,IAAAxC;AAAA,KAAAN,EAAA,OAAA8C,QAAA;AAEwBxC,aAAM8C,kBAAkBN,OAAO;AAAA9C,IAAA,KAAA8C;AAAA9C,IAAA,KAAAM;OAAAA,MAAAN,EAAA;CAAxD,MAAA,CAAAqD,SAAgBpG,SAASqD,GAAgC;CAAC,IAAAyC;CAAA,IAAAC;AAAA,KAAAhD,EAAA,OAAAqD,OAAA;AAG1CN,aAAMM,MAAKC,QAAS;AAAEN,OAAA,CAACK,MAAM;AAAArD,IAAA,KAAAqD;AAAArD,IAAA,KAAA+C;AAAA/C,IAAA,KAAAgD;QAAA;AAAAD,OAAA/C,EAAA;AAAAgD,OAAAhD,EAAA;;AAA7ClD,iBAAgBiG,IAAsBC,GAAQ;AAAA,QAEvCK,MAAKE;;;;;;;AAQd,SAASH,kBAAkBN,QAA2B;CAGpD,IAAIU,WAAmC;CACvC,IAAIE,cAAc;CAElB,MAAMH,MAAsB,EAC1B9F,OAAOC,aAAaM,SAAS,EAAE,KAAK;EAClC,IAAIqF;AAEJ,MAAIK,YAEFL,SAAQzF,YAAY+F,OAAO;OACtB;AACLH,gBAAa,IAAIC,iBAAiB;AAClCJ,WAAQG,SAAS7B;;EAGnB,MAAM,EAAEzD,gBAAgBF;AAExB,SAAO8E,OAAOrF,KACZC,aACAQ,cAAc,CAACmF,OAAOnF,YAAY,GAAG,CAACmF,MACxC,CAAC;IAEJ;;CAGD,MAAMC,eAAe;AACnBI,gBAAc;AAEd,eAAa;AACXA,iBAAc;AACdF,aAAUG,OAAO;AACjBH,cAAW;;;AAIf,QAAO;EAAED;EAAKD;EAAQ"}

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

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