@limonify/zest-ui 0.1.4 → 0.2.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.
- package/lib/accordion/root/AccordionRoot.d.ts +4 -2
- package/lib/accordion/root/AccordionRoot.d.ts.map +1 -1
- package/lib/accordion/root/AccordionRoot.js +12 -3
- package/lib/accordion/root/AccordionRoot.js.map +1 -1
- package/lib/avatar/root/AvatarRoot.d.ts.map +1 -1
- package/lib/avatar/root/AvatarRoot.js +1 -1
- package/lib/avatar/root/AvatarRoot.js.map +1 -1
- package/lib/button/Button.d.ts.map +1 -1
- package/lib/button/Button.js +1 -1
- package/lib/button/Button.js.map +1 -1
- package/lib/checkbox-group/CheckboxGroup.d.ts.map +1 -1
- package/lib/checkbox-group/CheckboxGroup.js +1 -1
- package/lib/checkbox-group/CheckboxGroup.js.map +1 -1
- package/lib/collapsible/panel/useCollapsiblePanel.d.ts.map +1 -1
- package/lib/collapsible/panel/useCollapsiblePanel.js +2 -0
- package/lib/collapsible/panel/useCollapsiblePanel.js.map +1 -1
- package/lib/dialog/popup/DialogPopup.d.ts +6 -0
- package/lib/dialog/popup/DialogPopup.d.ts.map +1 -1
- package/lib/dialog/popup/DialogPopup.js +2 -2
- package/lib/dialog/popup/DialogPopup.js.map +1 -1
- package/lib/dialog/popup/useDialogPopupProps.d.ts +1 -0
- package/lib/dialog/popup/useDialogPopupProps.d.ts.map +1 -1
- package/lib/dialog/popup/useDialogPopupProps.js +3 -0
- package/lib/dialog/popup/useDialogPopupProps.js.map +1 -1
- package/lib/dialog/root/DialogTransitionContext.d.ts +8 -0
- package/lib/dialog/root/DialogTransitionContext.d.ts.map +1 -0
- package/lib/dialog/root/DialogTransitionContext.js +44 -0
- package/lib/dialog/root/DialogTransitionContext.js.map +1 -0
- package/lib/dialog/root/useRenderDialogRoot.d.ts.map +1 -1
- package/lib/dialog/root/useRenderDialogRoot.js +40 -1
- package/lib/dialog/root/useRenderDialogRoot.js.map +1 -1
- package/lib/drawer/popup/DrawerPopup.d.ts +6 -0
- package/lib/drawer/popup/DrawerPopup.d.ts.map +1 -1
- package/lib/drawer/popup/DrawerPopup.js +2 -1
- package/lib/drawer/popup/DrawerPopup.js.map +1 -1
- package/lib/input/Input.d.ts +2 -1
- package/lib/input/Input.d.ts.map +1 -1
- package/lib/input/Input.js +35 -2
- package/lib/input/Input.js.map +1 -1
- package/lib/internals/useTransitionStatus.d.ts.map +1 -1
- package/lib/internals/useTransitionStatus.js +11 -13
- package/lib/internals/useTransitionStatus.js.map +1 -1
- package/lib/menu/item/MenuItem.d.ts.map +1 -1
- package/lib/menu/item/MenuItem.js +1 -1
- package/lib/menu/item/MenuItem.js.map +1 -1
- package/lib/menu/popup/MenuPopup.d.ts +15 -0
- package/lib/menu/popup/MenuPopup.d.ts.map +1 -1
- package/lib/menu/popup/MenuPopup.js +4 -1
- package/lib/menu/popup/MenuPopup.js.map +1 -1
- package/lib/menu/root/MenuRoot.d.ts +1 -1
- package/lib/menu/root/MenuRoot.d.ts.map +1 -1
- package/lib/menu/root/MenuRoot.js +40 -1
- package/lib/menu/root/MenuRoot.js.map +1 -1
- package/lib/menu/root/MenuTransitionContext.d.ts +8 -0
- package/lib/menu/root/MenuTransitionContext.d.ts.map +1 -0
- package/lib/menu/root/MenuTransitionContext.js +44 -0
- package/lib/menu/root/MenuTransitionContext.js.map +1 -0
- package/lib/popover/popup/PopoverPopup.d.ts +6 -0
- package/lib/popover/popup/PopoverPopup.d.ts.map +1 -1
- package/lib/popover/popup/PopoverPopup.js +4 -1
- package/lib/popover/popup/PopoverPopup.js.map +1 -1
- package/lib/popover/root/PopoverRoot.d.ts +1 -1
- package/lib/popover/root/PopoverRoot.d.ts.map +1 -1
- package/lib/popover/root/PopoverRoot.js +40 -1
- package/lib/popover/root/PopoverRoot.js.map +1 -1
- package/lib/popover/root/PopoverTransitionContext.d.ts +8 -0
- package/lib/popover/root/PopoverTransitionContext.d.ts.map +1 -0
- package/lib/popover/root/PopoverTransitionContext.js +44 -0
- package/lib/popover/root/PopoverTransitionContext.js.map +1 -0
- package/lib/radio-group/RadioGroup.d.ts.map +1 -1
- package/lib/radio-group/RadioGroup.js +1 -1
- package/lib/radio-group/RadioGroup.js.map +1 -1
- package/lib/select/list/SelectList.d.ts.map +1 -1
- package/lib/select/list/SelectList.js +9 -1
- package/lib/select/list/SelectList.js.map +1 -1
- package/lib/select/popup/SelectPopup.d.ts +15 -0
- package/lib/select/popup/SelectPopup.d.ts.map +1 -1
- package/lib/select/popup/SelectPopup.js +4 -1
- package/lib/select/popup/SelectPopup.js.map +1 -1
- package/lib/select/root/SelectRoot.d.ts +1 -1
- package/lib/select/root/SelectRoot.d.ts.map +1 -1
- package/lib/select/root/SelectRoot.js +40 -1
- package/lib/select/root/SelectRoot.js.map +1 -1
- package/lib/select/root/SelectTransitionContext.d.ts +8 -0
- package/lib/select/root/SelectTransitionContext.d.ts.map +1 -0
- package/lib/select/root/SelectTransitionContext.js +44 -0
- package/lib/select/root/SelectTransitionContext.js.map +1 -0
- package/lib/separator/Separator.d.ts +2 -1
- package/lib/separator/Separator.d.ts.map +1 -1
- package/lib/separator/Separator.js +35 -1
- package/lib/separator/Separator.js.map +1 -1
- package/lib/slider/thumb/SliderThumb.d.ts +4 -0
- package/lib/slider/thumb/SliderThumb.d.ts.map +1 -1
- package/lib/slider/thumb/SliderThumb.js +1 -1
- package/lib/slider/thumb/SliderThumb.js.map +1 -1
- package/lib/tabs/tab/TabsTab.d.ts.map +1 -1
- package/lib/tabs/tab/TabsTab.js +1 -1
- package/lib/tabs/tab/TabsTab.js.map +1 -1
- package/lib/toggle/Toggle.d.ts +2 -1
- package/lib/toggle/Toggle.d.ts.map +1 -1
- package/lib/toggle/Toggle.js +35 -1
- package/lib/toggle/Toggle.js.map +1 -1
- package/lib/toggle-group/ToggleGroup.d.ts.map +1 -1
- package/lib/toggle-group/ToggleGroup.js +1 -1
- package/lib/toggle-group/ToggleGroup.js.map +1 -1
- package/lib/tooltip/popup/TooltipPopup.d.ts +15 -0
- package/lib/tooltip/popup/TooltipPopup.d.ts.map +1 -1
- package/lib/tooltip/popup/TooltipPopup.js +5 -1
- package/lib/tooltip/popup/TooltipPopup.js.map +1 -1
- package/lib/tooltip/root/TooltipRoot.d.ts +1 -1
- package/lib/tooltip/root/TooltipRoot.d.ts.map +1 -1
- package/lib/tooltip/root/TooltipRoot.js +40 -1
- package/lib/tooltip/root/TooltipRoot.js.map +1 -1
- package/lib/tooltip/root/TooltipTransitionContext.d.ts +8 -0
- package/lib/tooltip/root/TooltipTransitionContext.d.ts.map +1 -0
- package/lib/tooltip/root/TooltipTransitionContext.js +44 -0
- package/lib/tooltip/root/TooltipTransitionContext.js.map +1 -0
- package/package.json +182 -2
- package/src/accordion/root/AccordionRoot.tsx +22 -5
- package/src/avatar/root/AvatarRoot.tsx +4 -1
- package/src/button/Button.tsx +4 -1
- package/src/checkbox-group/CheckboxGroup.tsx +4 -1
- package/src/collapsible/panel/useCollapsiblePanel.tsx +1 -0
- package/src/dialog/popup/DialogPopup.tsx +8 -2
- package/src/dialog/popup/useDialogPopupProps.ts +3 -0
- package/src/dialog/root/DialogTransitionContext.ts +15 -0
- package/src/dialog/root/useRenderDialogRoot.tsx +13 -1
- package/src/drawer/popup/DrawerPopup.tsx +8 -1
- package/src/input/Input.tsx +5 -1
- package/src/internals/useTransitionStatus.ts +13 -11
- package/src/menu/item/MenuItem.tsx +4 -1
- package/src/menu/popup/MenuPopup.tsx +18 -1
- package/src/menu/root/MenuRoot.tsx +14 -2
- package/src/menu/root/MenuTransitionContext.ts +15 -0
- package/src/popover/popup/PopoverPopup.tsx +9 -1
- package/src/popover/root/PopoverRoot.tsx +14 -2
- package/src/popover/root/PopoverTransitionContext.ts +15 -0
- package/src/radio-group/RadioGroup.tsx +4 -1
- package/src/select/list/SelectList.tsx +9 -1
- package/src/select/popup/SelectPopup.tsx +18 -1
- package/src/select/root/SelectRoot.tsx +18 -2
- package/src/select/root/SelectTransitionContext.ts +15 -0
- package/src/separator/Separator.tsx +5 -1
- package/src/slider/thumb/SliderThumb.tsx +5 -1
- package/src/tabs/tab/TabsTab.tsx +4 -1
- package/src/toggle/Toggle.tsx +5 -1
- package/src/toggle-group/ToggleGroup.tsx +4 -1
- package/src/tooltip/popup/TooltipPopup.tsx +19 -1
- package/src/tooltip/root/TooltipRoot.tsx +18 -2
- package/src/tooltip/root/TooltipTransitionContext.ts +15 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectPopup.d.ts","sourceRoot":"","sources":["../../../src/select/popup/SelectPopup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"SelectPopup.d.ts","sourceRoot":"","sources":["../../../src/select/popup/SelectPopup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAMpC,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,cAAc,EAAE,WAAW,CAAC,KAAK,+BA0B5D;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,gBAAgB,EAAE,gBAAgB,CAAC;IACnC;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;CACd;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,gBAAgB,CAAC;CAAG;AAEhG,yBAAiB,WAAW,CAAC;IAC3B,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,gBAAgB,CAAC;CACtC"}
|
|
@@ -6,6 +6,7 @@ const jsx_runtime_1 = require("react/jsx-runtime");
|
|
|
6
6
|
const react_native_1 = require("react-native");
|
|
7
7
|
const SelectRootContext_1 = require("../root/SelectRootContext");
|
|
8
8
|
const SelectPositionerContext_1 = require("../positioner/SelectPositionerContext");
|
|
9
|
+
const SelectTransitionContext_1 = require("../root/SelectTransitionContext");
|
|
9
10
|
const useRenderElement_1 = require("../../use-render/useRenderElement");
|
|
10
11
|
const CompositeList_1 = require("../../internals/composite/list/CompositeList");
|
|
11
12
|
/**
|
|
@@ -13,11 +14,13 @@ const CompositeList_1 = require("../../internals/composite/list/CompositeList");
|
|
|
13
14
|
* Renders a `<View>`.
|
|
14
15
|
*/
|
|
15
16
|
function SelectPopup(componentProps) {
|
|
17
|
+
var _a;
|
|
16
18
|
const { render, className, style, ref, ...elementProps } = componentProps;
|
|
17
19
|
const store = (0, SelectRootContext_1.useSelectRootContext)();
|
|
18
20
|
const { side, align } = (0, SelectPositionerContext_1.useSelectPositionerContext)();
|
|
21
|
+
const { transitionStatus } = (_a = (0, SelectTransitionContext_1.useSelectTransitionContext)()) !== null && _a !== void 0 ? _a : { transitionStatus: undefined };
|
|
19
22
|
const open = store.useState('open');
|
|
20
|
-
const state = { open, side, align };
|
|
23
|
+
const state = { open, transitionStatus, side, align };
|
|
21
24
|
const element = (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
|
|
22
25
|
state,
|
|
23
26
|
ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectPopup.js","sourceRoot":"","sources":["../../../src/select/popup/SelectPopup.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"SelectPopup.js","sourceRoot":"","sources":["../../../src/select/popup/SelectPopup.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAeb,kCA0BC;;AAxCD,+CAAoC;AACpC,iEAAiE;AACjE,mFAAmF;AACnF,6EAA6E;AAC7E,wEAAqE;AACrE,gFAA6E;AAK7E;;;GAGG;AACH,SAAgB,WAAW,CAAC,cAAiC;;IAC3D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE1E,MAAM,KAAK,GAAG,IAAA,wCAAoB,GAAE,CAAC;IACrC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAA,oDAA0B,GAAE,CAAC;IACrD,MAAM,EAAE,gBAAgB,EAAE,GAAG,MAAA,IAAA,oDAA0B,GAAE,mCAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAC;IAE7F,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEpC,MAAM,KAAK,GAAqB,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IAExE,MAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QACrD,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,wEAAwE;gBACxE,oCAAoC;gBACpC,yBAAyB,EAAE,GAAG,EAAE,CAAC,IAAI;aACtC;YACD,YAAY;SACb;KACF,CAAC,CAAC;IAEH,8DAA8D;IAC9D,OAAO,uBAAC,6BAAa,cAAE,OAAO,GAAiB,CAAC;AAClD,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectRoot.d.ts","sourceRoot":"","sources":["../../../src/select/root/SelectRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,
|
|
1
|
+
{"version":3,"file":"SelectRoot.d.ts","sourceRoot":"","sources":["../../../src/select/root/SelectRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAIrE;;;;;;GAMG;AACH,wBAAgB,UAAU,CAAC,KAAK,GAAG,GAAG,EAAE,KAAK,EAAE,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,qBAsDrE;AAED,MAAM,WAAW,eAAe;CAAG;AAEnC,MAAM,WAAW,eAAe,CAAC,KAAK,GAAG,GAAG;IAC1C;;;;OAIG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IAC1B;;;;OAIG;IACH,YAAY,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;IACjC;;OAEG;IACH,aAAa,CAAC,EACV,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,UAAU,CAAC,kBAAkB,KAAK,IAAI,CAAC,GACrE,SAAS,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EACT,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,UAAU,CAAC,kBAAkB,KAAK,IAAI,CAAC,GACtE,SAAS,CAAC;IACd;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;;;;;;;;;;;;OAaG;IACH,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,MAAM,2BAA2B,GACnC,OAAO,OAAO,CAAC,YAAY,GAC3B,OAAO,OAAO,CAAC,YAAY,GAC3B,OAAO,OAAO,CAAC,SAAS,GACxB,OAAO,OAAO,CAAC,SAAS,GACxB,OAAO,OAAO,CAAC,gBAAgB,GAC/B,OAAO,OAAO,CAAC,IAAI,CAAC;AAExB,MAAM,MAAM,4BAA4B,GAAG,sBAAsB,CAAC,2BAA2B,CAAC,CAAC;AAE/F,yBAAiB,UAAU,CAAC;IAC1B,KAAY,KAAK,GAAG,eAAe,CAAC;IACpC,KAAY,KAAK,CAAC,MAAM,GAAG,GAAG,IAAI,eAAe,CAAC,MAAM,CAAC,CAAC;IAC1D,KAAY,iBAAiB,GAAG,2BAA2B,CAAC;IAC5D,KAAY,kBAAkB,GAAG,4BAA4B,CAAC;CAC/D"}
|
|
@@ -1,11 +1,47 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
'use client';
|
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(o, k2, desc);
|
|
10
|
+
}) : (function(o, m, k, k2) {
|
|
11
|
+
if (k2 === undefined) k2 = k;
|
|
12
|
+
o[k2] = m[k];
|
|
13
|
+
}));
|
|
14
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
3
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
37
|
exports.SelectRoot = SelectRoot;
|
|
5
38
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
39
|
+
const React = __importStar(require("react"));
|
|
6
40
|
const useRefWithInit_1 = require("../../hooks/useRefWithInit");
|
|
41
|
+
const useTransitionStatus_1 = require("../../internals/useTransitionStatus");
|
|
7
42
|
const SelectStore_1 = require("../store/SelectStore");
|
|
8
43
|
const SelectRootContext_1 = require("./SelectRootContext");
|
|
44
|
+
const SelectTransitionContext_1 = require("./SelectTransitionContext");
|
|
9
45
|
/**
|
|
10
46
|
* Groups all parts of the select.
|
|
11
47
|
* Doesn't render its own element.
|
|
@@ -33,6 +69,9 @@ function SelectRoot(props) {
|
|
|
33
69
|
store.useContextCallback('onOpenChange', onOpenChange);
|
|
34
70
|
store.useContextCallback('onValueChange', onValueChange);
|
|
35
71
|
store.useSyncedValues({ disabled, readOnly, required, items, multiple });
|
|
36
|
-
|
|
72
|
+
const resolvedOpen = store.useState('open');
|
|
73
|
+
const { transitionStatus } = (0, useTransitionStatus_1.useTransitionStatus)(resolvedOpen, false, true);
|
|
74
|
+
const transitionContextValue = React.useMemo(() => ({ transitionStatus }), [transitionStatus]);
|
|
75
|
+
return ((0, jsx_runtime_1.jsx)(SelectRootContext_1.SelectRootContext.Provider, { value: store, children: (0, jsx_runtime_1.jsx)(SelectTransitionContext_1.SelectTransitionContext.Provider, { value: transitionContextValue, children: children }) }));
|
|
37
76
|
}
|
|
38
77
|
//# sourceMappingURL=SelectRoot.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectRoot.js","sourceRoot":"","sources":["../../../src/select/root/SelectRoot.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"SelectRoot.js","sourceRoot":"","sources":["../../../src/select/root/SelectRoot.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBb,gCAsDC;;AAtED,6CAA+B;AAC/B,+DAA4D;AAC5D,6EAA0E;AAG1E,sDAAqE;AACrE,2DAAwD;AACxD,uEAAoE;AAEpE;;;;;;GAMG;AACH,SAAgB,UAAU,CAAc,KAA8B;IACpE,MAAM,EACJ,QAAQ,EACR,WAAW,GAAG,KAAK,EACnB,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,YAAY,EACZ,aAAa,EACb,IAAI,EACJ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GAAG,IAAA,+BAAc,EAC1B,GAAG,EAAE,CACH,IAAI,yBAAW,CAAC;QACd,IAAI,EAAE,WAAW;QACjB,QAAQ,EAAE,IAAI;QACd,uEAAuE;QACvE,4CAA4C;QAC5C,KAAK,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC;QAClD,SAAS,EAAE,KAAK;QAChB,KAAK;QACL,QAAQ;QACR,QAAQ;QACR,QAAQ;QACR,QAAQ;KACT,CAAC,CACL,CAAC,OAAO,CAAC;IAEV,KAAK,CAAC,iBAAiB,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IAC1C,KAAK,CAAC,iBAAiB,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;IAC5C,KAAK,CAAC,kBAAkB,CAAC,cAAc,EAAE,YAAY,CAAC,CAAC;IACvD,KAAK,CAAC,kBAAkB,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IACzD,KAAK,CAAC,eAAe,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEzE,MAAM,YAAY,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAC5C,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,yCAAmB,EAAC,YAAY,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IAE5E,MAAM,sBAAsB,GAAG,KAAK,CAAC,OAAO,CAC1C,GAAG,EAAE,CAAC,CAAC,EAAE,gBAAgB,EAAE,CAAC,EAC5B,CAAC,gBAAgB,CAAC,CACnB,CAAC;IAEF,OAAO,CACL,uBAAC,qCAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YACtC,uBAAC,iDAAuB,CAAC,QAAQ,IAAC,KAAK,EAAE,sBAAsB,YAC5D,QAAQ,GACwB,GACR,CAC9B,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import type { TransitionStatus } from '../../internals/useTransitionStatus';
|
|
3
|
+
export interface SelectTransitionContext {
|
|
4
|
+
transitionStatus: TransitionStatus;
|
|
5
|
+
}
|
|
6
|
+
export declare const SelectTransitionContext: React.Context<SelectTransitionContext | undefined>;
|
|
7
|
+
export declare function useSelectTransitionContext(): SelectTransitionContext | undefined;
|
|
8
|
+
//# sourceMappingURL=SelectTransitionContext.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectTransitionContext.d.ts","sourceRoot":"","sources":["../../../src/select/root/SelectTransitionContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAE5E,MAAM,WAAW,uBAAuB;IACtC,gBAAgB,EAAE,gBAAgB,CAAC;CACpC;AAED,eAAO,MAAM,uBAAuB,oDAEnC,CAAC;AAEF,wBAAgB,0BAA0B,wCAEzC"}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
'use client';
|
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(o, k2, desc);
|
|
10
|
+
}) : (function(o, m, k, k2) {
|
|
11
|
+
if (k2 === undefined) k2 = k;
|
|
12
|
+
o[k2] = m[k];
|
|
13
|
+
}));
|
|
14
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
36
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
+
exports.SelectTransitionContext = void 0;
|
|
38
|
+
exports.useSelectTransitionContext = useSelectTransitionContext;
|
|
39
|
+
const React = __importStar(require("react"));
|
|
40
|
+
exports.SelectTransitionContext = React.createContext(undefined);
|
|
41
|
+
function useSelectTransitionContext() {
|
|
42
|
+
return React.useContext(exports.SelectTransitionContext);
|
|
43
|
+
}
|
|
44
|
+
//# sourceMappingURL=SelectTransitionContext.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectTransitionContext.js","sourceRoot":"","sources":["../../../src/select/root/SelectTransitionContext.ts"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYb,gEAEC;AAbD,6CAA+B;AAOlB,QAAA,uBAAuB,GAAG,KAAK,CAAC,aAAa,CACxD,SAAS,CACV,CAAC;AAEF,SAAgB,0BAA0B;IACxC,OAAO,KAAK,CAAC,UAAU,CAAC,+BAAuB,CAAC,CAAC;AACnD,CAAC"}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import { View } from 'react-native';
|
|
2
3
|
import type { ZestUIComponentProps, Orientation } from '../types';
|
|
3
4
|
/**
|
|
4
5
|
* A separator element accessible to screen readers.
|
|
5
6
|
* Renders a `<View>`.
|
|
6
7
|
*/
|
|
7
|
-
export declare function Separator(componentProps: Separator.Props):
|
|
8
|
+
export declare function Separator(componentProps: Separator.Props): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
8
9
|
export interface SeparatorProps extends ZestUIComponentProps<typeof View, SeparatorState> {
|
|
9
10
|
/**
|
|
10
11
|
* The orientation of the separator.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../src/separator/Separator.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGlE;;;GAGG;AACH,wBAAgB,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"Separator.d.ts","sourceRoot":"","sources":["../../src/separator/Separator.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAGlE;;;GAGG;AACH,wBAAgB,SAAS,CAAC,cAAc,EAAE,SAAS,CAAC,KAAK,0EAsBxD;AAED,MAAM,WAAW,cAAe,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,cAAc,CAAC;IACvF;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;CACvC;AAED,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,yBAAiB,SAAS,CAAC;IACzB,KAAY,KAAK,GAAG,cAAc,CAAC;IACnC,KAAY,KAAK,GAAG,cAAc,CAAC;CACpC"}
|
|
@@ -1,7 +1,41 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
'use client';
|
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(o, k2, desc);
|
|
10
|
+
}) : (function(o, m, k, k2) {
|
|
11
|
+
if (k2 === undefined) k2 = k;
|
|
12
|
+
o[k2] = m[k];
|
|
13
|
+
}));
|
|
14
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
3
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
37
|
exports.Separator = Separator;
|
|
38
|
+
const React = __importStar(require("react"));
|
|
5
39
|
const react_native_1 = require("react-native");
|
|
6
40
|
const useRenderElement_1 = require("../use-render/useRenderElement");
|
|
7
41
|
/**
|
|
@@ -10,7 +44,7 @@ const useRenderElement_1 = require("../use-render/useRenderElement");
|
|
|
10
44
|
*/
|
|
11
45
|
function Separator(componentProps) {
|
|
12
46
|
const { className, render, orientation = 'horizontal', style, ref, ...elementProps } = componentProps;
|
|
13
|
-
const state = { orientation };
|
|
47
|
+
const state = React.useMemo(() => ({ orientation }), [orientation]);
|
|
14
48
|
const element = (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
|
|
15
49
|
state,
|
|
16
50
|
ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../src/separator/Separator.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC
|
|
1
|
+
{"version":3,"file":"Separator.js","sourceRoot":"","sources":["../../src/separator/Separator.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUb,8BAsBC;AA/BD,6CAA+B;AAC/B,+CAAoC;AAEpC,qEAAkE;AAElE;;;GAGG;AACH,SAAgB,SAAS,CAAC,cAA+B;IACvD,MAAM,EACJ,SAAS,EACT,MAAM,EACN,WAAW,GAAG,YAAY,EAC1B,KAAK,EACL,GAAG,EACH,GAAG,YAAY,EAChB,GAAG,cAAc,CAAC;IAEnB,MAAM,KAAK,GAAmB,KAAK,CAAC,OAAO,CACzC,GAAG,EAAE,CAAC,CAAC,EAAE,WAAW,EAAE,CAAC,EACvB,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QACrD,KAAK;QACL,GAAG;QACH,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,kBAAkB,EAAE,WAAW,EAAE,EAAE,YAAY,CAAC;KAC9E,CAAC,CAAC;IAEH,OAAO,OAAO,CAAC;AACjB,CAAC"}
|
|
@@ -19,6 +19,10 @@ export interface SliderThumbState extends SliderRootState {
|
|
|
19
19
|
* This thumb's value.
|
|
20
20
|
*/
|
|
21
21
|
value: number;
|
|
22
|
+
/**
|
|
23
|
+
* This thumb's position as a percentage (0-100) of the track.
|
|
24
|
+
*/
|
|
25
|
+
percent: number;
|
|
22
26
|
}
|
|
23
27
|
export interface SliderThumbProps extends ZestUIComponentProps<typeof View, SliderThumbState> {
|
|
24
28
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderThumb.d.ts","sourceRoot":"","sources":["../../../src/slider/thumb/SliderThumb.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,cAAc,EAAE,WAAW,CAAC,KAAK,8FAoC5D;AAcD,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"SliderThumb.d.ts","sourceRoot":"","sources":["../../../src/slider/thumb/SliderThumb.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,cAAc,EAAE,WAAW,CAAC,KAAK,8FAoC5D;AAcD,MAAM,WAAW,gBAAiB,SAAQ,eAAe;IACvD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAiB,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,gBAAgB,CAAC;IAC3F;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC5B;AAED,yBAAiB,WAAW,CAAC;IAC3B,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,gBAAgB,CAAC;CACtC"}
|
|
@@ -23,7 +23,7 @@ function SliderThumb(componentProps) {
|
|
|
23
23
|
const positionStyle = orientation === 'vertical'
|
|
24
24
|
? { position: 'absolute', bottom: `${percent}%` }
|
|
25
25
|
: { position: 'absolute', left: `${percent}%` };
|
|
26
|
-
const thumbState = { ...state, index, value };
|
|
26
|
+
const thumbState = { ...state, index, value, percent };
|
|
27
27
|
return (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
|
|
28
28
|
state: thumbState,
|
|
29
29
|
ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SliderThumb.js","sourceRoot":"","sources":["../../../src/slider/thumb/SliderThumb.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAgBb,kCAoCC;AAnDD,+CAAoC;AACpC,iEAAiE;AACjE,wEAAqE;AACrE,2DAAwD;AAIxD;;;;;;;GAOG;AACH,SAAgB,WAAW,CAAC,cAAiC;;IAC3D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAErF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,GAC/E,IAAA,wCAAoB,GAAE,CAAC;IAEzB,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,mCAAI,GAAG,CAAC;IACnC,MAAM,OAAO,GAAG,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAEtE,MAAM,aAAa,GACjB,WAAW,KAAK,UAAU;QACxB,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAmB,EAAE,MAAM,EAAE,GAAG,OAAO,GAAY,EAAE;QACnE,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAmB,EAAE,IAAI,EAAE,GAAG,OAAO,GAAY,EAAE,CAAC;IAEtE,MAAM,UAAU,GAAqB,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"SliderThumb.js","sourceRoot":"","sources":["../../../src/slider/thumb/SliderThumb.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAgBb,kCAoCC;AAnDD,+CAAoC;AACpC,iEAAiE;AACjE,wEAAqE;AACrE,2DAAwD;AAIxD;;;;;;;GAOG;AACH,SAAgB,WAAW,CAAC,cAAiC;;IAC3D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAErF,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,GAC/E,IAAA,wCAAoB,GAAE,CAAC;IAEzB,MAAM,KAAK,GAAG,MAAA,MAAM,CAAC,KAAK,CAAC,mCAAI,GAAG,CAAC;IACnC,MAAM,OAAO,GAAG,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAEtE,MAAM,aAAa,GACjB,WAAW,KAAK,UAAU;QACxB,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAmB,EAAE,MAAM,EAAE,GAAG,OAAO,GAAY,EAAE;QACnE,CAAC,CAAC,EAAE,QAAQ,EAAE,UAAmB,EAAE,IAAI,EAAE,GAAG,OAAO,GAAY,EAAE,CAAC;IAEtE,MAAM,UAAU,GAAqB,EAAE,GAAG,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;IAEzE,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK,EAAE,UAAU;QACjB,GAAG;QACH,KAAK,EAAE;YACL;gBACE,KAAK,EAAE,aAAa;gBACpB,iBAAiB,EAAE,YAAqB;gBACxC,uBAAuB,EAAE,OAAO;gBAChC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAAE;gBACvD,kBAAkB,EAAE;oBAClB,GAAG;oBACH,GAAG;oBACH,GAAG,EAAE,KAAK;oBACV,IAAI,EAAE,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC;iBACzC;gBACD,kBAAkB,EAAE,WAAW;aAChC;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC;AAED,SAAS,WAAW,CAClB,KAAa,EACb,MAA4C,EAC5C,MAAwC;IAExC,IAAI,CAAC,MAAM,EAAE,CAAC;QACZ,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,OAAO,IAAA,2BAAY,EAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AAC7C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsTab.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab/TabsTab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAA8B,MAAM,cAAc,CAAC;AAKrE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAE/F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAIxD;;;GAGG;AACH,wBAAgB,OAAO,CAAC,cAAc,EAAE,OAAO,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"TabsTab.d.ts","sourceRoot":"","sources":["../../../src/tabs/tab/TabsTab.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAA8B,MAAM,cAAc,CAAC;AAKrE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qDAAqD,CAAC;AAE/F,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAIxD;;;GAGG;AACH,wBAAgB,OAAO,CAAC,cAAc,EAAE,OAAO,CAAC,KAAK,0EAgEpD;AAED,MAAM,MAAM,YAAY,GAAG,GAAG,GAAG,IAAI,CAAC;AAEtC,MAAM,MAAM,0BAA0B,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;AAEnF,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,MAAM,GAAG,SAAS,CAAC;IACvB,KAAK,EAAE,OAAO,CAAC,KAAK,GAAG,SAAS,CAAC;IACjC,8DAA8D;IAC9D,MAAM,CAAC,EAAE,mBAAmB,GAAG,SAAS,CAAC;CAC1C;AAED,MAAM,WAAW,YAAY;IAC3B;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,WAAW,EAAE,QAAQ,CAAC,WAAW,CAAC;IAClC;;OAEG;IACH,sBAAsB,EAAE,OAAO,CAAC,mBAAmB,CAAC;IACpD;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,SAAS,EAAE,YAAY,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACvF;;OAEG;IACH,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC;IACrB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,yBAAiB,OAAO,CAAC;IACvB,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,mBAAmB,GAAG,0BAA0B,CAAC;IAC7D,KAAY,QAAQ,GAAG,eAAe,CAAC;IACvC,KAAY,IAAI,GAAG,WAAW,CAAC;IAC/B,KAAY,QAAQ,GAAG,eAAe,CAAC;IACvC,KAAY,KAAK,GAAG,YAAY,CAAC;IACjC,KAAY,KAAK,GAAG,YAAY,CAAC;CAClC"}
|
package/lib/tabs/tab/TabsTab.js
CHANGED
|
@@ -58,7 +58,7 @@ function TabsTab(componentProps) {
|
|
|
58
58
|
const [pressed, setPressed] = React.useState(false);
|
|
59
59
|
const { getButtonProps } = (0, useButton_1.useButton)({ disabled });
|
|
60
60
|
const tabPanelId = getTabPanelIdByValue(value);
|
|
61
|
-
const state = { disabled, active, orientation, tabActivationDirection, pressed };
|
|
61
|
+
const state = React.useMemo(() => ({ disabled, active, orientation, tabActivationDirection, pressed }), [disabled, active, orientation, tabActivationDirection, pressed]);
|
|
62
62
|
return (0, useRenderElement_1.useRenderElement)(react_native_1.Pressable, componentProps, {
|
|
63
63
|
state,
|
|
64
64
|
ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabsTab.js","sourceRoot":"","sources":["../../../src/tabs/tab/TabsTab.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBb,
|
|
1
|
+
{"version":3,"file":"TabsTab.js","sourceRoot":"","sources":["../../../src/tabs/tab/TabsTab.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBb,0BAgEC;AAjFD,6CAA+B;AAC/B,+CAAqE;AACrE,6CAA0C;AAC1C,wEAAqE;AACrE,oEAAiE;AACjE,8FAA2F;AAE3F,6DAA6D;AAG7D,mFAAgF;AAChF,iDAA8C;AAE9C;;;GAGG;AACH,SAAgB,OAAO,CAAC,cAA6B;IACnD,MAAM,EAAE,SAAS,EAAE,QAAQ,GAAG,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAEnG,MAAM,EACJ,KAAK,EAAE,cAAc,EACrB,oBAAoB,EACpB,aAAa,EACb,WAAW,EACX,sBAAsB,GACvB,GAAG,IAAA,oCAAkB,GAAE,CAAC;IAEzB,MAAM,EAAE,GAAG,IAAA,aAAK,GAAE,CAAC;IAEnB,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvF,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAA,2CAAoB,EAAmB,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE1E,MAAM,MAAM,GAAG,KAAK,KAAK,cAAc,CAAC;IAExC,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,EAAE,cAAc,EAAE,GAAG,IAAA,qBAAS,EAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAEnD,MAAM,UAAU,GAAG,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAE/C,MAAM,KAAK,GAAiB,KAAK,CAAC,OAAO,CACvC,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,sBAAsB,EAAE,OAAO,EAAE,CAAC,EAC1E,CAAC,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,sBAAsB,EAAE,OAAO,CAAC,CACjE,CAAC;IAEF,OAAO,IAAA,mCAAgB,EAAC,wBAAS,EAAE,cAAc,EAAE;QACjD,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,QAAQ,EAAE,EAAE;gBACZ,QAAQ;gBACR,iBAAiB,EAAE,KAAc;gBACjC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,QAAQ,IAAI,SAAS,EAAE;gBACzE,eAAe,EAAE,UAAU;gBAC3B,eAAe,EAAE,MAAM;gBACvB,OAAO,CAAC,KAA4B;oBAClC,IAAI,MAAM,IAAI,QAAQ,EAAE,CAAC;wBACvB,OAAO;oBACT,CAAC;oBAED,aAAa,CACX,KAAK,EACL,IAAA,mDAAwB,EAAC,iBAAO,CAAC,IAAI,EAAE,KAAK,EAAE;wBAC5C,mBAAmB,EAAE,MAAe;qBACrC,CAAgC,CAClC,CAAC;gBACJ,CAAC;gBACD,SAAS;oBACP,UAAU,CAAC,IAAI,CAAC,CAAC;gBACnB,CAAC;gBACD,UAAU;oBACR,UAAU,CAAC,KAAK,CAAC,CAAC;gBACpB,CAAC;aACF;YACD,YAAY;YACZ,cAAc;SACf;KACF,CAAC,CAAC;AACL,CAAC"}
|
package/lib/toggle/Toggle.d.ts
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
1
2
|
import { Pressable } from 'react-native';
|
|
2
3
|
import type { ZestUIComponentProps } from '../types';
|
|
3
4
|
import { type ZestChangeEventDetails } from '../utils/createChangeEventDetails';
|
|
@@ -6,7 +7,7 @@ import { REASONS } from '../utils/reasons';
|
|
|
6
7
|
* A two-state button that can be on or off.
|
|
7
8
|
* Renders a `<Pressable>`.
|
|
8
9
|
*/
|
|
9
|
-
export declare function Toggle<Value extends string = string>(componentProps: Toggle.Props<Value>):
|
|
10
|
+
export declare function Toggle<Value extends string = string>(componentProps: Toggle.Props<Value>): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
|
|
10
11
|
export interface ToggleState {
|
|
11
12
|
/**
|
|
12
13
|
* Whether the toggle is currently pressed.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/toggle/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAA8B,MAAM,cAAc,CAAC;AAOrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C;;;GAGG;AACH,wBAAgB,MAAM,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,cAAc,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/toggle/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAA8B,MAAM,cAAc,CAAC;AAOrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAErD,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,mCAAmC,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAE3C;;;GAGG;AACH,wBAAgB,MAAM,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EAAE,cAAc,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,0EA2FxF;AAED,MAAM,WAAW,WAAW;IAC1B;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,WAAW,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,CACxD,SAAQ,IAAI,CAAC,oBAAoB,CAAC,OAAO,SAAS,EAAE,WAAW,CAAC,EAAE,SAAS,CAAC;IAC5E;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IACrC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,eAAe,CAAC,EACZ,CAAC,CAAC,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,CAAC,kBAAkB,KAAK,IAAI,CAAC,GACrE,SAAS,CAAC;IACd;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;CAC3B;AAED,MAAM,MAAM,uBAAuB,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAE1D,MAAM,MAAM,wBAAwB,GAAG,sBAAsB,CAAC,uBAAuB,CAAC,CAAC;AAEvF,yBAAiB,MAAM,CAAC;IACtB,KAAY,KAAK,GAAG,WAAW,CAAC;IAChC,KAAY,KAAK,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,WAAW,CAAC,KAAK,CAAC,CAAC;IACtE,KAAY,iBAAiB,GAAG,uBAAuB,CAAC;IACxD,KAAY,kBAAkB,GAAG,wBAAwB,CAAC;CAC3D"}
|
package/lib/toggle/Toggle.js
CHANGED
|
@@ -1,7 +1,41 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
'use client';
|
|
3
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
4
|
+
if (k2 === undefined) k2 = k;
|
|
5
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
6
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
7
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
8
|
+
}
|
|
9
|
+
Object.defineProperty(o, k2, desc);
|
|
10
|
+
}) : (function(o, m, k, k2) {
|
|
11
|
+
if (k2 === undefined) k2 = k;
|
|
12
|
+
o[k2] = m[k];
|
|
13
|
+
}));
|
|
14
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
15
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
16
|
+
}) : function(o, v) {
|
|
17
|
+
o["default"] = v;
|
|
18
|
+
});
|
|
19
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
20
|
+
var ownKeys = function(o) {
|
|
21
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
22
|
+
var ar = [];
|
|
23
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
24
|
+
return ar;
|
|
25
|
+
};
|
|
26
|
+
return ownKeys(o);
|
|
27
|
+
};
|
|
28
|
+
return function (mod) {
|
|
29
|
+
if (mod && mod.__esModule) return mod;
|
|
30
|
+
var result = {};
|
|
31
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
32
|
+
__setModuleDefault(result, mod);
|
|
33
|
+
return result;
|
|
34
|
+
};
|
|
35
|
+
})();
|
|
3
36
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
4
37
|
exports.Toggle = Toggle;
|
|
38
|
+
const React = __importStar(require("react"));
|
|
5
39
|
const react_native_1 = require("react-native");
|
|
6
40
|
const useControlled_1 = require("../hooks/useControlled");
|
|
7
41
|
const useId_1 = require("../hooks/useId");
|
|
@@ -42,7 +76,7 @@ function Toggle(componentProps) {
|
|
|
42
76
|
state: 'pressed',
|
|
43
77
|
});
|
|
44
78
|
const { getButtonProps } = (0, useButton_1.useButton)({ disabled });
|
|
45
|
-
const state = { disabled, pressed };
|
|
79
|
+
const state = React.useMemo(() => ({ disabled, pressed }), [disabled, pressed]);
|
|
46
80
|
return (0, useRenderElement_1.useRenderElement)(react_native_1.Pressable, componentProps, {
|
|
47
81
|
state,
|
|
48
82
|
ref,
|
package/lib/toggle/Toggle.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/toggle/Toggle.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC
|
|
1
|
+
{"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../src/toggle/Toggle.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAKhD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACvD,cAAc,EAAE,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,
|
|
1
|
+
{"version":3,"file":"ToggleGroup.d.ts","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAIpC,OAAO,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAClE,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,mCAAmC,CAAC;AAChF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAKhD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,EACvD,cAAc,EAAE,WAAW,CAAC,KAAK,CAAC,KAAK,CAAC,qBAiFzC;AAED,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;;;OAIG;IACH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,WAAW,EAAE,WAAW,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,CAC7D,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,gBAAgB,CAAC;IAC3D;;;;OAIG;IACH,KAAK,CAAC,EAAE,SAAS,KAAK,EAAE,GAAG,SAAS,CAAC;IACrC;;;;OAIG;IACH,YAAY,CAAC,EAAE,SAAS,KAAK,EAAE,GAAG,SAAS,CAAC;IAC5C;;OAEG;IACH,aAAa,CAAC,EACV,CAAC,CAAC,UAAU,EAAE,KAAK,EAAE,EAAE,YAAY,EAAE,WAAW,CAAC,kBAAkB,KAAK,IAAI,CAAC,GAC7E,SAAS,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC/B;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,SAAS,CAAC;IACtC;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;CAChC;AAED,MAAM,MAAM,4BAA4B,GAAG,OAAO,OAAO,CAAC,IAAI,CAAC;AAE/D,MAAM,MAAM,6BAA6B,GAAG,sBAAsB,CAAC,4BAA4B,CAAC,CAAC;AAEjG,yBAAiB,WAAW,CAAC;IAC3B,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,CAAC,KAAK,SAAS,MAAM,GAAG,MAAM,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAC3E,KAAY,iBAAiB,GAAG,4BAA4B,CAAC;IAC7D,KAAY,kBAAkB,GAAG,6BAA6B,CAAC;CAChE"}
|
|
@@ -76,7 +76,7 @@ function ToggleGroup(componentProps) {
|
|
|
76
76
|
}
|
|
77
77
|
setValueState(newGroupValue);
|
|
78
78
|
});
|
|
79
|
-
const state = { disabled, multiple, orientation };
|
|
79
|
+
const state = React.useMemo(() => ({ disabled, multiple, orientation }), [disabled, multiple, orientation]);
|
|
80
80
|
const contextValue = React.useMemo(() => ({
|
|
81
81
|
disabled,
|
|
82
82
|
setGroupValue,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBb,
|
|
1
|
+
{"version":3,"file":"ToggleGroup.js","sourceRoot":"","sources":["../../src/toggle-group/ToggleGroup.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBb,kCAkFC;;AAlGD,6CAA+B;AAC/B,+CAAoC;AACpC,0DAAuD;AACvD,kEAA+D;AAC/D,qEAAkE;AAIlE,6DAA0D;AAE1D,MAAM,WAAW,GAAY,EAAE,CAAC;AAEhC;;;GAGG;AACH,SAAgB,WAAW,CACzB,cAAwC;IAExC,MAAM,EACJ,SAAS,EACT,YAAY,EAAE,gBAAgB,EAC9B,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,aAAa,EACb,WAAW,GAAG,YAAY,EAC1B,MAAM,EACN,KAAK,EACL,KAAK,EAAE,SAAS,EAChB,GAAG,EACH,GAAG,YAAY,EAChB,GAAG,cAAc,CAAC;IAEnB,MAAM,kBAAkB,GAAG,SAAS,KAAK,SAAS,IAAI,gBAAgB,KAAK,SAAS,CAAC;IAErF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,6BAAa,EAAmB;QAClE,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,SAAS,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS;QAChF,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,OAAO;KACf,CAAC,CAAC;IAEH,MAAM,aAAa,GAAG,IAAA,qCAAiB,EACrC,CACE,QAAe,EACf,WAAoB,EACpB,YAAyD,EACzD,EAAE;QACF,IAAI,aAAsB,CAAC;QAC3B,IAAI,QAAQ,EAAE,CAAC;YACb,aAAa,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC;YACnC,IAAI,WAAW,EAAE,CAAC;gBAChB,aAAa,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YAC/B,CAAC;iBAAM,CAAC;gBACN,aAAa,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC;YACxD,CAAC;QACH,CAAC;aAAM,CAAC;YACN,aAAa,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAChD,CAAC;QAED,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,aAAa,EAAE,YAAY,CAAC,CAAC;QAE7C,IAAI,YAAY,CAAC,UAAU,EAAE,CAAC;YAC5B,OAAO;QACT,CAAC;QAED,aAAa,CAAC,aAAa,CAAC,CAAC;IAC/B,CAAC,CACF,CAAC;IAEF,MAAM,KAAK,GAAqB,KAAK,CAAC,OAAO,CAC3C,GAAG,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE,CAAC,EAC3C,CAAC,QAAQ,EAAE,QAAQ,EAAE,WAAW,CAAC,CAClC,CAAC;IAEF,MAAM,YAAY,GAA8B,KAAK,CAAC,OAAO,CAC3D,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ;QACR,aAAa;QACb,KAAK,EAAE,UAAU;QACjB,kBAAkB;KACnB,CAAC,EACF,CAAC,QAAQ,EAAE,aAAa,EAAE,UAAU,EAAE,kBAAkB,CAAC,CAC1D,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QACrD,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,IAAI,EAAE,OAAgB;gBACtB,kBAAkB,EAAE,WAAW;aAChC;YACD,YAAY;SACb;KACF,CAAC,CAAC;IAEH,OAAO,uBAAC,uCAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,YAAG,OAAO,GAA+B,CAAC;AACnG,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { View } from 'react-native';
|
|
2
2
|
import type { Align, Side } from '../../utils/useAnchorPositioning';
|
|
3
|
+
import type { TransitionStatus } from '../../internals/useTransitionStatus';
|
|
3
4
|
import type { ZestUIComponentProps } from '../../types';
|
|
4
5
|
/**
|
|
5
6
|
* A container for the tooltip contents.
|
|
@@ -7,8 +8,22 @@ import type { ZestUIComponentProps } from '../../types';
|
|
|
7
8
|
*/
|
|
8
9
|
export declare function TooltipPopup(componentProps: TooltipPopup.Props): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
|
|
9
10
|
export interface TooltipPopupState {
|
|
11
|
+
/**
|
|
12
|
+
* Whether the tooltip is currently open.
|
|
13
|
+
*/
|
|
10
14
|
open: boolean;
|
|
15
|
+
/**
|
|
16
|
+
* The transition status of the tooltip: `'starting'` as it opens (auto-clears
|
|
17
|
+
* to `undefined` after one frame), `'ending'` once it is closing.
|
|
18
|
+
*/
|
|
19
|
+
transitionStatus: TransitionStatus;
|
|
20
|
+
/**
|
|
21
|
+
* The side the popup was actually placed on, after collision handling.
|
|
22
|
+
*/
|
|
11
23
|
side: Side;
|
|
24
|
+
/**
|
|
25
|
+
* The alignment the popup was actually placed with.
|
|
26
|
+
*/
|
|
12
27
|
align: Align;
|
|
13
28
|
}
|
|
14
29
|
export interface TooltipPopupProps extends ZestUIComponentProps<typeof View, TooltipPopupState> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipPopup.d.ts","sourceRoot":"","sources":["../../../src/tooltip/popup/TooltipPopup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"TooltipPopup.d.ts","sourceRoot":"","sources":["../../../src/tooltip/popup/TooltipPopup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAKpC,OAAO,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAC5E,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAExD;;;GAGG;AACH,wBAAgB,YAAY,CAAC,cAAc,EAAE,YAAY,CAAC,KAAK,8FAyB9D;AAED,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,IAAI,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,gBAAgB,EAAE,gBAAgB,CAAC;IACnC;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IACX;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC;CACd;AAED,MAAM,WAAW,iBAAkB,SAAQ,oBAAoB,CAAC,OAAO,IAAI,EAAE,iBAAiB,CAAC;CAAG;AAElG,yBAAiB,YAAY,CAAC;IAC5B,KAAY,KAAK,GAAG,iBAAiB,CAAC;IACtC,KAAY,KAAK,GAAG,iBAAiB,CAAC;CACvC"}
|
|
@@ -5,23 +5,27 @@ exports.TooltipPopup = TooltipPopup;
|
|
|
5
5
|
const react_native_1 = require("react-native");
|
|
6
6
|
const TooltipRootContext_1 = require("../root/TooltipRootContext");
|
|
7
7
|
const TooltipPositionerContext_1 = require("../positioner/TooltipPositionerContext");
|
|
8
|
+
const TooltipTransitionContext_1 = require("../root/TooltipTransitionContext");
|
|
8
9
|
const useRenderElement_1 = require("../../use-render/useRenderElement");
|
|
9
10
|
/**
|
|
10
11
|
* A container for the tooltip contents.
|
|
11
12
|
* Renders a `<View>`.
|
|
12
13
|
*/
|
|
13
14
|
function TooltipPopup(componentProps) {
|
|
15
|
+
var _a;
|
|
14
16
|
const { render, className, style, ref, ...elementProps } = componentProps;
|
|
15
17
|
const store = (0, TooltipRootContext_1.useTooltipRootContext)();
|
|
16
18
|
const { side, align } = (0, TooltipPositionerContext_1.useTooltipPositionerContext)();
|
|
19
|
+
const { transitionStatus } = (_a = (0, TooltipTransitionContext_1.useTooltipTransitionContext)()) !== null && _a !== void 0 ? _a : { transitionStatus: undefined };
|
|
17
20
|
const open = store.useState('open');
|
|
18
|
-
const state = { open, side, align };
|
|
21
|
+
const state = { open, transitionStatus, side, align };
|
|
19
22
|
return (0, useRenderElement_1.useRenderElement)(react_native_1.View, componentProps, {
|
|
20
23
|
state,
|
|
21
24
|
ref,
|
|
22
25
|
props: [
|
|
23
26
|
{
|
|
24
27
|
role: 'tooltip',
|
|
28
|
+
accessibilityRole: 'tooltip',
|
|
25
29
|
// Claim the touch responder so presses inside the popup don't reach the
|
|
26
30
|
// portal's dismissal surface.
|
|
27
31
|
onStartShouldSetResponder: () => true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipPopup.js","sourceRoot":"","sources":["../../../src/tooltip/popup/TooltipPopup.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;
|
|
1
|
+
{"version":3,"file":"TooltipPopup.js","sourceRoot":"","sources":["../../../src/tooltip/popup/TooltipPopup.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;AAcb,oCAyBC;AAtCD,+CAAoC;AACpC,mEAAmE;AACnE,qFAAqF;AACrF,+EAA+E;AAC/E,wEAAqE;AAKrE;;;GAGG;AACH,SAAgB,YAAY,CAAC,cAAkC;;IAC7D,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,YAAY,EAAE,GAAG,cAAc,CAAC;IAE1E,MAAM,KAAK,GAAG,IAAA,0CAAqB,GAAE,CAAC;IACtC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAA,sDAA2B,GAAE,CAAC;IACtD,MAAM,EAAE,gBAAgB,EAAE,GAAG,MAAA,IAAA,sDAA2B,GAAE,mCAAI,EAAE,gBAAgB,EAAE,SAAS,EAAE,CAAC;IAE9F,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;IAEpC,MAAM,KAAK,GAAsB,EAAE,IAAI,EAAE,gBAAgB,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IAEzE,OAAO,IAAA,mCAAgB,EAAC,mBAAI,EAAE,cAAc,EAAE;QAC5C,KAAK;QACL,GAAG;QACH,KAAK,EAAE;YACL;gBACE,IAAI,EAAE,SAAkB;gBACxB,iBAAiB,EAAE,SAAkB;gBACrC,wEAAwE;gBACxE,8BAA8B;gBAC9B,yBAAyB,EAAE,GAAG,EAAE,CAAC,IAAI;aACtC;YACD,YAAY;SACb;KACF,CAAC,CAAC;AACL,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TooltipRoot.d.ts","sourceRoot":"","sources":["../../../src/tooltip/root/TooltipRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,
|
|
1
|
+
{"version":3,"file":"TooltipRoot.d.ts","sourceRoot":"","sources":["../../../src/tooltip/root/TooltipRoot.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,sCAAsC,CAAC;AACnF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAKnD;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,WAAW,CAAC,KAAK,qBAyBnD;AAED,MAAM,WAAW,gBAAgB;CAAG;AAEpC,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAClC;;OAEG;IACH,YAAY,CAAC,EACT,CAAC,CAAC,IAAI,EAAE,OAAO,EAAE,YAAY,EAAE,WAAW,CAAC,kBAAkB,KAAK,IAAI,CAAC,GACvE,SAAS,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,MAAM,MAAM,4BAA4B,GACpC,OAAO,OAAO,CAAC,YAAY,GAC3B,OAAO,OAAO,CAAC,YAAY,GAC3B,OAAO,OAAO,CAAC,SAAS,GACxB,OAAO,OAAO,CAAC,gBAAgB,GAC/B,OAAO,OAAO,CAAC,IAAI,CAAC;AAExB,MAAM,MAAM,6BAA6B,GAAG,sBAAsB,CAAC,4BAA4B,CAAC,CAAC;AAEjG,yBAAiB,WAAW,CAAC;IAC3B,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,KAAK,GAAG,gBAAgB,CAAC;IACrC,KAAY,iBAAiB,GAAG,4BAA4B,CAAC;IAC7D,KAAY,kBAAkB,GAAG,6BAA6B,CAAC;CAChE"}
|