@xaui/native 0.9.1-alpha.92 → 0.9.1-alpha.94
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/{chunk-PAQZOD2L.js → chunk-2JFMCW5E.js} +1 -1
- package/dist/chunk-2TLPFGGR.cjs +251 -0
- package/dist/{chunk-TPYOQSKT.js → chunk-2UNLQRXY.js} +1 -1
- package/dist/{chunk-JKDWYNSG.js → chunk-2XEQDQAN.js} +109 -107
- package/dist/{chunk-RXEUKYM5.js → chunk-33BA4LVN.js} +1 -1
- package/dist/{chunk-ODQHAPQW.js → chunk-4AIIAF6U.js} +24 -22
- package/dist/{chunk-QCH7X7O2.cjs → chunk-4LRVB6WR.cjs} +14 -14
- package/dist/{chunk-QUSQEYLP.cjs → chunk-53E2E7GS.cjs} +26 -28
- package/dist/{chunk-2B6PUYTP.cjs → chunk-55KGHYYU.cjs} +4 -4
- package/dist/{chunk-B33OU34Z.cjs → chunk-5O7E73QP.cjs} +12 -12
- package/dist/{chunk-FVEMTBU4.js → chunk-5XTF2JDK.js} +2 -2
- package/dist/{chunk-V2CEKPJ6.js → chunk-6MVKLRLZ.js} +1 -1
- package/dist/{chunk-RSIWSVXI.js → chunk-6NAZ2IHL.js} +1 -1
- package/dist/{chunk-LPJ3UBSO.cjs → chunk-6NRWZR7T.cjs} +2 -2
- package/dist/{chunk-FXN32S75.cjs → chunk-6SRFQSPR.cjs} +3 -3
- package/dist/{chunk-7EVW6O2Q.js → chunk-6W45YHTF.js} +1 -1
- package/dist/{chunk-7NQL5DXY.js → chunk-6XY3XAEQ.js} +1 -1
- package/dist/{chunk-UEW3GAP5.cjs → chunk-6ZWQDTGQ.cjs} +5 -5
- package/dist/{chunk-VMPCXS4S.js → chunk-7OVYYZ7H.js} +22 -20
- package/dist/{chunk-CYOUOQXT.cjs → chunk-AHJLQJOE.cjs} +5 -5
- package/dist/chunk-AHKKEM3K.cjs +536 -0
- package/dist/{chunk-WIX4SYZI.cjs → chunk-AIHKBSQ5.cjs} +2 -2
- package/dist/{chunk-WRZV6ORJ.js → chunk-AYOJXFHR.js} +1 -1
- package/dist/{chunk-OD6H7ANY.js → chunk-B5DBFS6M.js} +1 -1
- package/dist/{chunk-VQGNLX5C.js → chunk-BYDGJU5A.js} +1 -1
- package/dist/{chunk-NVODH2PR.js → chunk-CCTAJXZ3.js} +63 -61
- package/dist/{chunk-ORXVXYKC.cjs → chunk-CHGBWFDI.cjs} +63 -26
- package/dist/{chunk-WLJPO3AS.cjs → chunk-CZ2NUGUI.cjs} +357 -201
- package/dist/{chunk-PYQ2P3M5.cjs → chunk-CZEWWCWG.cjs} +58 -58
- package/dist/{chunk-PDSR42YC.cjs → chunk-D22K3NZU.cjs} +3 -3
- package/dist/{chunk-TRWZEOCO.js → chunk-DBP5CA5R.js} +2 -2
- package/dist/{chunk-QN2D5ZCS.cjs → chunk-DE4RSR7Q.cjs} +3 -3
- package/dist/{chunk-FOOXBVOQ.js → chunk-E5E2QA4K.js} +22 -20
- package/dist/{chunk-LECYGVIH.js → chunk-EQUD3NHO.js} +50 -48
- package/dist/chunk-ERIGD4SE.cjs +686 -0
- package/dist/{chunk-62AYYMZP.cjs → chunk-FDYPWVNP.cjs} +3 -3
- package/dist/chunk-GN7BWYXP.cjs +627 -0
- package/dist/chunk-GWTURY4S.cjs +999 -0
- package/dist/{chunk-OW4N2C3M.cjs → chunk-HBYT7B47.cjs} +88 -61
- package/dist/{chunk-XWIPLZTD.cjs → chunk-HOV25N3M.cjs} +2 -2
- package/dist/{chunk-5MMBEDZG.cjs → chunk-I3XIZWCV.cjs} +29 -29
- package/dist/{chunk-EDNCHCIN.cjs → chunk-IAJG7GYE.cjs} +2 -2
- package/dist/{chunk-P7OHZCU3.js → chunk-IAWLQN2W.js} +2 -2
- package/dist/{chunk-RCSEVEIR.js → chunk-ICVIWXK4.js} +1 -1
- package/dist/{chunk-RREJUSAS.cjs → chunk-IMIY34F4.cjs} +3 -3
- package/dist/{chunk-ZWS3FQ3J.js → chunk-IUDQG3JI.js} +57 -57
- package/dist/{chunk-O6B72H4B.js → chunk-K7VDLVLE.js} +6 -8
- package/dist/{chunk-P2CJNTAP.js → chunk-KFB24VYT.js} +22 -20
- package/dist/chunk-KHPODIQV.cjs +540 -0
- package/dist/{chunk-CBRW53GN.cjs → chunk-KMK6FUTK.cjs} +39 -23
- package/dist/{chunk-2AFA5HA2.js → chunk-KQW25RCC.js} +77 -75
- package/dist/{chunk-X4CZYJZ6.cjs → chunk-LCGJA37L.cjs} +12 -12
- package/dist/{chunk-SUJLTC2K.js → chunk-LPGY2IDX.js} +1 -1
- package/dist/{chunk-P5M5URAB.js → chunk-LSZW4G7B.js} +31 -31
- package/dist/{chunk-GYEQEF5H.js → chunk-LUPU7FJK.js} +1 -1
- package/dist/chunk-MNBEUNC5.cjs +792 -0
- package/dist/{chunk-AIND5F7P.js → chunk-MTQGFUW5.js} +29 -29
- package/dist/chunk-NGXLJ5ZF.cjs +395 -0
- package/dist/{chunk-DYQB54JA.cjs → chunk-NPAGA6SH.cjs} +2 -2
- package/dist/{chunk-QELEKXN3.cjs → chunk-OMI2FRCU.cjs} +5 -5
- package/dist/{chunk-EBCAPIBD.js → chunk-OX23MW5E.js} +70 -50
- package/dist/{chunk-MMFIMQMQ.js → chunk-OZLOYXLW.js} +2 -2
- package/dist/{chunk-JBZ7SBRV.cjs → chunk-Q3ZKZ2Y6.cjs} +3 -3
- package/dist/{chunk-TCWW7JI2.js → chunk-QT7KLGO3.js} +65 -63
- package/dist/{chunk-6RU6GUJP.js → chunk-QZF7RSVV.js} +1 -1
- package/dist/{chunk-UYQLW7OD.js → chunk-RAYO2TJL.js} +2 -2
- package/dist/{chunk-FRLWG5LM.js → chunk-RFT5MGJC.js} +25 -25
- package/dist/chunk-SIOSYITD.cjs +1039 -0
- package/dist/{chunk-USIWPESU.js → chunk-SIX5AVXG.js} +1 -1
- package/dist/{chunk-52XUGOLD.js → chunk-SX5U5UJQ.js} +3 -3
- package/dist/{chunk-GGP2ERSV.js → chunk-T5ES7FOL.js} +1 -1
- package/dist/{chunk-MSORLKO7.cjs → chunk-V3C3ATRO.cjs} +2 -2
- package/dist/{chunk-BI5ME4QP.cjs → chunk-VBS6VWW4.cjs} +5 -5
- package/dist/{chunk-KPKEZWZM.js → chunk-VQ4OTVET.js} +189 -211
- package/dist/{chunk-6GQ7UTJ7.cjs → chunk-VXAIFOXL.cjs} +2 -2
- package/dist/{chunk-BJVO7DWJ.js → chunk-W4F4NQXM.js} +1 -1
- package/dist/{chunk-ZE4IHUUO.cjs → chunk-WNEDQTH6.cjs} +2 -2
- package/dist/{chunk-CBXILKQZ.cjs → chunk-WPYJW3WM.cjs} +3 -3
- package/dist/{chunk-QHXTO525.js → chunk-WYJHDTU7.js} +1 -1
- package/dist/{chunk-PROLOLZ5.cjs → chunk-X22PLAP6.cjs} +2 -2
- package/dist/chunk-X6GT4H4I.cjs +662 -0
- package/dist/{chunk-RLC3EXMV.js → chunk-XM4IN4Q6.js} +2 -2
- package/dist/{chunk-ZKGVOXLQ.js → chunk-XOZMGNVS.js} +1 -1
- package/dist/chunk-XXXR2AD3.cjs +94 -0
- package/dist/{chunk-JC4YCKKL.js → chunk-YI5D4QZP.js} +22 -20
- package/dist/{chunk-AR7667VN.cjs → chunk-YJA7OQQZ.cjs} +4 -4
- package/dist/{chunk-PAQD6UUF.cjs → chunk-YJIVPYMG.cjs} +3 -3
- package/dist/{chunk-JJYHW4PV.js → chunk-YOPWQHNO.js} +1 -1
- package/dist/{chunk-LKRQUQZQ.cjs → chunk-YRANVNJG.cjs} +2 -2
- package/dist/chunk-ZDJQ643D.js +62 -0
- package/dist/components/accordion/index.cjs +3 -3
- package/dist/components/accordion/index.js +2 -2
- package/dist/components/agenda-calendar/index.cjs +4 -4
- package/dist/components/agenda-calendar/index.js +3 -3
- package/dist/components/alert/index.cjs +4 -4
- package/dist/components/alert/index.js +3 -3
- package/dist/components/autocomplete/index.cjs +3 -3
- package/dist/components/autocomplete/index.js +2 -2
- package/dist/components/bottom-sheet/index.cjs +3 -3
- package/dist/components/bottom-sheet/index.js +2 -2
- package/dist/components/button/index.cjs +3 -3
- package/dist/components/button/index.js +2 -2
- package/dist/components/calendar/index.cjs +3 -3
- package/dist/components/calendar/index.js +2 -2
- package/dist/components/card/index.cjs +3 -3
- package/dist/components/card/index.js +2 -2
- package/dist/components/carousel/index.cjs +3 -3
- package/dist/components/carousel/index.js +2 -2
- package/dist/components/checkbox/index.cjs +3 -3
- package/dist/components/checkbox/index.js +2 -2
- package/dist/components/chip/index.cjs +4 -4
- package/dist/components/chip/index.js +3 -3
- package/dist/components/close-button/index.cjs +4 -4
- package/dist/components/close-button/index.js +3 -3
- package/dist/components/color-picker/index.cjs +6 -6
- package/dist/components/color-picker/index.js +5 -5
- package/dist/components/combobox/index.cjs +4 -4
- package/dist/components/combobox/index.js +3 -3
- package/dist/components/date-picker/index.cjs +4 -4
- package/dist/components/date-picker/index.js +3 -3
- package/dist/components/date-range-picker/index.cjs +6 -6
- package/dist/components/date-range-picker/index.js +5 -5
- package/dist/components/date-time-picker/date-time-picker-indicator.d.cts +2 -2
- package/dist/components/date-time-picker/date-time-picker-indicator.d.ts +2 -2
- package/dist/components/date-time-picker/date-time-picker.type.d.cts +3 -2
- package/dist/components/date-time-picker/date-time-picker.type.d.ts +3 -2
- package/dist/components/date-time-picker/index.cjs +8 -9
- package/dist/components/date-time-picker/index.d.cts +1 -1
- package/dist/components/date-time-picker/index.d.ts +1 -1
- package/dist/components/date-time-picker/index.js +7 -8
- package/dist/components/dialog/index.cjs +4 -4
- package/dist/components/dialog/index.js +3 -3
- package/dist/components/dummy-field/index.cjs +3 -3
- package/dist/components/dummy-field/index.js +2 -2
- package/dist/components/fab/index.cjs +3 -3
- package/dist/components/fab/index.js +2 -2
- package/dist/components/flip-card/index.cjs +3 -3
- package/dist/components/flip-card/index.js +2 -2
- package/dist/components/index.d.cts +0 -1
- package/dist/components/index.d.ts +0 -1
- package/dist/components/list-box/index.cjs +2 -2
- package/dist/components/list-box/index.js +1 -1
- package/dist/components/menu/index.cjs +3 -3
- package/dist/components/menu/index.js +2 -2
- package/dist/components/morph-button/index.cjs +3 -3
- package/dist/components/morph-button/index.js +2 -2
- package/dist/components/number-field/number-field-increment.d.cts +2 -2
- package/dist/components/number-field/number-field-increment.d.ts +2 -2
- package/dist/components/number-pad/index.cjs +3 -3
- package/dist/components/number-pad/index.js +2 -2
- package/dist/components/number-stepper/index.cjs +3 -3
- package/dist/components/number-stepper/index.js +2 -2
- package/dist/components/pager/index.cjs +4 -2
- package/dist/components/pager/index.d.cts +2 -2
- package/dist/components/pager/index.d.ts +2 -2
- package/dist/components/pager/index.js +3 -1
- package/dist/components/pager/pager.d.cts +3 -4
- package/dist/components/pager/pager.d.ts +3 -4
- package/dist/components/pager/pager.recipe.d.cts +19 -1
- package/dist/components/pager/pager.recipe.d.ts +19 -1
- package/dist/components/pager/pager.type.d.cts +5 -6
- package/dist/components/pager/pager.type.d.ts +5 -6
- package/dist/components/phone-number-field/index.cjs +14 -14
- package/dist/components/phone-number-field/index.js +3 -3
- package/dist/components/popover/index.cjs +3 -3
- package/dist/components/popover/index.js +2 -2
- package/dist/components/radio/index.cjs +3 -3
- package/dist/components/radio/index.js +2 -2
- package/dist/components/range-calendar/index.cjs +4 -4
- package/dist/components/range-calendar/index.js +3 -3
- package/dist/components/rating/index.cjs +3 -3
- package/dist/components/rating/index.js +2 -2
- package/dist/components/search-field/index.cjs +4 -4
- package/dist/components/search-field/index.js +3 -3
- package/dist/components/segment/index.cjs +4 -4
- package/dist/components/segment/index.js +2 -2
- package/dist/components/select/index.cjs +3 -3
- package/dist/components/select/index.js +2 -2
- package/dist/components/slider/index.cjs +2 -2
- package/dist/components/slider/index.js +1 -1
- package/dist/components/snackbar/index.cjs +3 -3
- package/dist/components/snackbar/index.js +2 -2
- package/dist/components/switch/index.cjs +3 -3
- package/dist/components/switch/index.js +2 -2
- package/dist/components/table/index.cjs +4 -4
- package/dist/components/table/index.js +3 -3
- package/dist/components/tabs/index.cjs +4 -4
- package/dist/components/tabs/index.js +3 -3
- package/dist/components/tag-group/index.cjs +4 -4
- package/dist/components/tag-group/index.js +3 -3
- package/dist/components/time-picker/index.cjs +4 -5
- package/dist/components/time-picker/index.d.cts +1 -1
- package/dist/components/time-picker/index.d.ts +1 -1
- package/dist/components/time-picker/index.js +3 -4
- package/dist/components/time-picker/time-picker-display.d.cts +3 -3
- package/dist/components/time-picker/time-picker-display.d.ts +3 -3
- package/dist/components/time-picker/time-picker-indicator.d.cts +2 -2
- package/dist/components/time-picker/time-picker-indicator.d.ts +2 -2
- package/dist/components/time-picker/time-picker.d.cts +1 -1
- package/dist/components/time-picker/time-picker.d.ts +1 -1
- package/dist/components/time-picker/time-picker.type.d.cts +11 -1
- package/dist/components/time-picker/time-picker.type.d.ts +11 -1
- package/dist/components/toast/index.cjs +3 -3
- package/dist/components/toast/index.js +2 -2
- package/dist/components/toggle-button/index.cjs +3 -3
- package/dist/components/toggle-button/index.js +2 -2
- package/dist/components/wheel-picker/index.cjs +2 -2
- package/dist/components/wheel-picker/index.js +1 -1
- package/dist/index.cjs +48 -59
- package/dist/index.js +52 -63
- package/dist/system/index.cjs +3 -3
- package/dist/system/index.js +2 -2
- package/dist/utils/time.d.cts +29 -0
- package/dist/utils/time.d.ts +29 -0
- package/package.json +1 -11
- package/dist/chunk-3MRCSXGT.js +0 -73
- package/dist/chunk-5E6SHYEQ.cjs +0 -631
- package/dist/chunk-6JAGPPZU.cjs +0 -788
- package/dist/chunk-CEPX7CKM.cjs +0 -365
- package/dist/chunk-CHFPFYNV.js +0 -60
- package/dist/chunk-ECR6GPJ6.js +0 -198
- package/dist/chunk-GBTNFQXN.cjs +0 -33
- package/dist/chunk-GZAGWNQM.cjs +0 -719
- package/dist/chunk-ILXKBDC6.cjs +0 -209
- package/dist/chunk-IPD3IUE2.cjs +0 -640
- package/dist/chunk-P2V6PIM7.cjs +0 -478
- package/dist/chunk-Q2BWXT55.cjs +0 -1011
- package/dist/chunk-UFKSUELU.cjs +0 -453
- package/dist/chunk-UR37LVPU.cjs +0 -382
- package/dist/chunk-W4IPOWLY.cjs +0 -198
- package/dist/chunk-YSTLHVQV.cjs +0 -73
- package/dist/components/time-field/index.cjs +0 -27
- package/dist/components/time-field/index.d.cts +0 -52
- package/dist/components/time-field/index.d.ts +0 -52
- package/dist/components/time-field/index.js +0 -27
- package/dist/components/time-field/time-field-field.d.cts +0 -11
- package/dist/components/time-field/time-field-field.d.ts +0 -11
- package/dist/components/time-field/time-field-period.d.cts +0 -34
- package/dist/components/time-field/time-field-period.d.ts +0 -34
- package/dist/components/time-field/time-field.context.d.cts +0 -9
- package/dist/components/time-field/time-field.context.d.ts +0 -9
- package/dist/components/time-field/time-field.d.cts +0 -56
- package/dist/components/time-field/time-field.d.ts +0 -56
- package/dist/components/time-field/time-field.type.d.cts +0 -72
- package/dist/components/time-field/time-field.type.d.ts +0 -72
- package/dist/utils/time-mask.d.cts +0 -68
- package/dist/utils/time-mask.d.ts +0 -68
package/dist/chunk-UR37LVPU.cjs
DELETED
|
@@ -1,382 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
var _chunkFTPPUTWLcjs = require('./chunk-FTPPUTWL.cjs');
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var _chunkWFEMJCXOcjs = require('./chunk-WFEMJCXO.cjs');
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
var _chunkSL3V7R2Ycjs = require('./chunk-SL3V7R2Y.cjs');
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
var _chunkCDRGTUYFcjs = require('./chunk-CDRGTUYF.cjs');
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
var _chunkIIAQISBGcjs = require('./chunk-IIAQISBG.cjs');
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
|
|
23
|
-
|
|
24
|
-
// src/components/pager/pager-content.tsx
|
|
25
|
-
var _react = require('react');
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
var _reactnativereanimated = require('react-native-reanimated'); var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
|
|
31
|
-
|
|
32
|
-
// src/components/pager/pager.context.ts
|
|
33
|
-
var [PagerProvider, usePager] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "Pager");
|
|
34
|
-
|
|
35
|
-
// src/components/pager/pager-content.tsx
|
|
36
|
-
var _jsxruntime = require('react/jsx-runtime');
|
|
37
|
-
var PagerContent = _react.forwardRef.call(void 0,
|
|
38
|
-
function PagerContent2({ children, style, onLayout, ...props }, ref) {
|
|
39
|
-
const {
|
|
40
|
-
contentStyle,
|
|
41
|
-
orientation,
|
|
42
|
-
step,
|
|
43
|
-
track,
|
|
44
|
-
setTrack,
|
|
45
|
-
count,
|
|
46
|
-
setCount,
|
|
47
|
-
offset,
|
|
48
|
-
trackRef,
|
|
49
|
-
isDisabled,
|
|
50
|
-
onSettle
|
|
51
|
-
} = usePager();
|
|
52
|
-
const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
|
|
53
|
-
const scroller = _chunkWFEMJCXOcjs.useMergedRef.call(void 0, ref, trackRef);
|
|
54
|
-
const given = _react.Children.count(children);
|
|
55
|
-
_react.useEffect.call(void 0, () => {
|
|
56
|
-
if (given !== count) setCount(given);
|
|
57
|
-
}, [count, given, setCount]);
|
|
58
|
-
const handleLayout = (event) => {
|
|
59
|
-
_optionalChain([onLayout, 'optionalCall', _2 => _2(event)]);
|
|
60
|
-
const { width, height } = event.nativeEvent.layout;
|
|
61
|
-
if (width !== track.width || height !== track.height)
|
|
62
|
-
setTrack({ width, height });
|
|
63
|
-
};
|
|
64
|
-
const settled = _reactnativereanimated.useSharedValue.call(void 0, 0);
|
|
65
|
-
const isHorizontal = orientation === "horizontal";
|
|
66
|
-
const scroll = _reactnativereanimated.useAnimatedScrollHandler.call(void 0, (event) => {
|
|
67
|
-
const travelled = isHorizontal ? event.contentOffset.x : event.contentOffset.y;
|
|
68
|
-
offset.set(travelled);
|
|
69
|
-
const next = _chunkFTPPUTWLcjs.indexFromOffset.call(void 0, travelled, step, count);
|
|
70
|
-
if (next !== settled.get()) {
|
|
71
|
-
settled.set(next);
|
|
72
|
-
_reactnativereanimated.runOnJS.call(void 0, onSettle)(next);
|
|
73
|
-
}
|
|
74
|
-
});
|
|
75
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
76
|
-
_reactnativereanimated2.default.ScrollView,
|
|
77
|
-
{
|
|
78
|
-
ref: scroller,
|
|
79
|
-
horizontal: isHorizontal,
|
|
80
|
-
pagingEnabled: true,
|
|
81
|
-
showsHorizontalScrollIndicator: false,
|
|
82
|
-
showsVerticalScrollIndicator: false,
|
|
83
|
-
scrollEnabled: !isDisabled,
|
|
84
|
-
decelerationRate: "fast",
|
|
85
|
-
scrollEventThrottle: 16,
|
|
86
|
-
...rest,
|
|
87
|
-
style: [contentStyle, styleProps, style],
|
|
88
|
-
onLayout: handleLayout,
|
|
89
|
-
onScroll: scroll,
|
|
90
|
-
children: step > 0 ? children : null
|
|
91
|
-
}
|
|
92
|
-
);
|
|
93
|
-
}
|
|
94
|
-
);
|
|
95
|
-
PagerContent.displayName = "XAUI.Pager.Content";
|
|
96
|
-
|
|
97
|
-
// src/components/pager/pager-indicator.tsx
|
|
98
|
-
|
|
99
|
-
var _reactnative = require('react-native');
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
var HIT_SLOP = 8;
|
|
106
|
-
var AnimatedPressable = _reactnativereanimated2.default.createAnimatedComponent(_reactnative.Pressable);
|
|
107
|
-
var PagerIndicator = _react.forwardRef.call(void 0,
|
|
108
|
-
function PagerIndicator2({ children, style, ...props }, ref) {
|
|
109
|
-
const { indicatorStyle, count } = usePager();
|
|
110
|
-
const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
|
|
111
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.View, { ref, ...rest, style: [indicatorStyle, styleProps, style], children: _nullishCoalesce(children, () => ( Array.from({ length: count }, (_, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PagerDot, { index }, index)))) });
|
|
112
|
-
}
|
|
113
|
-
);
|
|
114
|
-
PagerIndicator.displayName = "XAUI.Pager.Indicator";
|
|
115
|
-
var PagerDot = _react.forwardRef.call(void 0, function PagerDot2({ index, children, style, ...props }, ref) {
|
|
116
|
-
const {
|
|
117
|
-
dotStyle,
|
|
118
|
-
dotInk,
|
|
119
|
-
offset,
|
|
120
|
-
step,
|
|
121
|
-
count,
|
|
122
|
-
index: current,
|
|
123
|
-
isDisabled,
|
|
124
|
-
goTo
|
|
125
|
-
} = usePager();
|
|
126
|
-
const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
|
|
127
|
-
const { rest: restColor, active } = dotInk;
|
|
128
|
-
const travel = _reactnativereanimated.useAnimatedStyle.call(void 0, () => {
|
|
129
|
-
const distance = Math.abs(_chunkFTPPUTWLcjs.progressFromOffset.call(void 0, offset.get(), step, count) - index);
|
|
130
|
-
const nearness = Math.max(0, 1 - distance);
|
|
131
|
-
return {
|
|
132
|
-
backgroundColor: _reactnativereanimated.interpolateColor.call(void 0, nearness, [0, 1], [restColor, active])
|
|
133
|
-
};
|
|
134
|
-
});
|
|
135
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
136
|
-
AnimatedPressable,
|
|
137
|
-
{
|
|
138
|
-
ref,
|
|
139
|
-
accessibilityRole: "button",
|
|
140
|
-
accessibilityState: { selected: index === current, disabled: isDisabled },
|
|
141
|
-
accessibilityValue: { now: index + 1, min: 1, max: count },
|
|
142
|
-
disabled: isDisabled,
|
|
143
|
-
hitSlop: HIT_SLOP,
|
|
144
|
-
...rest,
|
|
145
|
-
style: [dotStyle, travel, styleProps, style],
|
|
146
|
-
onPress: () => goTo(index),
|
|
147
|
-
children
|
|
148
|
-
}
|
|
149
|
-
);
|
|
150
|
-
});
|
|
151
|
-
PagerDot.displayName = "XAUI.Pager.Dot";
|
|
152
|
-
|
|
153
|
-
// src/components/pager/pager-page.tsx
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
var PagerPage = _react.forwardRef.call(void 0, function PagerPage2({ children, style, ...props }, ref) {
|
|
158
|
-
const { pageStyle, track } = usePager();
|
|
159
|
-
const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
|
|
160
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
161
|
-
_reactnative.View,
|
|
162
|
-
{
|
|
163
|
-
ref,
|
|
164
|
-
...rest,
|
|
165
|
-
style: [
|
|
166
|
-
pageStyle,
|
|
167
|
-
{ width: track.width, height: track.height },
|
|
168
|
-
styleProps,
|
|
169
|
-
style
|
|
170
|
-
],
|
|
171
|
-
children
|
|
172
|
-
}
|
|
173
|
-
);
|
|
174
|
-
});
|
|
175
|
-
PagerPage.displayName = "XAUI.Pager.Page";
|
|
176
|
-
|
|
177
|
-
// src/components/pager/pager.tsx
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
// src/components/pager/pager.recipe.ts
|
|
183
|
-
var SLOTS = ["root", "content", "page", "indicator", "dot", "dotActive"];
|
|
184
|
-
var VARIANT_TOKENS = {
|
|
185
|
-
primary: { bgSelected: "accent" },
|
|
186
|
-
secondary: { bgSelected: "defaultForeground" },
|
|
187
|
-
// The raised ground rather than the page's, which on a light theme is white: this is the
|
|
188
|
-
// pager over a photograph, where an accent dot disappears into whatever is behind it.
|
|
189
|
-
tertiary: { bgSelected: "surface" }
|
|
190
|
-
};
|
|
191
|
-
var SIZES = {
|
|
192
|
-
xs: { dot: 5, gap: 1 },
|
|
193
|
-
sm: { dot: 6, gap: 1.5 },
|
|
194
|
-
md: { dot: 7, gap: 1.5 },
|
|
195
|
-
lg: { dot: 8, gap: 2 }
|
|
196
|
-
};
|
|
197
|
-
function sizeAxis(step) {
|
|
198
|
-
const { dot, gap } = step;
|
|
199
|
-
return (theme) => ({
|
|
200
|
-
indicator: { gap: theme.spacing(gap) },
|
|
201
|
-
dot: { width: dot, height: dot, borderRadius: dot / 2 }
|
|
202
|
-
});
|
|
203
|
-
}
|
|
204
|
-
function orientationAxis(direction) {
|
|
205
|
-
return () => ({
|
|
206
|
-
indicator: { flexDirection: direction }
|
|
207
|
-
});
|
|
208
|
-
}
|
|
209
|
-
var pagerRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
|
|
210
|
-
slots: SLOTS,
|
|
211
|
-
base: (theme) => ({
|
|
212
|
-
/**
|
|
213
|
-
* **The root has no size of its own**, and that is deliberate rather than missing.
|
|
214
|
-
*
|
|
215
|
-
* `flex: 1` here would have been the convenient default and it is a trap: React Native
|
|
216
|
-
* expands it to a zero flex-basis, which **overrides an explicit `height`** — so
|
|
217
|
-
* `<Pager height={240}>` would collapse to the height of its dots, and the prop the
|
|
218
|
-
* caller reached for would silently do nothing. It is the same reason there is no
|
|
219
|
-
* `fullWidth` on a `Button`: RN's own behaviour is the answer, and the caller says which
|
|
220
|
-
* of the two they want — `flex={1}` to fill a screen, `height={320}` inside a scroll
|
|
221
|
-
* view.
|
|
222
|
-
*
|
|
223
|
-
* The track keeps its `flex: 1`, so it takes whatever the root was given less the dots.
|
|
224
|
-
* Nothing sizes it from outside, which is why it is safe there and not here.
|
|
225
|
-
*/
|
|
226
|
-
content: { flex: 1 },
|
|
227
|
-
// A page is the size of the track on both axes, and that number is measured rather than
|
|
228
|
-
// named, so it arrives as an inline style instead of from here.
|
|
229
|
-
page: { overflow: "hidden" },
|
|
230
|
-
indicator: { alignItems: "center", justifyContent: "center" },
|
|
231
|
-
/**
|
|
232
|
-
* A neutral fill rather than a faint version of the current one: a pale tint of the
|
|
233
|
-
* accent under the pages reads as a control that has half failed to load. A raw `color`
|
|
234
|
-
* reaches the current dot, which is the one it should move.
|
|
235
|
-
*/
|
|
236
|
-
dot: { backgroundColor: theme.colors.default }
|
|
237
|
-
}),
|
|
238
|
-
variantTokens: VARIANT_TOKENS,
|
|
239
|
-
/**
|
|
240
|
-
* The current dot, **read as a value and never applied as a style**: the colour is
|
|
241
|
-
* interpolated on the UI thread, and `interpolateColor` needs a string rather than a
|
|
242
|
-
* `StyleSheet` id. The root flattens this slot into `dotInk`, so the recipe still owns it.
|
|
243
|
-
*/
|
|
244
|
-
paint: (_theme, colors) => ({
|
|
245
|
-
dotActive: { backgroundColor: colors.bgSelected }
|
|
246
|
-
}),
|
|
247
|
-
variants: {
|
|
248
|
-
size: {
|
|
249
|
-
xs: sizeAxis(SIZES.xs),
|
|
250
|
-
sm: sizeAxis(SIZES.sm),
|
|
251
|
-
md: sizeAxis(SIZES.md),
|
|
252
|
-
lg: sizeAxis(SIZES.lg)
|
|
253
|
-
},
|
|
254
|
-
orientation: {
|
|
255
|
-
horizontal: orientationAxis("row"),
|
|
256
|
-
vertical: orientationAxis("column")
|
|
257
|
-
}
|
|
258
|
-
},
|
|
259
|
-
states: {
|
|
260
|
-
disabled: (theme) => ({ indicator: { opacity: theme.opacity.disabled } })
|
|
261
|
-
},
|
|
262
|
-
defaultVariants: { variant: "primary", size: "md", orientation: "horizontal" }
|
|
263
|
-
});
|
|
264
|
-
|
|
265
|
-
// src/components/pager/pager.tsx
|
|
266
|
-
|
|
267
|
-
var PagerRoot = _react.forwardRef.call(void 0, function Pager({
|
|
268
|
-
children,
|
|
269
|
-
variant,
|
|
270
|
-
size,
|
|
271
|
-
color,
|
|
272
|
-
orientation = "horizontal",
|
|
273
|
-
index: indexProp,
|
|
274
|
-
defaultIndex = 0,
|
|
275
|
-
onIndexChange,
|
|
276
|
-
isDisabled = false,
|
|
277
|
-
style,
|
|
278
|
-
...props
|
|
279
|
-
}, ref) {
|
|
280
|
-
const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0, );
|
|
281
|
-
const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
|
|
282
|
-
const [index, setIndex] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
|
|
283
|
-
value: indexProp,
|
|
284
|
-
defaultValue: defaultIndex,
|
|
285
|
-
onChange: onIndexChange
|
|
286
|
-
});
|
|
287
|
-
const [track, setTrack] = _react.useState.call(void 0, { width: 0, height: 0 });
|
|
288
|
-
const [count, setCount] = _react.useState.call(void 0, 0);
|
|
289
|
-
const trackRef = _reactnativereanimated.useAnimatedRef.call(void 0, );
|
|
290
|
-
const offset = _reactnativereanimated.useSharedValue.call(void 0, 0);
|
|
291
|
-
const selection = { variant, size, orientation };
|
|
292
|
-
const states = { disabled: isDisabled };
|
|
293
|
-
const styles = pagerRecipe.resolve({ theme, selection, states });
|
|
294
|
-
const tint = color ? pagerRecipe.tint({ theme, color, selection, states }) : void 0;
|
|
295
|
-
const step = orientation === "horizontal" ? track.width : track.height;
|
|
296
|
-
const goTo = _react.useCallback.call(void 0,
|
|
297
|
-
(next) => {
|
|
298
|
-
const distance = next * step;
|
|
299
|
-
_optionalChain([trackRef, 'access', _3 => _3.current, 'optionalAccess', _4 => _4.scrollTo, 'call', _5 => _5({
|
|
300
|
-
x: orientation === "horizontal" ? distance : 0,
|
|
301
|
-
y: orientation === "horizontal" ? 0 : distance,
|
|
302
|
-
animated: true
|
|
303
|
-
})]);
|
|
304
|
-
setIndex(next);
|
|
305
|
-
},
|
|
306
|
-
[orientation, setIndex, step, trackRef]
|
|
307
|
-
);
|
|
308
|
-
const context = _react.useMemo.call(void 0, () => {
|
|
309
|
-
const active = _reactnative.StyleSheet.flatten([styles.dotActive, _optionalChain([tint, 'optionalAccess', _6 => _6.dotActive])]);
|
|
310
|
-
const at = _reactnative.StyleSheet.flatten([styles.dot]);
|
|
311
|
-
return {
|
|
312
|
-
contentStyle: styles.content,
|
|
313
|
-
pageStyle: styles.page,
|
|
314
|
-
indicatorStyle: styles.indicator,
|
|
315
|
-
dotStyle: styles.dot,
|
|
316
|
-
// Values rather than styles: the colour is interpolated on the UI thread, and
|
|
317
|
-
// `interpolateColor` needs strings. The fallbacks are the tokens the recipe named, for
|
|
318
|
-
// the platform colours `ColorValue` also covers.
|
|
319
|
-
dotInk: {
|
|
320
|
-
rest: typeof at.backgroundColor === "string" ? at.backgroundColor : theme.colors.default,
|
|
321
|
-
active: typeof active.backgroundColor === "string" ? active.backgroundColor : theme.colors.accent
|
|
322
|
-
},
|
|
323
|
-
orientation,
|
|
324
|
-
index,
|
|
325
|
-
count,
|
|
326
|
-
setCount,
|
|
327
|
-
track,
|
|
328
|
-
setTrack,
|
|
329
|
-
step,
|
|
330
|
-
offset,
|
|
331
|
-
goTo,
|
|
332
|
-
onSettle: setIndex,
|
|
333
|
-
trackRef,
|
|
334
|
-
isDisabled
|
|
335
|
-
};
|
|
336
|
-
}, [
|
|
337
|
-
styles,
|
|
338
|
-
tint,
|
|
339
|
-
theme,
|
|
340
|
-
orientation,
|
|
341
|
-
index,
|
|
342
|
-
count,
|
|
343
|
-
track,
|
|
344
|
-
setTrack,
|
|
345
|
-
step,
|
|
346
|
-
offset,
|
|
347
|
-
goTo,
|
|
348
|
-
setIndex,
|
|
349
|
-
trackRef,
|
|
350
|
-
isDisabled
|
|
351
|
-
]);
|
|
352
|
-
const rootStyle = [styles.root, _optionalChain([tint, 'optionalAccess', _7 => _7.root]), styleProps, style];
|
|
353
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PagerProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
354
|
-
_reactnative.View,
|
|
355
|
-
{
|
|
356
|
-
ref,
|
|
357
|
-
...rest,
|
|
358
|
-
style: rootStyle,
|
|
359
|
-
children
|
|
360
|
-
}
|
|
361
|
-
) });
|
|
362
|
-
});
|
|
363
|
-
PagerRoot.displayName = "XAUI.Pager.Root";
|
|
364
|
-
|
|
365
|
-
// src/components/pager/index.ts
|
|
366
|
-
var Pager2 = Object.assign(PagerRoot, {
|
|
367
|
-
Content: PagerContent,
|
|
368
|
-
Page: PagerPage,
|
|
369
|
-
Indicator: PagerIndicator,
|
|
370
|
-
Dot: PagerDot
|
|
371
|
-
});
|
|
372
|
-
|
|
373
|
-
|
|
374
|
-
|
|
375
|
-
|
|
376
|
-
|
|
377
|
-
|
|
378
|
-
|
|
379
|
-
|
|
380
|
-
|
|
381
|
-
|
|
382
|
-
exports.usePager = usePager; exports.PagerContent = PagerContent; exports.PagerIndicator = PagerIndicator; exports.PagerDot = PagerDot; exports.PagerPage = PagerPage; exports.pagerRecipe = pagerRecipe; exports.PagerRoot = PagerRoot; exports.Pager = Pager2;
|
package/dist/chunk-W4IPOWLY.cjs
DELETED
|
@@ -1,198 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _chunkNADCILBLcjs = require('./chunk-NADCILBL.cjs');
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
var _chunkAXKDHX5Vcjs = require('./chunk-AXKDHX5V.cjs');
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var _chunkYSTLHVQVcjs = require('./chunk-YSTLHVQV.cjs');
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
var _chunkCDRGTUYFcjs = require('./chunk-CDRGTUYF.cjs');
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
var _chunkEJQCQPETcjs = require('./chunk-EJQCQPET.cjs');
|
|
30
|
-
|
|
31
|
-
// src/components/time-field/time-field-field.tsx
|
|
32
|
-
var _react = require('react');
|
|
33
|
-
|
|
34
|
-
// src/components/time-field/time-field.context.ts
|
|
35
|
-
var [TimeFieldProvider, useTimeField] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "TimeField");
|
|
36
|
-
|
|
37
|
-
// src/components/time-field/time-field-field.tsx
|
|
38
|
-
var _jsxruntime = require('react/jsx-runtime');
|
|
39
|
-
var TimeFieldField = _react.forwardRef.call(void 0,
|
|
40
|
-
function TimeFieldField2({ placeholder, style, ...props }, ref) {
|
|
41
|
-
const { text, onType, placeholder: shape, length } = useTimeField();
|
|
42
|
-
const group = _chunkNADCILBLcjs.useOptionalFieldGroup.call(void 0, );
|
|
43
|
-
const padding = _react.useMemo.call(void 0,
|
|
44
|
-
() => _chunkNADCILBLcjs.decoratorPadding.call(void 0, _nullishCoalesce(_optionalChain([group, 'optionalAccess', _ => _.prefixWidth]), () => ( 0)), _nullishCoalesce(_optionalChain([group, 'optionalAccess', _2 => _2.suffixWidth]), () => ( 0))),
|
|
45
|
-
[_optionalChain([group, 'optionalAccess', _3 => _3.prefixWidth]), _optionalChain([group, 'optionalAccess', _4 => _4.suffixWidth])]
|
|
46
|
-
);
|
|
47
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
48
|
-
_chunkAXKDHX5Vcjs.TextFieldField,
|
|
49
|
-
{
|
|
50
|
-
ref,
|
|
51
|
-
keyboardType: "number-pad",
|
|
52
|
-
autoCapitalize: "none",
|
|
53
|
-
autoCorrect: false,
|
|
54
|
-
maxLength: length,
|
|
55
|
-
placeholder: _nullishCoalesce(placeholder, () => ( shape)),
|
|
56
|
-
...props,
|
|
57
|
-
value: text,
|
|
58
|
-
onChangeText: onType,
|
|
59
|
-
style: [padding, style]
|
|
60
|
-
}
|
|
61
|
-
);
|
|
62
|
-
}
|
|
63
|
-
);
|
|
64
|
-
TimeFieldField.displayName = "XAUI.TimeField.Field";
|
|
65
|
-
|
|
66
|
-
// src/components/time-field/time-field-period.tsx
|
|
67
|
-
|
|
68
|
-
var _reactnative = require('react-native');
|
|
69
|
-
|
|
70
|
-
var HIT_SLOP = 12;
|
|
71
|
-
var TimeFieldPeriod = _react.forwardRef.call(void 0,
|
|
72
|
-
function TimeFieldPeriod2({ accessibilityLabel, ...props }, ref) {
|
|
73
|
-
const { period, periodLabels, onPeriodChange, hasPeriod } = useTimeField();
|
|
74
|
-
const { isDisabled, labelStyle } = _chunkAXKDHX5Vcjs.useTextField.call(void 0, );
|
|
75
|
-
if (hasPeriod && !accessibilityLabel) {
|
|
76
|
-
_chunkEJQCQPETcjs.warnDev.call(void 0,
|
|
77
|
-
'TimeField.Period: the toggle needs an `accessibilityLabel` \u2014 "AM" read on its own says the value, not that pressing it changes which half of the day it is.'
|
|
78
|
-
);
|
|
79
|
-
}
|
|
80
|
-
if (!hasPeriod) return null;
|
|
81
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNADCILBLcjs.FieldGroupSuffix, { ref, ...props, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0,
|
|
82
|
-
_reactnative.Pressable,
|
|
83
|
-
{
|
|
84
|
-
accessibilityRole: "button",
|
|
85
|
-
accessibilityLabel,
|
|
86
|
-
accessibilityState: { disabled: isDisabled },
|
|
87
|
-
accessibilityValue: { text: periodLabels[period] },
|
|
88
|
-
disabled: isDisabled,
|
|
89
|
-
hitSlop: HIT_SLOP,
|
|
90
|
-
onPress: () => onPeriodChange(period === "am" ? "pm" : "am"),
|
|
91
|
-
children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _reactnative.Text, { style: labelStyle, children: periodLabels[period] })
|
|
92
|
-
}
|
|
93
|
-
) });
|
|
94
|
-
}
|
|
95
|
-
);
|
|
96
|
-
TimeFieldPeriod.displayName = "XAUI.TimeField.Period";
|
|
97
|
-
|
|
98
|
-
// src/components/time-field/time-field.tsx
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
var DEFAULT_LABELS = { hours: "HH", minutes: "mm", seconds: "ss" };
|
|
102
|
-
var DEFAULT_PERIODS = { am: "AM", pm: "PM" };
|
|
103
|
-
var TimeFieldRoot = _react.forwardRef.call(void 0, function TimeField({
|
|
104
|
-
value,
|
|
105
|
-
defaultValue,
|
|
106
|
-
onValueChange,
|
|
107
|
-
granularity = "minute",
|
|
108
|
-
hourCycle: hourCycleProp,
|
|
109
|
-
locale = "en-US",
|
|
110
|
-
timeLabels = DEFAULT_LABELS,
|
|
111
|
-
periodLabels = DEFAULT_PERIODS,
|
|
112
|
-
children,
|
|
113
|
-
...props
|
|
114
|
-
}, ref) {
|
|
115
|
-
const hourCycle = _nullishCoalesce(hourCycleProp, () => ( _chunkYSTLHVQVcjs.hourCycleFor.call(void 0, locale)));
|
|
116
|
-
const [typed, setTyped] = _react.useState.call(void 0,
|
|
117
|
-
() => defaultValue ? _chunkYSTLHVQVcjs.formatTime.call(void 0, defaultValue, granularity, hourCycle) : ""
|
|
118
|
-
);
|
|
119
|
-
const [typedPeriod, setTypedPeriod] = _react.useState.call(void 0,
|
|
120
|
-
() => defaultValue ? _chunkYSTLHVQVcjs.periodOf.call(void 0, defaultValue) : "am"
|
|
121
|
-
);
|
|
122
|
-
const isControlled = value !== void 0;
|
|
123
|
-
const typedParts = _chunkYSTLHVQVcjs.parseTime.call(void 0, typed, granularity, hourCycle, typedPeriod);
|
|
124
|
-
const agrees = typedParts !== null && value != null && _chunkYSTLHVQVcjs.withTime.call(void 0, value, typedParts).getTime() === value.getTime();
|
|
125
|
-
const text = isControlled && !agrees ? value === null ? "" : _chunkYSTLHVQVcjs.formatTime.call(void 0, value, granularity, hourCycle) : typed;
|
|
126
|
-
const period = isControlled && !agrees && value != null ? _chunkYSTLHVQVcjs.periodOf.call(void 0, value) : typedPeriod;
|
|
127
|
-
const anchor = _react.useRef.call(void 0, _nullishCoalesce(_nullishCoalesce(value, () => ( defaultValue)), () => ( null)));
|
|
128
|
-
if (value != null) anchor.current = value;
|
|
129
|
-
const reported = _react.useRef.call(void 0, null);
|
|
130
|
-
const report = _react.useCallback.call(void 0,
|
|
131
|
-
(next, nextPeriod) => {
|
|
132
|
-
const parts = _chunkYSTLHVQVcjs.parseTime.call(void 0, next, granularity, hourCycle, nextPeriod);
|
|
133
|
-
const moment = parts === null ? null : _chunkYSTLHVQVcjs.withTime.call(void 0, _nullishCoalesce(anchor.current, () => ( /* @__PURE__ */ new Date())), parts);
|
|
134
|
-
const before = reported.current;
|
|
135
|
-
if (moment === null ? before === null : _optionalChain([before, 'optionalAccess', _5 => _5.getTime, 'call', _6 => _6()]) === moment.getTime())
|
|
136
|
-
return;
|
|
137
|
-
reported.current = moment;
|
|
138
|
-
_optionalChain([onValueChange, 'optionalCall', _7 => _7(moment)]);
|
|
139
|
-
},
|
|
140
|
-
[granularity, hourCycle, onValueChange]
|
|
141
|
-
);
|
|
142
|
-
const onType = _react.useCallback.call(void 0,
|
|
143
|
-
(input) => {
|
|
144
|
-
const next = _chunkYSTLHVQVcjs.maskTime.call(void 0, input, granularity, hourCycle);
|
|
145
|
-
setTyped(next);
|
|
146
|
-
report(next, period);
|
|
147
|
-
},
|
|
148
|
-
[granularity, hourCycle, period, report]
|
|
149
|
-
);
|
|
150
|
-
const onPeriodChange = _react.useCallback.call(void 0,
|
|
151
|
-
(next) => {
|
|
152
|
-
setTypedPeriod(next);
|
|
153
|
-
report(text, next);
|
|
154
|
-
},
|
|
155
|
-
[report, text]
|
|
156
|
-
);
|
|
157
|
-
const context = _react.useMemo.call(void 0,
|
|
158
|
-
() => ({
|
|
159
|
-
text,
|
|
160
|
-
onType,
|
|
161
|
-
placeholder: _chunkYSTLHVQVcjs.timePlaceholder.call(void 0, granularity, timeLabels),
|
|
162
|
-
length: _chunkYSTLHVQVcjs.timeLength.call(void 0, granularity),
|
|
163
|
-
period,
|
|
164
|
-
periodLabels,
|
|
165
|
-
onPeriodChange,
|
|
166
|
-
hasPeriod: hourCycle === 12
|
|
167
|
-
}),
|
|
168
|
-
[
|
|
169
|
-
text,
|
|
170
|
-
onType,
|
|
171
|
-
granularity,
|
|
172
|
-
timeLabels,
|
|
173
|
-
period,
|
|
174
|
-
periodLabels,
|
|
175
|
-
onPeriodChange,
|
|
176
|
-
hourCycle
|
|
177
|
-
]
|
|
178
|
-
);
|
|
179
|
-
return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TimeFieldProvider, { value: context, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkAXKDHX5Vcjs.TextFieldRoot, { ref, ...props, children }) });
|
|
180
|
-
});
|
|
181
|
-
TimeFieldRoot.displayName = "XAUI.TimeField.Root";
|
|
182
|
-
|
|
183
|
-
// src/components/time-field/index.ts
|
|
184
|
-
var TimeField2 = Object.assign(TimeFieldRoot, {
|
|
185
|
-
Label: _chunkAXKDHX5Vcjs.TextFieldLabel,
|
|
186
|
-
Field: TimeFieldField,
|
|
187
|
-
Period: TimeFieldPeriod,
|
|
188
|
-
Description: _chunkAXKDHX5Vcjs.TextFieldDescription,
|
|
189
|
-
Error: _chunkAXKDHX5Vcjs.TextFieldError
|
|
190
|
-
});
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
exports.useTimeField = useTimeField; exports.TimeFieldField = TimeFieldField; exports.TimeFieldPeriod = TimeFieldPeriod; exports.TimeFieldRoot = TimeFieldRoot; exports.TimeField = TimeField2;
|
package/dist/chunk-YSTLHVQV.cjs
DELETED
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});// src/utils/time-mask.ts
|
|
2
|
-
var MINUTE_CEILING = 59;
|
|
3
|
-
var HOURS_IN_HALF_DAY = 12;
|
|
4
|
-
var HOURS_IN_DAY = 24;
|
|
5
|
-
function hourCycleFor(locale) {
|
|
6
|
-
const { hour12 } = new Intl.DateTimeFormat(locale, {
|
|
7
|
-
hour: "numeric"
|
|
8
|
-
}).resolvedOptions();
|
|
9
|
-
return hour12 ? 12 : 24;
|
|
10
|
-
}
|
|
11
|
-
function timeLength(granularity) {
|
|
12
|
-
return granularity === "second" ? 8 : 5;
|
|
13
|
-
}
|
|
14
|
-
function timePlaceholder(granularity, labels) {
|
|
15
|
-
const base = `${labels.hours}:${labels.minutes}`;
|
|
16
|
-
return granularity === "second" ? `${base}:${labels.seconds}` : base;
|
|
17
|
-
}
|
|
18
|
-
function maskTime(input, granularity, hourCycle = 24) {
|
|
19
|
-
const width = granularity === "second" ? 6 : 4;
|
|
20
|
-
const digits = input.replace(/\D/g, "").slice(0, width);
|
|
21
|
-
if (digits.length === 0) return "";
|
|
22
|
-
const written = [];
|
|
23
|
-
for (let at = 0; at < digits.length; at += 2) {
|
|
24
|
-
const raw = digits.slice(at, at + 2);
|
|
25
|
-
const ceiling = at === 0 ? hourCeiling(hourCycle) : MINUTE_CEILING;
|
|
26
|
-
written.push(raw.length === 2 ? clamp(raw, ceiling) : raw);
|
|
27
|
-
}
|
|
28
|
-
return written.join(":");
|
|
29
|
-
}
|
|
30
|
-
function parseTime(text, granularity, hourCycle = 24, period = "am") {
|
|
31
|
-
const digits = text.replace(/\D/g, "");
|
|
32
|
-
if (digits.length !== (granularity === "second" ? 6 : 4)) return null;
|
|
33
|
-
const written = Number(digits.slice(0, 2));
|
|
34
|
-
const minutes = Number(digits.slice(2, 4));
|
|
35
|
-
const seconds = granularity === "second" ? Number(digits.slice(4, 6)) : 0;
|
|
36
|
-
if (minutes > MINUTE_CEILING || seconds > MINUTE_CEILING) return null;
|
|
37
|
-
if (written > hourCeiling(hourCycle)) return null;
|
|
38
|
-
const hours = hourCycle === 24 ? written : written % HOURS_IN_HALF_DAY + (period === "pm" ? HOURS_IN_HALF_DAY : 0);
|
|
39
|
-
return { hours, minutes, seconds };
|
|
40
|
-
}
|
|
41
|
-
function formatTime(date, granularity, hourCycle = 24) {
|
|
42
|
-
const hours = hourCycle === 24 ? date.getHours() : date.getHours() % HOURS_IN_HALF_DAY || HOURS_IN_HALF_DAY;
|
|
43
|
-
const base = `${pad(hours)}:${pad(date.getMinutes())}`;
|
|
44
|
-
return granularity === "second" ? `${base}:${pad(date.getSeconds())}` : base;
|
|
45
|
-
}
|
|
46
|
-
function periodOf(date) {
|
|
47
|
-
return date.getHours() < HOURS_IN_HALF_DAY ? "am" : "pm";
|
|
48
|
-
}
|
|
49
|
-
function withTime(day, parts) {
|
|
50
|
-
const date = new Date(day);
|
|
51
|
-
date.setHours(parts.hours, parts.minutes, parts.seconds, 0);
|
|
52
|
-
return date;
|
|
53
|
-
}
|
|
54
|
-
function hourCeiling(hourCycle) {
|
|
55
|
-
return hourCycle === 24 ? HOURS_IN_DAY - 1 : HOURS_IN_HALF_DAY;
|
|
56
|
-
}
|
|
57
|
-
function clamp(raw, ceiling) {
|
|
58
|
-
return Number(raw) > ceiling ? pad(ceiling) : raw;
|
|
59
|
-
}
|
|
60
|
-
function pad(value) {
|
|
61
|
-
return String(value).padStart(2, "0");
|
|
62
|
-
}
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
exports.hourCycleFor = hourCycleFor; exports.timeLength = timeLength; exports.timePlaceholder = timePlaceholder; exports.maskTime = maskTime; exports.parseTime = parseTime; exports.formatTime = formatTime; exports.periodOf = periodOf; exports.withTime = withTime;
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports, "__esModule", {value: true});
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
var _chunkW4IPOWLYcjs = require('../../chunk-W4IPOWLY.cjs');
|
|
8
|
-
require('../../chunk-NADCILBL.cjs');
|
|
9
|
-
require('../../chunk-AXKDHX5V.cjs');
|
|
10
|
-
require('../../chunk-WLWZG2PA.cjs');
|
|
11
|
-
require('../../chunk-YSTLHVQV.cjs');
|
|
12
|
-
require('../../chunk-GSZDN6EZ.cjs');
|
|
13
|
-
require('../../chunk-FHNIGHN5.cjs');
|
|
14
|
-
require('../../chunk-SL3V7R2Y.cjs');
|
|
15
|
-
require('../../chunk-TVJXC4HY.cjs');
|
|
16
|
-
require('../../chunk-CDRGTUYF.cjs');
|
|
17
|
-
require('../../chunk-H4E4HDEP.cjs');
|
|
18
|
-
require('../../chunk-EJQCQPET.cjs');
|
|
19
|
-
require('../../chunk-IIAQISBG.cjs');
|
|
20
|
-
require('../../chunk-TK44VBIE.cjs');
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
exports.TimeField = _chunkW4IPOWLYcjs.TimeField; exports.TimeFieldField = _chunkW4IPOWLYcjs.TimeFieldField; exports.TimeFieldPeriod = _chunkW4IPOWLYcjs.TimeFieldPeriod; exports.TimeFieldRoot = _chunkW4IPOWLYcjs.TimeFieldRoot; exports.useTimeField = _chunkW4IPOWLYcjs.useTimeField;
|