alif-ui 2.0.0-alpha.20 → 2.0.0-alpha.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/alif-ui.css +1 -1
- package/dist/components/Drawer/Drawer.js +17 -17
- package/dist/components/Modal/Modal.js +14 -14
- package/dist/components/NativeDialog/NativeDialog.js +41 -0
- package/dist/components/NativeDialog/NativeDialog.types.js +0 -0
- package/dist/components/NativeDialog/NativeDialog.utils.js +4 -0
- package/dist/components/NativeDialog/useControlledDialog.js +36 -0
- package/dist/components/NativeDialog/useFocusWrap.js +32 -0
- package/dist/components/NativeDrawer/NativeDrawer.js +55 -0
- package/dist/components/NativeDrawer/NativeDrawer.types.js +0 -0
- package/dist/components/NativeDrawer/NativeDrawer.utils.js +18 -0
- package/dist/components/NativeDrawer/NativeDrawerActions/NativeDrawerActions.js +5 -0
- package/dist/components/NativeDrawer/NativeDrawerContent/NativeDrawerContent.js +10 -0
- package/dist/components/NativeDrawer/NativeDrawerHeader/NativeDrawerHeader.js +28 -0
- package/dist/components/NativeModal/NativeModal.js +51 -0
- package/dist/components/NativeModal/NativeModal.types.js +0 -0
- package/dist/components/NativeModal/NativeModal.utils.js +25 -0
- package/dist/components/NativeModal/NativeModalActions/NativeModalActions.js +5 -0
- package/dist/components/NativeModal/NativeModalContent/NativeModalContent.js +10 -0
- package/dist/components/NativeModal/NativeModalHeader/NativeModalHeader.js +27 -0
- package/dist/components/NativePopover/NativePopoverDropdown/NativePopoverDropdown.js +2 -2
- package/dist/hooks/useDelayedUnmount/useDelayedUnmount.js +20 -0
- package/dist/lib/components/NativeDrawer/NativeDrawer.module.js +18 -0
- package/dist/lib/components/NativeModal/NativeModal.module.js +15 -0
- package/dist/main.js +36 -36
- package/dist/src/lib/components/NativeDialog/NativeDialog.d.ts +3 -0
- package/dist/src/lib/components/NativeDialog/NativeDialog.d.ts.map +1 -0
- package/dist/src/lib/components/NativeDialog/NativeDialog.types.d.ts +49 -0
- package/dist/src/lib/components/NativeDialog/NativeDialog.types.d.ts.map +1 -0
- package/dist/src/lib/components/NativeDialog/NativeDialog.utils.d.ts +2 -0
- package/dist/src/lib/components/NativeDialog/NativeDialog.utils.d.ts.map +1 -0
- package/dist/src/lib/components/NativeDialog/index.d.ts +3 -0
- package/dist/src/lib/components/NativeDialog/index.d.ts.map +1 -0
- package/dist/src/lib/components/NativeDialog/useControlledDialog.d.ts +22 -0
- package/dist/src/lib/components/NativeDialog/useControlledDialog.d.ts.map +1 -0
- package/dist/src/lib/components/NativeDialog/useFocusWrap.d.ts +8 -0
- package/dist/src/lib/components/NativeDialog/useFocusWrap.d.ts.map +1 -0
- package/dist/src/lib/components/NativeDrawer/NativeDrawer.d.ts +8 -0
- package/dist/src/lib/components/NativeDrawer/NativeDrawer.d.ts.map +1 -0
- package/dist/src/lib/components/NativeDrawer/NativeDrawer.types.d.ts +95 -0
- package/dist/src/lib/components/NativeDrawer/NativeDrawer.types.d.ts.map +1 -0
- package/dist/src/lib/components/NativeDrawer/NativeDrawer.utils.d.ts +12 -0
- package/dist/src/lib/components/NativeDrawer/NativeDrawer.utils.d.ts.map +1 -0
- package/dist/src/lib/components/NativeDrawer/NativeDrawerActions/NativeDrawerActions.d.ts +3 -0
- package/dist/src/lib/components/NativeDrawer/NativeDrawerActions/NativeDrawerActions.d.ts.map +1 -0
- package/dist/src/lib/components/NativeDrawer/NativeDrawerContent/NativeDrawerContent.d.ts +3 -0
- package/dist/src/lib/components/NativeDrawer/NativeDrawerContent/NativeDrawerContent.d.ts.map +1 -0
- package/dist/src/lib/components/NativeDrawer/NativeDrawerHeader/NativeDrawerHeader.d.ts +13 -0
- package/dist/src/lib/components/NativeDrawer/NativeDrawerHeader/NativeDrawerHeader.d.ts.map +1 -0
- package/dist/src/lib/components/NativeDrawer/index.d.ts +4 -0
- package/dist/src/lib/components/NativeDrawer/index.d.ts.map +1 -0
- package/dist/src/lib/components/NativeModal/NativeModal.d.ts +8 -0
- package/dist/src/lib/components/NativeModal/NativeModal.d.ts.map +1 -0
- package/dist/src/lib/components/NativeModal/NativeModal.types.d.ts +84 -0
- package/dist/src/lib/components/NativeModal/NativeModal.types.d.ts.map +1 -0
- package/dist/src/lib/components/NativeModal/NativeModal.utils.d.ts +14 -0
- package/dist/src/lib/components/NativeModal/NativeModal.utils.d.ts.map +1 -0
- package/dist/src/lib/components/NativeModal/NativeModalActions/NativeModalActions.d.ts +3 -0
- package/dist/src/lib/components/NativeModal/NativeModalActions/NativeModalActions.d.ts.map +1 -0
- package/dist/src/lib/components/NativeModal/NativeModalContent/NativeModalContent.d.ts +3 -0
- package/dist/src/lib/components/NativeModal/NativeModalContent/NativeModalContent.d.ts.map +1 -0
- package/dist/src/lib/components/NativeModal/NativeModalHeader/NativeModalHeader.d.ts +17 -0
- package/dist/src/lib/components/NativeModal/NativeModalHeader/NativeModalHeader.d.ts.map +1 -0
- package/dist/src/lib/components/NativeModal/index.d.ts +4 -0
- package/dist/src/lib/components/NativeModal/index.d.ts.map +1 -0
- package/dist/src/lib/components/index.d.ts +2 -2
- package/dist/src/lib/components/index.d.ts.map +1 -1
- package/dist/src/lib/hooks/useDelayedUnmount/useDelayedUnmount.d.ts +17 -0
- package/dist/src/lib/hooks/useDelayedUnmount/useDelayedUnmount.d.ts.map +1 -0
- package/package.json +1 -1
- package/dist/components/NativePopover/NativePopoverDropdown/useMountedContent.js +0 -24
- package/dist/src/lib/components/NativePopover/NativePopoverDropdown/useMountedContent.d.ts +0 -9
- package/dist/src/lib/components/NativePopover/NativePopoverDropdown/useMountedContent.d.ts.map +0 -1
package/dist/main.js
CHANGED
|
@@ -301,41 +301,41 @@ import { useMediaQuery as Ai } from "./hooks/useMediaQuery/useMediaQuery.js";
|
|
|
301
301
|
import { useInfiniteScroll as ji } from "./hooks/useInfiniteScroll/useInfiniteScroll.js";
|
|
302
302
|
import { PopoverWithFallback as Mi } from "./components/NativePopover/PopoverWithFallback.js";
|
|
303
303
|
import { Menu as Ni } from "./components/Menu/Menu.js";
|
|
304
|
-
import {
|
|
305
|
-
import {
|
|
306
|
-
import {
|
|
307
|
-
import {
|
|
308
|
-
import {
|
|
309
|
-
import {
|
|
310
|
-
import {
|
|
311
|
-
import {
|
|
312
|
-
import {
|
|
313
|
-
import {
|
|
314
|
-
import {
|
|
315
|
-
import {
|
|
316
|
-
import {
|
|
317
|
-
import {
|
|
318
|
-
import {
|
|
319
|
-
import {
|
|
320
|
-
import {
|
|
321
|
-
import {
|
|
322
|
-
import {
|
|
323
|
-
import {
|
|
324
|
-
import {
|
|
325
|
-
import {
|
|
326
|
-
import {
|
|
327
|
-
import {
|
|
328
|
-
import {
|
|
329
|
-
import {
|
|
330
|
-
import {
|
|
331
|
-
import {
|
|
332
|
-
import {
|
|
333
|
-
import {
|
|
334
|
-
import {
|
|
335
|
-
import {
|
|
336
|
-
import {
|
|
337
|
-
import {
|
|
338
|
-
import {
|
|
304
|
+
import { NativeModal as Pi } from "./components/NativeModal/NativeModal.js";
|
|
305
|
+
import { NativeDrawer as Fi } from "./components/NativeDrawer/NativeDrawer.js";
|
|
306
|
+
import { Typography as Ii } from "./components/Typography/Typography.js";
|
|
307
|
+
import { Hinter as Li } from "./components/Hinter/Hinter.js";
|
|
308
|
+
import { Field as Ri } from "./components/Field/Field.js";
|
|
309
|
+
import { Input as zi } from "./components/Input/Input.js";
|
|
310
|
+
import { Search as Bi } from "./components/Search/Search.js";
|
|
311
|
+
import { Indicator as Vi } from "./components/Indicator/Indicator.js";
|
|
312
|
+
import { ListItem as Hi } from "./components/List/ListItem/ListItem.js";
|
|
313
|
+
import { ListGroup as Ui } from "./components/List/ListGroup/ListGroup.js";
|
|
314
|
+
import { Skeleton as Wi } from "./components/Skeleton/Skeleton.js";
|
|
315
|
+
import { List as Gi } from "./components/List/List.js";
|
|
316
|
+
import { Select as Ki } from "./components/Select/Select.js";
|
|
317
|
+
import { SelectMultiple as qi } from "./components/Select/SelectMultiple/SelectMultiple.js";
|
|
318
|
+
import { Tooltip as Ji } from "./components/Tooltip/Tooltip.js";
|
|
319
|
+
import { Pagination as Yi } from "./components/Pagination/Pagination.js";
|
|
320
|
+
import { InputOtp as Xi } from "./components/InputOtp/InputOtp.js";
|
|
321
|
+
import { SelectorInput as Zi } from "./components/SelectorInput/SelectorInput.js";
|
|
322
|
+
import { YearPicker as Qi } from "./components/Dates/InputYearPicker/YearPicker/YearPicker.js";
|
|
323
|
+
import { InputYearPicker as $i } from "./components/Dates/InputYearPicker/InputYearPicker.js";
|
|
324
|
+
import { MonthPicker as ea } from "./components/Dates/InputMonthPicker/MonthPicker/MonthPicker.js";
|
|
325
|
+
import { InputMonthPicker as ta } from "./components/Dates/InputMonthPicker/InputMonthPicker.js";
|
|
326
|
+
import { MonthYearPicker as na } from "./components/Dates/InputMonthYearPicker/MonthYearPicker/MonthYearPicker.js";
|
|
327
|
+
import { InputMonthYearPicker as ra } from "./components/Dates/InputMonthYearPicker/InputMonthYearPicker.js";
|
|
328
|
+
import { TimePicker as ia } from "./components/Dates/InputTimePicker/TimePicker/TimePicker.js";
|
|
329
|
+
import { InputTimePicker as aa } from "./components/Dates/InputTimePicker/InputTimePicker.js";
|
|
330
|
+
import { DatePicker as oa } from "./components/Dates/InputDatePicker/DatePicker/DatePicker.js";
|
|
331
|
+
import { InputDatePicker as sa } from "./components/Dates/InputDatePicker/InputDatePicker.js";
|
|
332
|
+
import { Switch as ca } from "./components/Switch/Switch.js";
|
|
333
|
+
import { RadioGroup as la } from "./components/Radio/RadioGroup/RadioGroup.js";
|
|
334
|
+
import { Radio as ua } from "./components/Radio/Radio.js";
|
|
335
|
+
import { Textarea as da } from "./components/Textarea/Textarea.js";
|
|
336
|
+
import { Sidebar as fa } from "./components/Sidebar/Sidebar.js";
|
|
337
|
+
import { Alert as pa } from "./components/Alert/Alert.js";
|
|
338
|
+
import { Tab as ma } from "./components/Tab/Tab.js";
|
|
339
339
|
import { SegmentedControl as ha } from "./components/SegmentedControl/SegmentedControl.js";
|
|
340
340
|
import { Table as ga } from "./components/Table/Table.js";
|
|
341
341
|
import { Tabs as _a } from "./components/Tabs/Tabs.js";
|
|
@@ -352,4 +352,4 @@ import { FileView as Da } from "./components/FileView/FileView.js";
|
|
|
352
352
|
import { Rating as Oa } from "./components/Rating/Rating.js";
|
|
353
353
|
import { ProgressBar as ka } from "./components/ProgressBar/ProgressBar.js";
|
|
354
354
|
/* empty css */
|
|
355
|
-
export { fi as Accordion, Zr as AeFlag,
|
|
355
|
+
export { fi as Accordion, Zr as AeFlag, pa as Alert, Gr as AlifBusinessLogo, Kr as AlifIcon, qr as AlifLogo, _i as AlifProvider, xa as AppLayout, pi as Avatar, gi as Backdrop, Si as Badge, ai as BlFlag, Ci as Breadcrumbs, Ti as Button, Di as Checkbox, ii as CnFlag, Ei as Collapse, oa as DatePicker, Oi as Divider, Fi as Drawer, $r as EuFlag, Ri as Field, Ea as FileUploader, Da as FileView, ei as GbFlag, ui as GeFlag, ci as GrFlag, Li as Hinter, Vi as Indicator, zi as Input, sa as InputDatePicker, ta as InputMonthPicker, ra as InputMonthYearPicker, Xi as InputOtp, aa as InputTimePicker, $i as InputYearPicker, si as JpFlag, oi as KgFlag, ni as KkFlag, ti as KzFlag, Gi as List, Ui as ListGroup, Hi as ListItem, wi as Loader, Ni as Menu, Pi as Modal, ea as MonthPicker, na as MonthYearPicker, Sa as Navbar, Ot as OutlineFinanceAccounts, at as OutlineFinanceAnalytics, ot as OutlineFinanceBank, Dt as OutlineFinanceBill, It as OutlineFinanceCardAdd, st as OutlineFinanceCardSalom, xt as OutlineFinanceCardVisa, Lt as OutlineFinanceCardWebCheckout, ct as OutlineFinanceCash, Et as OutlineFinanceCashDollar, kt as OutlineFinanceCoins, lt as OutlineFinanceCreditCard, ut as OutlineFinanceCurrencyDollar, dt as OutlineFinanceCurrencyLira, ft as OutlineFinanceCurrencyRuble, pt as OutlineFinanceDeposit, Mt as OutlineFinanceDollarCoin, Nt as OutlineFinanceEuroCoin, zt as OutlineFinanceLimits, mt as OutlineFinanceMoney, ht as OutlineFinanceOnline, gt as OutlineFinancePercent, Bt as OutlineFinancePhoneCard, At as OutlineFinancePosTerminal, jt as OutlineFinanceRubleCoin, _t as OutlineFinanceSendCard, vt as OutlineFinanceSendDoc, Ft as OutlineFinanceSomoniTjsCoin, Rt as OutlineFinanceStock, yt as OutlineFinanceTerminal, bt as OutlineFinanceTransfer, St as OutlineFinanceWallet, Ct as OutlineFinanceWalletPlus, wt as OutlineFinanceWalletTransfer, Pt as OutlineFinanceYenYuanCoin, Tt as OutlineFinanceZip, g as OutlineNavigationArrowBack, e as OutlineNavigationArrowDown, h as OutlineNavigationArrowReturn, t as OutlineNavigationArrowUp, n as OutlineNavigationChevronDown, r as OutlineNavigationChevronLeft, i as OutlineNavigationChevronRight, a as OutlineNavigationChevronUp, o as OutlineNavigationDoubleLeft, s as OutlineNavigationDoubleRight, c as OutlineNavigationLeftArrow, l as OutlineNavigationLeftDown, u as OutlineNavigationRightArrow, d as OutlineNavigationRightTop, p as OutlineNavigationTrendingDown, f as OutlineNavigationTrendingUp, m as OutlineNavigationZoomOut, Oe as OutlineSystemAdd, ke as OutlineSystemAdd2, _ as OutlineSystemAlertCircle, Be as OutlineSystemAll, Ae as OutlineSystemArticle, v as OutlineSystemBell, y as OutlineSystemBellOff, b as OutlineSystemBill, Ve as OutlineSystemBookOpen, x as OutlineSystemCalendar, He as OutlineSystemCalling, S as OutlineSystemCamera, C as OutlineSystemChat, w as OutlineSystemCheck, T as OutlineSystemCheckCircle, E as OutlineSystemCheckDouble, D as OutlineSystemClock, O as OutlineSystemClose, je as OutlineSystemConfities, k as OutlineSystemCopy, A as OutlineSystemDoc, j as OutlineSystemDocEmpty, M as OutlineSystemDownload, N as OutlineSystemEdit, P as OutlineSystemEditAlt, F as OutlineSystemExpand, I as OutlineSystemEyeOff, L as OutlineSystemEyeOffAlt, R as OutlineSystemEyeOn, Ue as OutlineSystemFileAccept, We as OutlineSystemFileAdd, ze as OutlineSystemFileError, z as OutlineSystemFilterLessToMore, B as OutlineSystemFilterMoreToLess, V as OutlineSystemFolder, Me as OutlineSystemGame, H as OutlineSystemGridView, Ne as OutlineSystemGrowth, U as OutlineSystemHeadphone, W as OutlineSystemHeart, G as OutlineSystemHelpCircle, K as OutlineSystemHex, Ge as OutlineSystemHistory, q as OutlineSystemHome, Pe as OutlineSystemHomeFavourite, Fe as OutlineSystemIdea, Ke as OutlineSystemIn, J as OutlineSystemInfo, Ie as OutlineSystemIslam, Y as OutlineSystemLanguage, X as OutlineSystemLink, Z as OutlineSystemLink2, Q as OutlineSystemListView, $ as OutlineSystemLock, ee as OutlineSystemMail, ne as OutlineSystemMenu, qe as OutlineSystemMistake, re as OutlineSystemMoon, ie as OutlineSystemMoreHorizontal, ae as OutlineSystemMoreVertical, oe as OutlineSystemMove, Le as OutlineSystemNews, Je as OutlineSystemOut, se as OutlineSystemPaperclip, te as OutlineSystemPin, ce as OutlineSystemPrinter, le as OutlineSystemRefresh, ue as OutlineSystemRefresh2, de as OutlineSystemRemove, Ye as OutlineSystemRemoveCircle, fe as OutlineSystemRepeat, pe as OutlineSystemResize, me as OutlineSystemSearch, rt as OutlineSystemSend, he as OutlineSystemSettings, Xe as OutlineSystemShippingAndDelivery, Ze as OutlineSystemShoppingBasket, ge as OutlineSystemSidebar, Qe as OutlineSystemSignature, _e as OutlineSystemSlash, $e as OutlineSystemSmartphone, nt as OutlineSystemSmile, ve as OutlineSystemStar, ye as OutlineSystemSun, Re as OutlineSystemSurvey, et as OutlineSystemTariffs, tt as OutlineSystemTelegram, it as OutlineSystemTrash, be as OutlineSystemTune, xe as OutlineSystemUnlock, Se as OutlineSystemUpload, Ce as OutlineSystemUploadCloud, we as OutlineSystemUser, Te as OutlineSystemUserAdd, Ee as OutlineSystemUsers, De as OutlineSystemWifiOff, Yi as Pagination, va as Paper, li as PlFlag, Mi as Popover, mi as Portal, ka as ProgressBar, ua as Radio, la as RadioGroup, wa as RangeSlider, Oa as Rating, Qr as RuFlag, Bi as Search, ha as SegmentedControl, Ki as Select, qi as SelectMultiple, Zi as SelectorInput, fa as Sidebar, Wi as Skeleton, Ca as Slider, ba as Snackbar, rn as SolidNavigationArrowBack, Vt as SolidNavigationArrowDown, Ht as SolidNavigationArrowLeft, nn as SolidNavigationArrowReturn, Ut as SolidNavigationArrowRight, Wt as SolidNavigationArrowUp, Xt as SolidNavigationChevronDown, qt as SolidNavigationChevronLeft, Jt as SolidNavigationChevronRight, Yt as SolidNavigationChevronUp, Gt as SolidNavigationDoubleLeft, Kt as SolidNavigationDoubleRight, Qt as SolidNavigationLeftDown, Zt as SolidNavigationRightTop, en as SolidNavigationTrendingDown, $t as SolidNavigationTrendingUp, tn as SolidNavigationZoomOut, an as SolidSystemAdd, on as SolidSystemAdd2, vr as SolidSystemAlertCircle, Hr as SolidSystemAll, Tr as SolidSystemArticle, sn as SolidSystemBell, cn as SolidSystemBellOff, _r as SolidSystemBill, Ir as SolidSystemBookOpen, ln as SolidSystemCalendar, Lr as SolidSystemCalling, Kn as SolidSystemCamera, un as SolidSystemChat, dn as SolidSystemCheck, pn as SolidSystemCheckCircle, fn as SolidSystemCheckDouble, mn as SolidSystemClock, hn as SolidSystemClose, Dr as SolidSystemConfities, gn as SolidSystemCopy, _n as SolidSystemDoc, vn as SolidSystemDocEmpty, yn as SolidSystemDownload, bn as SolidSystemEdit, xn as SolidSystemEditAlt, Sn as SolidSystemExpand, Cn as SolidSystemEyeOff, wn as SolidSystemEyeOffAlt, Tn as SolidSystemEyeOn, br as SolidSystemFileAccept, Pr as SolidSystemFileAdd, Fr as SolidSystemFileError, Sr as SolidSystemFilterLessToMore, xr as SolidSystemFilterMoreToLess, En as SolidSystemFolder, Dn as SolidSystemGridView, kr as SolidSystemGrowth, On as SolidSystemHeadphone, kn as SolidSystemHeart, An as SolidSystemHelpCircle, jn as SolidSystemHex, Br as SolidSystemHistory, Mn as SolidSystemHome, Cr as SolidSystemHomeFavourite, Or as SolidSystemIdea, jr as SolidSystemIn, Nn as SolidSystemInfo, Ar as SolidSystemIslam, Pn as SolidSystemLanguage, In as SolidSystemLink, Fn as SolidSystemLink2, Ln as SolidSystemListView, Rn as SolidSystemLock, zn as SolidSystemMail, Vn as SolidSystemMenu, zr as SolidSystemMistake, Hn as SolidSystemMoon, Un as SolidSystemMoreHorizontal, Wn as SolidSystemMoreVertical, Gn as SolidSystemMove, wr as SolidSystemNews, Mr as SolidSystemOut, qn as SolidSystemPaperclip, Bn as SolidSystemPin, Jn as SolidSystemPrinter, Yn as SolidSystemRefresh, Xn as SolidSystemRefresh2, Qn as SolidSystemRemove, $n as SolidSystemRemoveCircle, Zn as SolidSystemRepeat, hr as SolidSystemResize, er as SolidSystemSearch, tr as SolidSystemSend, nr as SolidSystemSettings, Vr as SolidSystemShoppingBasket, rr as SolidSystemSidebar, Rr as SolidSystemSignature, ir as SolidSystemSlash, yr as SolidSystemSmartphone, Wr as SolidSystemSmile, ar as SolidSystemStar, or as SolidSystemSun, Er as SolidSystemSurvey, Nr as SolidSystemTariffs, Ur as SolidSystemTelegram, sr as SolidSystemTrash, cr as SolidSystemTune, lr as SolidSystemUnlock, ur as SolidSystemUpload, dr as SolidSystemUploadCloud, fr as SolidSystemUser, pr as SolidSystemUserAdd, mr as SolidSystemUsers, gr as SolidSystemWifiOff, ca as Switch, ma as Tab, ga as Table, _a as Tabs, da as Textarea, ia as TimePicker, Ta as Timeline, Jr as TjFlag, Ji as Tooltip, ri as TrFlag, hi as Transition, Ii as Typography, di as UnstyledButton, Yr as UsFlag, Xr as UzFlag, Qi as YearPicker, bi as localization, ya as snackbar, ji as useInfiniteScroll, yi as useLocale, Ai as useMediaQuery, vi as useMode, ki as useOutsideClick, xi as useTranslation };
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { NativeDialogProps } from './NativeDialog.types';
|
|
2
|
+
export declare const NativeDialog: ({ isOpen, onClose, children, closeOnClickOutside, closeOnEscape, keepMounted, withNativeLightDismiss, exitDuration, ref, ...props }: NativeDialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
//# sourceMappingURL=NativeDialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeDialog.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/NativeDialog/NativeDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAOzD,eAAO,MAAM,YAAY,GAAI,qIAW1B,iBAAiB,4CAqCnB,CAAC"}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { DialogHTMLAttributes, ReactNode, Ref } from 'react';
|
|
2
|
+
export type ClosedBy = 'any' | 'closerequest' | 'none';
|
|
3
|
+
export interface NativeDialogProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onClose' | 'open'> {
|
|
4
|
+
/**
|
|
5
|
+
* Determines whether the dialog is opened.
|
|
6
|
+
*/
|
|
7
|
+
isOpen: boolean;
|
|
8
|
+
/**
|
|
9
|
+
* Called whenever the dialog should close, including the closes the browser
|
|
10
|
+
* asks for on its own — Escape, a click outside and `requestClose()`.
|
|
11
|
+
*/
|
|
12
|
+
onClose: () => void;
|
|
13
|
+
/**
|
|
14
|
+
* Content to be rendered inside. It is unmounted once the exit transition is
|
|
15
|
+
* over, unless `keepMounted` says otherwise.
|
|
16
|
+
*/
|
|
17
|
+
children?: ReactNode;
|
|
18
|
+
/**
|
|
19
|
+
* Determines whether a click on the backdrop should close the dialog.
|
|
20
|
+
*/
|
|
21
|
+
closeOnClickOutside?: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Determines whether a close request (Escape) should close the dialog.
|
|
24
|
+
*/
|
|
25
|
+
closeOnEscape?: boolean;
|
|
26
|
+
/**
|
|
27
|
+
* Keep the content in the DOM while closed, `false` by default.
|
|
28
|
+
*/
|
|
29
|
+
keepMounted?: boolean;
|
|
30
|
+
/**
|
|
31
|
+
* If `true`, the click outside is left to the browser through `closedby="any"`.
|
|
32
|
+
*
|
|
33
|
+
* Only pass it when the dialog box is the panel itself: light dismiss compares
|
|
34
|
+
* the pointer against the bounds of that box, so a dialog stretched across the
|
|
35
|
+
* viewport — as a centred modal has to be, to scroll like the page — is never
|
|
36
|
+
* "clicked outside" and has to handle the click in JS instead.
|
|
37
|
+
*/
|
|
38
|
+
withNativeLightDismiss?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* Length of the exit transition. `close()` is postponed by it so the dialog
|
|
41
|
+
* stays in the top layer while it animates out.
|
|
42
|
+
*/
|
|
43
|
+
exitDuration: number;
|
|
44
|
+
/**
|
|
45
|
+
* Ref to the underlying `<dialog>` element.
|
|
46
|
+
*/
|
|
47
|
+
ref?: Ref<HTMLDialogElement>;
|
|
48
|
+
}
|
|
49
|
+
//# sourceMappingURL=NativeDialog.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeDialog.types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/NativeDialog/NativeDialog.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE7D,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,cAAc,GAAG,MAAM,CAAC;AAEvD,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC9C,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,SAAS,GAAG,MAAM,CAClB;IACA;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;OAGG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;;;;;;OAOG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAC;IAErB;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC7B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeDialog.utils.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/NativeDialog/NativeDialog.utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,GACvB,qBAAqB,OAAO,EAC5B,eAAe,OAAO,EACtB,wBAAwB,OAAO,oCAK/B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/NativeDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { MouseEvent, PointerEvent, SyntheticEvent } from 'react';
|
|
2
|
+
import { ClosedBy } from './NativeDialog.types';
|
|
3
|
+
export declare const isClosedBySupported: () => boolean;
|
|
4
|
+
interface UseControlledDialogOptions {
|
|
5
|
+
isOpen: boolean;
|
|
6
|
+
onClose: () => void;
|
|
7
|
+
closeOnClickOutside: boolean;
|
|
8
|
+
closeOnEscape: boolean;
|
|
9
|
+
closedBy: ClosedBy;
|
|
10
|
+
exitDuration: number;
|
|
11
|
+
}
|
|
12
|
+
export declare const useControlledDialog: ({ isOpen, onClose, closeOnClickOutside, closeOnEscape, closedBy, exitDuration, }: UseControlledDialogOptions) => {
|
|
13
|
+
dialogRef: import('react').RefObject<HTMLDialogElement | null>;
|
|
14
|
+
dialogProps: {
|
|
15
|
+
onCancel: (event: SyntheticEvent<HTMLDialogElement>) => void;
|
|
16
|
+
onClose: (event: SyntheticEvent<HTMLDialogElement>) => void;
|
|
17
|
+
onPointerDown: (event: PointerEvent<HTMLDialogElement>) => void;
|
|
18
|
+
onClick: (event: MouseEvent<HTMLDialogElement>) => void;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export {};
|
|
22
|
+
//# sourceMappingURL=useControlledDialog.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useControlledDialog.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/NativeDialog/useControlledDialog.ts"],"names":[],"mappings":"AACA,OAAO,EACN,UAAU,EACV,YAAY,EACZ,cAAc,EAGd,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,eAAO,MAAM,mBAAmB,eAEU,CAAC;AAE3C,UAAU,0BAA0B;IACnC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,QAAQ,EAAE,QAAQ,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,mBAAmB,GAAI,kFAOjC,0BAA0B;;;0BAoBC,cAAc,CAAC,iBAAiB,CAAC;yBAUlC,cAAc,CAAC,iBAAiB,CAAC;+BAK3B,YAAY,CAAC,iBAAiB,CAAC;yBAUrC,UAAU,CAAC,iBAAiB,CAAC;;CAiBzD,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { RefObject } from 'react';
|
|
2
|
+
interface UseFocusWrapOptions {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
dialogRef: RefObject<HTMLDialogElement | null>;
|
|
5
|
+
}
|
|
6
|
+
export declare const useFocusWrap: ({ isOpen, dialogRef }: UseFocusWrapOptions) => void;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=useFocusWrap.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useFocusWrap.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/NativeDialog/useFocusWrap.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAkB7C,UAAU,mBAAmB;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CAC/C;AAED,eAAO,MAAM,YAAY,GAAI,uBAAuB,mBAAmB,SAkCtE,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { NativeDrawerProps } from './NativeDrawer.types';
|
|
2
|
+
export declare const NativeDrawer: {
|
|
3
|
+
({ isOpen, onClose, children, position, variant, width, height, maxWidth, maxHeight, withCloseButton, scrollable, closeOnClickOutside, closeOnEscape, blur, keepMounted, transitionProps, className, style, ref, ...props }: NativeDrawerProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
Header: ({ title, description, className, children, ...props }: import('.').DrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
Content: ({ className, ...props }: import('react').HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
Actions: ({ ...props }: import('react').HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=NativeDrawer.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeDrawer.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/NativeDrawer/NativeDrawer.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAQzD,eAAO,MAAM,YAAY;iOAqBtB,iBAAiB;;;;CAsDnB,CAAC"}
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { CSSProperties, DialogHTMLAttributes, ReactNode, Ref } from 'react';
|
|
2
|
+
export type Position = 'right' | 'left' | 'top' | 'bottom';
|
|
3
|
+
export type Variant = 'default' | 'floating';
|
|
4
|
+
export interface NativeDrawerTransitionProps {
|
|
5
|
+
/**
|
|
6
|
+
* Duration (in ms) of the enter animation.
|
|
7
|
+
*/
|
|
8
|
+
duration?: number;
|
|
9
|
+
/**
|
|
10
|
+
* Duration (in ms) of the exit animation. It also decides how long `close()`
|
|
11
|
+
* is postponed, so the drawer stays in the top layer while it slides out.
|
|
12
|
+
*/
|
|
13
|
+
exitDuration?: number;
|
|
14
|
+
/**
|
|
15
|
+
* CSS transition timing function, e.g. `'ease-in-out'`.
|
|
16
|
+
*/
|
|
17
|
+
timingFunction?: CSSProperties['transitionTimingFunction'];
|
|
18
|
+
}
|
|
19
|
+
export interface NativeDrawerProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onClose' | 'open'> {
|
|
20
|
+
/**
|
|
21
|
+
* Determines whether the drawer is opened.
|
|
22
|
+
*/
|
|
23
|
+
isOpen: boolean;
|
|
24
|
+
/**
|
|
25
|
+
* Called whenever the drawer should close. Besides the close button it also
|
|
26
|
+
* reports the closes the browser asks for on its own — Escape, a click
|
|
27
|
+
* outside and `requestClose()` — so ignoring the call keeps the drawer open.
|
|
28
|
+
*/
|
|
29
|
+
onClose: () => void;
|
|
30
|
+
/**
|
|
31
|
+
* Content to be rendered inside.
|
|
32
|
+
*/
|
|
33
|
+
children?: ReactNode;
|
|
34
|
+
/**
|
|
35
|
+
* Edge of the viewport the drawer is attached to.
|
|
36
|
+
*/
|
|
37
|
+
position?: Position;
|
|
38
|
+
/**
|
|
39
|
+
* Type of the drawer. The floating type is inset from the viewport edges and
|
|
40
|
+
* has rounded corners.
|
|
41
|
+
*/
|
|
42
|
+
variant?: Variant;
|
|
43
|
+
/**
|
|
44
|
+
* Width of the drawer (for left and right drawers).
|
|
45
|
+
*/
|
|
46
|
+
width?: CSSProperties['width'];
|
|
47
|
+
/**
|
|
48
|
+
* Height of the drawer (for top and bottom drawers).
|
|
49
|
+
*/
|
|
50
|
+
height?: CSSProperties['height'];
|
|
51
|
+
/**
|
|
52
|
+
* Maximum width of the drawer (for left and right drawers).
|
|
53
|
+
*/
|
|
54
|
+
maxWidth?: CSSProperties['maxWidth'];
|
|
55
|
+
/**
|
|
56
|
+
* Maximum height of the drawer (for top and bottom drawers).
|
|
57
|
+
*/
|
|
58
|
+
maxHeight?: CSSProperties['maxHeight'];
|
|
59
|
+
/**
|
|
60
|
+
* If `true`, the drawer will have a close button in the top right corner.
|
|
61
|
+
*/
|
|
62
|
+
withCloseButton?: boolean;
|
|
63
|
+
/**
|
|
64
|
+
* If `true`, only the `NativeDrawer.Content` area scrolls when the content overflows.
|
|
65
|
+
*/
|
|
66
|
+
scrollable?: boolean;
|
|
67
|
+
/**
|
|
68
|
+
* Determines whether the drawer should be closed when the user clicks on the backdrop.
|
|
69
|
+
*/
|
|
70
|
+
closeOnClickOutside?: boolean;
|
|
71
|
+
/**
|
|
72
|
+
* Determines whether the drawer should be closed on Escape. Set to `false` for
|
|
73
|
+
* a flow the user must finish or cancel explicitly.
|
|
74
|
+
*/
|
|
75
|
+
closeOnEscape?: boolean;
|
|
76
|
+
/**
|
|
77
|
+
* Blur radius of the backdrop, in pixels. Omit it to leave the backdrop
|
|
78
|
+
* merely dimmed: blurring costs a compositing pass on every frame.
|
|
79
|
+
*/
|
|
80
|
+
blur?: number;
|
|
81
|
+
/**
|
|
82
|
+
* Keep the drawer content in the DOM while closed, `false` by default.
|
|
83
|
+
* The unmount waits for the exit transition.
|
|
84
|
+
*/
|
|
85
|
+
keepMounted?: boolean;
|
|
86
|
+
/**
|
|
87
|
+
* Props to customize the drawer's slide transition.
|
|
88
|
+
*/
|
|
89
|
+
transitionProps?: NativeDrawerTransitionProps;
|
|
90
|
+
/**
|
|
91
|
+
* Ref to the underlying `<dialog>` element.
|
|
92
|
+
*/
|
|
93
|
+
ref?: Ref<HTMLDialogElement>;
|
|
94
|
+
}
|
|
95
|
+
//# sourceMappingURL=NativeDrawer.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeDrawer.types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/NativeDrawer/NativeDrawer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5E,MAAM,MAAM,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;AAE3D,MAAM,MAAM,OAAO,GAAG,SAAS,GAAG,UAAU,CAAC;AAE7C,MAAM,WAAW,2BAA2B;IAC3C;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC,0BAA0B,CAAC,CAAC;CAC3D;AAED,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAC9C,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,SAAS,GAAG,MAAM,CAClB;IACA;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,QAAQ,CAAC;IAEpB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAE/B;;OAEG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IAEjC;;OAEG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IAErC;;OAEG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;IAEvC;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,eAAe,CAAC,EAAE,2BAA2B,CAAC;IAE9C;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC7B"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { NativeDrawerProps, NativeDrawerTransitionProps, Position } from './NativeDrawer.types';
|
|
3
|
+
export declare const isHorizontal: (position: Position) => boolean;
|
|
4
|
+
interface DrawerStylesOptions extends Pick<NativeDrawerProps, 'width' | 'height' | 'maxWidth' | 'maxHeight'> {
|
|
5
|
+
position: Position;
|
|
6
|
+
blur?: number;
|
|
7
|
+
transitionProps: Required<Omit<NativeDrawerTransitionProps, 'timingFunction'>> & Pick<NativeDrawerTransitionProps, 'timingFunction'>;
|
|
8
|
+
style?: CSSProperties;
|
|
9
|
+
}
|
|
10
|
+
export declare const getNativeDrawerStyles: ({ position, blur, width, height, maxWidth, maxHeight, transitionProps, style, }: DrawerStylesOptions) => CSSProperties;
|
|
11
|
+
export {};
|
|
12
|
+
//# sourceMappingURL=NativeDrawer.utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeDrawer.utils.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/NativeDrawer/NativeDrawer.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC,OAAO,EACN,iBAAiB,EACjB,2BAA2B,EAC3B,QAAQ,EACR,MAAM,sBAAsB,CAAC;AAI9B,eAAO,MAAM,YAAY,GAAI,UAAU,QAAQ,YACP,CAAC;AAEzC,UAAU,mBAAoB,SAAQ,IAAI,CACzC,iBAAiB,EACjB,OAAO,GAAG,QAAQ,GAAG,UAAU,GAAG,WAAW,CAC7C;IACA,QAAQ,EAAE,QAAQ,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,QAAQ,CACxB,IAAI,CAAC,2BAA2B,EAAE,gBAAgB,CAAC,CACnD,GACA,IAAI,CAAC,2BAA2B,EAAE,gBAAgB,CAAC,CAAC;IACrD,KAAK,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,eAAO,MAAM,qBAAqB,GAAI,iFASnC,mBAAmB,KAoBhB,aACL,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeDrawerActions.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/NativeDrawer/NativeDrawerActions/NativeDrawerActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,eAAO,MAAM,mBAAmB,GAAI,cAEjC,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeDrawerContent.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/NativeDrawer/NativeDrawerContent/NativeDrawerContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,eAAO,MAAM,mBAAmB,GAAI,yBAGjC,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface NativeDrawerHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
3
|
+
/**
|
|
4
|
+
* Title of the drawer.
|
|
5
|
+
*/
|
|
6
|
+
title?: ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* Description of the drawer.
|
|
9
|
+
*/
|
|
10
|
+
description?: ReactNode;
|
|
11
|
+
}
|
|
12
|
+
export declare const NativeDrawerHeader: ({ title, description, className, children, ...props }: NativeDrawerHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
//# sourceMappingURL=NativeDrawerHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeDrawerHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/NativeDrawer/NativeDrawerHeader/NativeDrawerHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlD,MAAM,WAAW,uBAAwB,SAAQ,IAAI,CACpD,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,CACP;IACA;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,GAAI,uDAMhC,uBAAuB,4CAuBzB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { NativeDrawer as Drawer } from './NativeDrawer';
|
|
2
|
+
export type { NativeDrawerProps as DrawerProps, NativeDrawerTransitionProps as DrawerTransitionProps, Position as DrawerPosition, Variant as DrawerVariant, } from './NativeDrawer.types';
|
|
3
|
+
export type { NativeDrawerHeaderProps as DrawerHeaderProps } from './NativeDrawerHeader/NativeDrawerHeader';
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/NativeDrawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,IAAI,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxD,YAAY,EACX,iBAAiB,IAAI,WAAW,EAChC,2BAA2B,IAAI,qBAAqB,EACpD,QAAQ,IAAI,cAAc,EAC1B,OAAO,IAAI,aAAa,GACxB,MAAM,sBAAsB,CAAC;AAC9B,YAAY,EAAE,uBAAuB,IAAI,iBAAiB,EAAE,MAAM,yCAAyC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { NativeModalProps } from './NativeModal.types';
|
|
2
|
+
export declare const NativeModal: {
|
|
3
|
+
({ isOpen, onClose, children, device, centered, withCloseButton, scrollable, closeOnClickOutside, closeOnEscape, blur, keepMounted, transitionProps, className, style, ref, ...props }: NativeModalProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
Header: ({ title, description, align, className, children, ...props }: import('.').ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
Content: ({ className, ...props }: import('react').HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
Actions: ({ ...props }: import('react').HTMLAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
};
|
|
8
|
+
//# sourceMappingURL=NativeModal.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeModal.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/NativeModal/NativeModal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAQvD,eAAO,MAAM,WAAW;4LAiBrB,gBAAgB;;;;CAiDlB,CAAC"}
|
|
@@ -0,0 +1,84 @@
|
|
|
1
|
+
import { CSSProperties, DialogHTMLAttributes, ReactNode, Ref } from 'react';
|
|
2
|
+
export type Device = 'desktop' | 'mobile';
|
|
3
|
+
export type TransitionName = 'fade' | 'scale' | 'slide-up' | 'slide-down';
|
|
4
|
+
export interface NativeModalTransitionProps {
|
|
5
|
+
/**
|
|
6
|
+
* Name of the transition preset.
|
|
7
|
+
*/
|
|
8
|
+
transition?: TransitionName;
|
|
9
|
+
/**
|
|
10
|
+
* Duration (in ms) of the enter animation.
|
|
11
|
+
*/
|
|
12
|
+
duration?: number;
|
|
13
|
+
/**
|
|
14
|
+
* Duration (in ms) of the exit animation. It also decides how long `close()`
|
|
15
|
+
* is postponed, so the dialog stays in the top layer while it animates out.
|
|
16
|
+
*/
|
|
17
|
+
exitDuration?: number;
|
|
18
|
+
/**
|
|
19
|
+
* CSS transition timing function, e.g. `'ease-in-out'`.
|
|
20
|
+
*/
|
|
21
|
+
timingFunction?: CSSProperties['transitionTimingFunction'];
|
|
22
|
+
}
|
|
23
|
+
export interface NativeModalProps extends Omit<DialogHTMLAttributes<HTMLDialogElement>, 'onClose' | 'open'> {
|
|
24
|
+
/**
|
|
25
|
+
* Determines whether the modal is opened.
|
|
26
|
+
*/
|
|
27
|
+
isOpen: boolean;
|
|
28
|
+
/**
|
|
29
|
+
* Called whenever the modal should close. Besides the close button it also
|
|
30
|
+
* reports the closes the browser asks for on its own — Escape, a click
|
|
31
|
+
* outside and `requestClose()` — so ignoring the call keeps the modal open.
|
|
32
|
+
*/
|
|
33
|
+
onClose: () => void;
|
|
34
|
+
/**
|
|
35
|
+
* Content to be rendered inside.
|
|
36
|
+
*/
|
|
37
|
+
children?: ReactNode;
|
|
38
|
+
/**
|
|
39
|
+
* Defines the modal style variant, such as desktop or mobile.
|
|
40
|
+
*/
|
|
41
|
+
device?: Device;
|
|
42
|
+
/**
|
|
43
|
+
* If `true`, the modal will have a close button in the top right corner.
|
|
44
|
+
*/
|
|
45
|
+
withCloseButton?: boolean;
|
|
46
|
+
/**
|
|
47
|
+
* Centers the modal on the screen. If `false`, the modal will be positioned at the top of the screen.
|
|
48
|
+
*/
|
|
49
|
+
centered?: boolean;
|
|
50
|
+
/**
|
|
51
|
+
* If `true` (default), the header and the actions stay put and only the
|
|
52
|
+
* `NativeModal.Content` area scrolls when the content exceeds the viewport.
|
|
53
|
+
* If `false`, the whole card scrolls instead and reaches both viewport edges.
|
|
54
|
+
*/
|
|
55
|
+
scrollable?: boolean;
|
|
56
|
+
/**
|
|
57
|
+
* Determines whether the modal should be closed when the user clicks on the backdrop.
|
|
58
|
+
*/
|
|
59
|
+
closeOnClickOutside?: boolean;
|
|
60
|
+
/**
|
|
61
|
+
* Determines whether the modal should be closed on Escape. Set to `false` for
|
|
62
|
+
* a flow the user must finish or cancel explicitly.
|
|
63
|
+
*/
|
|
64
|
+
closeOnEscape?: boolean;
|
|
65
|
+
/**
|
|
66
|
+
* Blur radius of the backdrop, in pixels. Omit it to leave the backdrop
|
|
67
|
+
* merely dimmed: blurring costs a compositing pass on every frame.
|
|
68
|
+
*/
|
|
69
|
+
blur?: number;
|
|
70
|
+
/**
|
|
71
|
+
* Keep the modal content in the DOM while closed, `false` by default.
|
|
72
|
+
* The unmount waits for the exit transition.
|
|
73
|
+
*/
|
|
74
|
+
keepMounted?: boolean;
|
|
75
|
+
/**
|
|
76
|
+
* Props to customize the modal's transition.
|
|
77
|
+
*/
|
|
78
|
+
transitionProps?: NativeModalTransitionProps;
|
|
79
|
+
/**
|
|
80
|
+
* Ref to the underlying `<dialog>` element.
|
|
81
|
+
*/
|
|
82
|
+
ref?: Ref<HTMLDialogElement>;
|
|
83
|
+
}
|
|
84
|
+
//# sourceMappingURL=NativeModal.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeModal.types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/NativeModal/NativeModal.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE5E,MAAM,MAAM,MAAM,GAAG,SAAS,GAAG,QAAQ,CAAC;AAC1C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,YAAY,CAAC;AAE1E,MAAM,WAAW,0BAA0B;IAC1C;;OAEG;IACH,UAAU,CAAC,EAAE,cAAc,CAAC;IAE5B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,cAAc,CAAC,EAAE,aAAa,CAAC,0BAA0B,CAAC,CAAC;CAC3D;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC7C,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,SAAS,GAAG,MAAM,CAClB;IACA;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAEhB;;;;OAIG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IAEpB;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IAErB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB;;OAEG;IACH,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAE9B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IAEtB;;OAEG;IACH,eAAe,CAAC,EAAE,0BAA0B,CAAC;IAE7C;;OAEG;IACH,GAAG,CAAC,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC7B"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
import { Device, NativeModalTransitionProps, TransitionName } from './NativeModal.types';
|
|
3
|
+
export declare const TRANSITION_FROM_TRANSFORM: Record<TransitionName, string>;
|
|
4
|
+
export declare const getClosedBy: (closeOnEscape: boolean) => "none" | "closerequest";
|
|
5
|
+
interface ModalStylesOptions {
|
|
6
|
+
device: Device;
|
|
7
|
+
blur?: number;
|
|
8
|
+
withCloseButton: boolean;
|
|
9
|
+
transitionProps: Required<Omit<NativeModalTransitionProps, 'timingFunction'>> & Pick<NativeModalTransitionProps, 'timingFunction'>;
|
|
10
|
+
style?: CSSProperties;
|
|
11
|
+
}
|
|
12
|
+
export declare const getNativeModalStyles: ({ device, blur, withCloseButton, transitionProps, style, }: ModalStylesOptions) => CSSProperties;
|
|
13
|
+
export {};
|
|
14
|
+
//# sourceMappingURL=NativeModal.utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeModal.utils.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/NativeModal/NativeModal.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EACN,MAAM,EACN,0BAA0B,EAC1B,cAAc,EACd,MAAM,qBAAqB,CAAC;AAE7B,eAAO,MAAM,yBAAyB,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAKpE,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,eAAe,OAAO,4BACV,CAAC;AAEzC,UAAU,kBAAkB;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,QAAQ,CACxB,IAAI,CAAC,0BAA0B,EAAE,gBAAgB,CAAC,CAClD,GACA,IAAI,CAAC,0BAA0B,EAAE,gBAAgB,CAAC,CAAC;IACpD,KAAK,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,eAAO,MAAM,oBAAoB,GAAI,4DAMlC,kBAAkB,KAmBf,aACL,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeModalActions.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/NativeModal/NativeModalActions/NativeModalActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,eAAO,MAAM,kBAAkB,GAAI,cAEhC,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeModalContent.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/NativeModal/NativeModalContent/NativeModalContent.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIvC,eAAO,MAAM,kBAAkB,GAAI,yBAGhC,cAAc,CAAC,cAAc,CAAC,4CAEhC,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { HTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
export interface NativeModalHeaderProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
|
|
3
|
+
/**
|
|
4
|
+
* Title of the modal.
|
|
5
|
+
*/
|
|
6
|
+
title?: ReactNode;
|
|
7
|
+
/**
|
|
8
|
+
* Description of the modal.
|
|
9
|
+
*/
|
|
10
|
+
description?: ReactNode;
|
|
11
|
+
/**
|
|
12
|
+
* Aligns the content of the header.
|
|
13
|
+
*/
|
|
14
|
+
align?: 'start' | 'center';
|
|
15
|
+
}
|
|
16
|
+
export declare const NativeModalHeader: ({ title, description, align, className, children, ...props }: NativeModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
//# sourceMappingURL=NativeModalHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NativeModalHeader.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/components/NativeModal/NativeModalHeader/NativeModalHeader.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKlD,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CACnD,cAAc,CAAC,cAAc,CAAC,EAC9B,OAAO,CACP;IACA;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IAExB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;CAC3B;AAED,eAAO,MAAM,iBAAiB,GAAI,8DAO/B,sBAAsB,4CAyBxB,CAAC"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { NativeModal as Modal } from './NativeModal';
|
|
2
|
+
export type { NativeModalProps as ModalProps, NativeModalTransitionProps as ModalTransitionProps, TransitionName as ModalTransitionName, Device as ModalDevice, } from './NativeModal.types';
|
|
3
|
+
export type { NativeModalHeaderProps as ModalHeaderProps } from './NativeModalHeader/NativeModalHeader';
|
|
4
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/lib/components/NativeModal/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,KAAK,EAAE,MAAM,eAAe,CAAC;AACrD,YAAY,EACX,gBAAgB,IAAI,UAAU,EAC9B,0BAA0B,IAAI,oBAAoB,EAClD,cAAc,IAAI,mBAAmB,EACrC,MAAM,IAAI,WAAW,GACrB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,sBAAsB,IAAI,gBAAgB,EAAE,MAAM,uCAAuC,CAAC"}
|