fluent-styles 1.59.0 → 1.61.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/commonjs/button/index.js +5 -10
- package/lib/commonjs/button/index.js.map +1 -1
- package/lib/commonjs/form/index.js +267 -0
- package/lib/commonjs/form/index.js.map +1 -1
- package/lib/commonjs/header/index.js +79 -66
- package/lib/commonjs/header/index.js.map +1 -1
- package/lib/commonjs/index.js +12 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/module/button/index.js +5 -10
- package/lib/module/button/index.js.map +1 -1
- package/lib/module/form/index.js +262 -0
- package/lib/module/form/index.js.map +1 -1
- package/lib/module/header/index.js +81 -68
- package/lib/module/header/index.js.map +1 -1
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/typescript/button/index.d.ts.map +1 -1
- package/lib/typescript/form/index.d.ts +127 -0
- package/lib/typescript/form/index.d.ts.map +1 -1
- package/lib/typescript/header/index.d.ts +4 -9
- package/lib/typescript/header/index.d.ts.map +1 -1
- package/lib/typescript/index.d.ts +1 -0
- package/lib/typescript/index.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/button/index.tsx +1 -6
- package/src/form/index.tsx +331 -0
- package/src/header/index.tsx +87 -103
- package/src/index.ts +1 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","
|
|
1
|
+
{"version":3,"names":["React","View","Platform","styled","getStatusBarHeight","Stack","StatusBar","StyleShape","StyledText","ChevronLeft","theme","StyledPressable","viewStyleStringVariants","viewStyleVariants","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","StyledHeaderContainer","base","position","flexDirection","alignItems","justifyContent","height","select","ios","android","default","paddingHorizontal","variants","Full","children","displayName","HeaderComponent","forwardRef","showBackArrow","backArrowProps","showStatusBar","onBackPress","title","titleAlignment","titleProps","leftIcon","rightIcon","shapeProps","statusBarProps","skipStatusBarOnAndroid","skipStatusBarOnIOS","rest","ref","renderLeft","flex","horizontal","onPress","cycle","size","color","colors","gray","strokeWidth","marginLeft","renderCenter","numberOfLines","renderRight","marginRight","renderContent","vertical","marginTop","skipAndroid","skipIos","StyledHeader"],"sourceRoot":"../../../src","sources":["header/index.tsx"],"mappings":"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","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["PopoverMode","PopoverPlacement","theme","lightColors","darkColors","palettes","fontStyles","styled","Stack","XStack","YStack","StyledText","StyledSafeAreaProvider","StyledSafeAreaView","StyledScrollView","StyleShape","StyledPage","StyledHeader","StyledSpacer","StyledCard","Switch","SWITCH_COLORS_DEFAULT","SWITCH_SIZES","StyledImage","StyledImageBackground","StyledPressable","StyledButton","StyledDivider","StyledCheckBox","StyledBadge","BadgeWithIcon","BadgeIcon","Spinner","Circular","StyledDialog","StyledConfirmDialog","StyledOkDialog","StyledDropdown","StyledMultiSelectDropdown","GlobalPortalProvider","getPositionStyles","PortalInstance","PortalManager","usePortal","PortalRenderer","useToast","useNotification","useLoader","useLoaderBinding","Loader","LOADER_DARK","LOADER_LIGHT","useDialogue","useActionSheet","toastService","notificationService","loaderService","dialogueService","actionSheetService","StyledSeperator"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,gBAAgB,QAAQ,2BAA2B;AACzE,SAASC,KAAK,EAAEC,WAAW,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,UAAU,QAAS,mBAAgB;AACtF,SAASC,MAAM,QAAQ,oBAAiB;AACxC,SAASC,KAAK,EAAEC,MAAM,EAAEC,MAAM,QAAyB,kBAAS;AAChE,SAASC,UAAU,QAA8B,iBAAQ;AACzD,SAASC,sBAAsB,QAA0C,6BAAoB;AAC7F,SAASC,kBAAkB,QAAsC,yBAAgB;AACjF,SAASC,gBAAgB,QAAoC,uBAAc;AAC3E,SAASC,UAAU,QAAyB,kBAAS;AACrD,SAASC,UAAU,QAA8B,iBAAQ;AACzD,SAASC,YAAY,QAA0B,mBAAU;AACzD,SAASC,YAAY,QAA0B,mBAAU;AACzD,SAASC,UAAU,QAA8B,iBAAQ;AACzD,cAAc,kBAAS;AACvB,SAASC,MAAM,EAAEC,qBAAqB,EAAEC,YAAY,QAA0B,mBAAU;AACxF,SAASC,WAAW,EAAEC,qBAAqB,QAAgE,kBAAS;AACpH,SAASC,eAAe,QAAmC,sBAAa;AACxE,SAASC,YAAY,QAAgC,mBAAU;AAC/D,SAASC,aAAa,QAA2B,oBAAW;AAC5D,SAASC,cAAc,QAAkC,qBAAY;AACrE,SAASC,WAAW,QAA+B,kBAAS;AAC5D,SAASC,aAAa,QAAiC,kBAAS;AAChE,SAASC,SAAS,QAA6B,kBAAS;AACxD,SAASC,OAAO,QAA2B,oBAAW;AACtD,SAASC,QAAQ,QAA4B,oBAAW;AACxD,SAASC,YAAY,EAAEC,mBAAmB,EAAEC,cAAc,QAAyF,mBAAU;AAC7J,SAASC,cAAc,EAAEC,yBAAyB,QAAgG,qBAAY;AAC9J,SAASC,oBAAoB,EAAEC,iBAAiB,EAAEC,cAAc,EAAEC,aAAa,EAAEC,SAAS,EAAEC,cAAc,QAAgE,mBAAU;AAEpL,SAASC,QAAQ,QAAQ,qBAAkB;AAC3C,SAASC,eAAe,QAAQ,mCAAgC;AAChE,SAASC,SAAS,QAAQ,wBAAqB;AAC/C,SAASC,gBAAgB,QAAQ,+BAA4B;AAC7D,SAASC,MAAM,EAAEC,WAAW,EAAEC,YAAY,QAA2B,qBAAkB;AACvF,SAASC,WAAW,QAAQ,yBAAsB;AAClD,SAASC,cAAc,QAAQ,iCAA8B;AAE7D,SACEC,YAAY,EACZC,mBAAmB,EACnBC,aAAa,EACbC,eAAe,EACfC,kBAAkB,QACb,qBAAY;AAUnB,cAAc,wBAAe;AAC7B,SAASC,eAAe,QAA6B,sBAAa;AAClE,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,6BAAoB;AAClC,cAAc,qBAAY;AAC1B,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,wBAAe;AAC7B,cAAc,mBAAU;AACxB,cAAc,uBAAc;AAC5B,cAAc,qBAAY;AAC1B,cAAc,uBAAc;AAC5B,cAAc,sBAAa;AAC3B,cAAc,mBAAU;AACxB,cAAc,wBAAqB;AACnC,cAAc,oBAAW;AACzB,cAAc,kBAAS;AACvB,cAAc,kBAAe","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["PopoverMode","PopoverPlacement","theme","lightColors","darkColors","palettes","fontStyles","styled","Stack","XStack","YStack","StyledText","StyledSafeAreaProvider","StyledSafeAreaView","StyledScrollView","StyleShape","StyledPage","StyledHeader","StyledSpacer","StyledCard","Switch","SWITCH_COLORS_DEFAULT","SWITCH_SIZES","StyledImage","StyledImageBackground","StyledPressable","StyledButton","StyledDivider","StyledCheckBox","StyledBadge","BadgeWithIcon","BadgeIcon","Spinner","Circular","StyledDialog","StyledConfirmDialog","StyledOkDialog","StyledDropdown","StyledMultiSelectDropdown","GlobalPortalProvider","getPositionStyles","PortalInstance","PortalManager","usePortal","PortalRenderer","useToast","useNotification","useLoader","useLoaderBinding","Loader","LOADER_DARK","LOADER_LIGHT","useDialogue","useActionSheet","toastService","notificationService","loaderService","dialogueService","actionSheetService","StyledSeperator"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,gBAAgB,QAAQ,2BAA2B;AACzE,SAASC,KAAK,EAAEC,WAAW,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,UAAU,QAAS,mBAAgB;AACtF,SAASC,MAAM,QAAQ,oBAAiB;AACxC,SAASC,KAAK,EAAEC,MAAM,EAAEC,MAAM,QAAyB,kBAAS;AAChE,SAASC,UAAU,QAA8B,iBAAQ;AACzD,SAASC,sBAAsB,QAA0C,6BAAoB;AAC7F,SAASC,kBAAkB,QAAsC,yBAAgB;AACjF,SAASC,gBAAgB,QAAoC,uBAAc;AAC3E,SAASC,UAAU,QAAyB,kBAAS;AACrD,SAASC,UAAU,QAA8B,iBAAQ;AACzD,SAASC,YAAY,QAA0B,mBAAU;AACzD,SAASC,YAAY,QAA0B,mBAAU;AACzD,SAASC,UAAU,QAA8B,iBAAQ;AACzD,cAAc,kBAAS;AACvB,SAASC,MAAM,EAAEC,qBAAqB,EAAEC,YAAY,QAA0B,mBAAU;AACxF,SAASC,WAAW,EAAEC,qBAAqB,QAAgE,kBAAS;AACpH,SAASC,eAAe,QAAmC,sBAAa;AACxE,SAASC,YAAY,QAAgC,mBAAU;AAC/D,SAASC,aAAa,QAA2B,oBAAW;AAC5D,SAASC,cAAc,QAAkC,qBAAY;AACrE,SAASC,WAAW,QAA+B,kBAAS;AAC5D,SAASC,aAAa,QAAiC,kBAAS;AAChE,SAASC,SAAS,QAA6B,kBAAS;AACxD,SAASC,OAAO,QAA2B,oBAAW;AACtD,SAASC,QAAQ,QAA4B,oBAAW;AACxD,SAASC,YAAY,EAAEC,mBAAmB,EAAEC,cAAc,QAAyF,mBAAU;AAC7J,SAASC,cAAc,EAAEC,yBAAyB,QAAgG,qBAAY;AAC9J,SAASC,oBAAoB,EAAEC,iBAAiB,EAAEC,cAAc,EAAEC,aAAa,EAAEC,SAAS,EAAEC,cAAc,QAAgE,mBAAU;AAEpL,SAASC,QAAQ,QAAQ,qBAAkB;AAC3C,SAASC,eAAe,QAAQ,mCAAgC;AAChE,SAASC,SAAS,QAAQ,wBAAqB;AAC/C,SAASC,gBAAgB,QAAQ,+BAA4B;AAC7D,SAASC,MAAM,EAAEC,WAAW,EAAEC,YAAY,QAA2B,qBAAkB;AACvF,SAASC,WAAW,QAAQ,yBAAsB;AAClD,SAASC,cAAc,QAAQ,iCAA8B;AAE7D,SACEC,YAAY,EACZC,mBAAmB,EACnBC,aAAa,EACbC,eAAe,EACfC,kBAAkB,QACb,qBAAY;AAUnB,cAAc,wBAAe;AAC7B,SAASC,eAAe,QAA6B,sBAAa;AAClE,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,6BAAoB;AAClC,cAAc,qBAAY;AAC1B,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,wBAAe;AAC7B,cAAc,mBAAU;AACxB,cAAc,uBAAc;AAC5B,cAAc,qBAAY;AAC1B,cAAc,uBAAc;AAC5B,cAAc,sBAAa;AAC3B,cAAc,mBAAU;AACxB,cAAc,wBAAqB;AACnC,cAAc,oBAAW;AACzB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,kBAAe","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/button/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/button/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1,128 @@
|
|
|
1
|
+
import React, { type ReactNode } from "react";
|
|
2
|
+
import { ViewProps, ViewStyle } from "react-native";
|
|
3
|
+
import { StyledTextProps } from "../text";
|
|
4
|
+
import { StyledTextInputProps } from "../input";
|
|
5
|
+
import { StyledCheckBoxProps } from "../checkBox";
|
|
6
|
+
import { SwitchProps } from "../switch";
|
|
7
|
+
import { StyledDropdownProps } from "../dropdown";
|
|
8
|
+
import { StyledRadioGroupProps } from "../radio";
|
|
9
|
+
import { StyledDatePickerProps } from "../datePicker";
|
|
10
|
+
import { StyledSliderProps } from "../slider";
|
|
11
|
+
type CompatNode = ReactNode;
|
|
12
|
+
interface FormContextValue {
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
}
|
|
16
|
+
export declare const useFormContext: () => FormContextValue;
|
|
17
|
+
export interface StyledFormProps extends ViewProps, ViewStyle {
|
|
18
|
+
disabled?: boolean;
|
|
19
|
+
loading?: boolean;
|
|
20
|
+
gap?: number;
|
|
21
|
+
avoidKeyboard?: boolean;
|
|
22
|
+
scrollable?: boolean;
|
|
23
|
+
scrollPadding?: number;
|
|
24
|
+
children?: CompatNode;
|
|
25
|
+
}
|
|
26
|
+
export interface FormRowProps extends ViewProps, ViewStyle {
|
|
27
|
+
gap?: number;
|
|
28
|
+
children?: CompatNode;
|
|
29
|
+
}
|
|
30
|
+
export interface FormSectionProps extends ViewProps, ViewStyle {
|
|
31
|
+
title?: string;
|
|
32
|
+
titleProps?: StyledTextProps;
|
|
33
|
+
subtitle?: string;
|
|
34
|
+
subtitleProps?: StyledTextProps;
|
|
35
|
+
showDivider?: boolean;
|
|
36
|
+
children?: CompatNode;
|
|
37
|
+
}
|
|
38
|
+
export interface FormActionsProps extends ViewProps, ViewStyle {
|
|
39
|
+
horizontal?: boolean;
|
|
40
|
+
gap?: number;
|
|
41
|
+
children?: CompatNode;
|
|
42
|
+
}
|
|
43
|
+
/**
|
|
44
|
+
* StyledForm.Row
|
|
45
|
+
* Side-by-side inputs — e.g. First name / Last name.
|
|
46
|
+
*
|
|
47
|
+
* <StyledForm.Row>
|
|
48
|
+
* <StyledForm.Input label="First" flex={1} />
|
|
49
|
+
* <StyledForm.Input label="Last" flex={1} />
|
|
50
|
+
* </StyledForm.Row>
|
|
51
|
+
*/
|
|
52
|
+
declare const Row: React.FC<FormRowProps>;
|
|
53
|
+
/**
|
|
54
|
+
* StyledForm.Section
|
|
55
|
+
* Groups related inputs under a titled section.
|
|
56
|
+
*
|
|
57
|
+
* <StyledForm.Section title="Personal info" subtitle="Shown on your profile">
|
|
58
|
+
* <StyledForm.Input label="Name" />
|
|
59
|
+
* </StyledForm.Section>
|
|
60
|
+
*/
|
|
61
|
+
declare const Section: React.FC<FormSectionProps>;
|
|
62
|
+
/**
|
|
63
|
+
* StyledForm.Actions
|
|
64
|
+
* Slot for submit / cancel buttons.
|
|
65
|
+
*
|
|
66
|
+
* <StyledForm.Actions>
|
|
67
|
+
* <StyledButton primary block>Submit</StyledButton>
|
|
68
|
+
* <StyledButton outline block>Cancel</StyledButton>
|
|
69
|
+
* </StyledForm.Actions>
|
|
70
|
+
*/
|
|
71
|
+
declare const Actions: React.FC<FormActionsProps>;
|
|
72
|
+
/**
|
|
73
|
+
* StyledForm.Input → StyledTextInput
|
|
74
|
+
*
|
|
75
|
+
* <StyledForm.Input label="Email" required variant="outline" />
|
|
76
|
+
*/
|
|
77
|
+
declare const Input: React.FC<StyledTextInputProps>;
|
|
78
|
+
/**
|
|
79
|
+
* StyledForm.Checkbox → StyledCheckBox
|
|
80
|
+
*
|
|
81
|
+
* <StyledForm.Checkbox label="I agree to the terms" checked={agreed} onCheck={setAgreed} />
|
|
82
|
+
*/
|
|
83
|
+
declare const Checkbox: React.FC<StyledCheckBoxProps>;
|
|
84
|
+
/**
|
|
85
|
+
* StyledForm.Switch → Switch
|
|
86
|
+
*
|
|
87
|
+
* <StyledForm.Switch label="Email notifications" value={notifs} onChange={setNotifs} />
|
|
88
|
+
*/
|
|
89
|
+
declare const FormSwitch: React.FC<SwitchProps<any>>;
|
|
90
|
+
/**
|
|
91
|
+
* StyledForm.Select → StyledDropdown
|
|
92
|
+
*
|
|
93
|
+
* <StyledForm.Select label="Country" options={countries} value={country} onChange={setCountry} />
|
|
94
|
+
*/
|
|
95
|
+
declare const Select: React.FC<StyledDropdownProps>;
|
|
96
|
+
/**
|
|
97
|
+
* StyledForm.Radio → StyledRadioGroup
|
|
98
|
+
*
|
|
99
|
+
* <StyledForm.Radio options={plans} value={plan} onChange={setPlan} />
|
|
100
|
+
*/
|
|
101
|
+
declare const Radio: React.FC<StyledRadioGroupProps<any>>;
|
|
102
|
+
/**
|
|
103
|
+
* StyledForm.DatePicker → StyledDatePicker
|
|
104
|
+
*
|
|
105
|
+
* <StyledForm.DatePicker label="Date of birth" value={dob} onChange={setDob} variant="input" />
|
|
106
|
+
*/
|
|
107
|
+
declare const DatePicker: React.FC<StyledDatePickerProps>;
|
|
108
|
+
/**
|
|
109
|
+
* StyledForm.Slider → StyledSlider
|
|
110
|
+
*
|
|
111
|
+
* <StyledForm.Slider label="Budget" value={budget} onValueChange={setBudget} min={0} max={1000} />
|
|
112
|
+
*/
|
|
113
|
+
declare const Slider: React.FC<StyledSliderProps>;
|
|
114
|
+
interface FormComponent extends React.FC<StyledFormProps> {
|
|
115
|
+
Row: typeof Row;
|
|
116
|
+
Section: typeof Section;
|
|
117
|
+
Actions: typeof Actions;
|
|
118
|
+
Input: typeof Input;
|
|
119
|
+
Checkbox: typeof Checkbox;
|
|
120
|
+
Switch: typeof FormSwitch;
|
|
121
|
+
Select: typeof Select;
|
|
122
|
+
Radio: typeof Radio;
|
|
123
|
+
DatePicker: typeof DatePicker;
|
|
124
|
+
Slider: typeof Slider;
|
|
125
|
+
}
|
|
126
|
+
declare const StyledForm: FormComponent;
|
|
127
|
+
export { StyledForm };
|
|
1
128
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/index.tsx"],"names":[],"mappings":""}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/form/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -23,21 +23,16 @@ export interface HeaderProps extends ViewProps, ViewStyle {
|
|
|
23
23
|
statusBarProps?: StatusBarProps;
|
|
24
24
|
skipStatusBarOnAndroid?: boolean;
|
|
25
25
|
skipStatusBarOnIOS?: boolean;
|
|
26
|
-
}
|
|
27
|
-
export interface FullHeaderProps extends ViewProps, ViewStyle {
|
|
28
26
|
children?: React.ReactNode;
|
|
29
|
-
statusBarProps?: StatusBarProps;
|
|
30
|
-
skipStatusBarOnAndroid?: boolean;
|
|
31
|
-
skipStatusBarOnIOS?: boolean;
|
|
32
27
|
}
|
|
33
|
-
declare const
|
|
34
|
-
|
|
35
|
-
}
|
|
28
|
+
declare const Full: React.FC<{
|
|
29
|
+
children?: React.ReactNode;
|
|
30
|
+
}>;
|
|
36
31
|
declare const HeaderComponent: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<Omit<ViewProps & ViewStyle & React.RefAttributes<any>, "ref"> & {
|
|
37
32
|
ref?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
|
|
38
33
|
}>>;
|
|
39
34
|
interface HeaderComponent extends React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<View>> {
|
|
40
|
-
Full: typeof
|
|
35
|
+
Full: typeof Full;
|
|
41
36
|
}
|
|
42
37
|
declare const StyledHeader: HeaderComponent;
|
|
43
38
|
export { StyledHeader };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/header/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,IAAI,EACJ,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AAItB,OAAkB,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAc,UAAU,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAc,eAAe,EAAE,MAAM,SAAS,CAAC;AAQtD,MAAM,WAAW,cAAc;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,WAAY,SAAQ,SAAS,EAAE,SAAS;IACvD,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IAC7C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAwBD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAElD,CAAC;AAMF,QAAA,MAAM,eAAe;;GA8GpB,CAAC;AAIF,UAAU,eACR,SAAQ,KAAK,CAAC,yBAAyB,CACrC,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,CACxC;IACD,IAAI,EAAE,OAAO,IAAI,CAAC;CACnB;AAED,QAAA,MAAM,YAAY,iBAAqC,CAAC;AAKxD,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
package/src/button/index.tsx
CHANGED
|
@@ -107,10 +107,9 @@ const ButtonBase = styled<ButtonProps>(TouchableOpacity, {
|
|
|
107
107
|
justifyContent: 'center',
|
|
108
108
|
flexDirection: 'row',
|
|
109
109
|
gap: 6,
|
|
110
|
-
borderRadius:
|
|
110
|
+
borderRadius: 32, // pill by default
|
|
111
111
|
paddingHorizontal: 20,
|
|
112
112
|
paddingVertical: 10,
|
|
113
|
-
flex: 1,
|
|
114
113
|
borderWidth: 0,
|
|
115
114
|
} as ViewStyle,
|
|
116
115
|
|
|
@@ -218,7 +217,6 @@ const ButtonBase = styled<ButtonProps>(TouchableOpacity, {
|
|
|
218
217
|
true: {
|
|
219
218
|
paddingHorizontal: 10,
|
|
220
219
|
paddingVertical: 4,
|
|
221
|
-
borderWidth: 0,
|
|
222
220
|
} as ViewStyle,
|
|
223
221
|
},
|
|
224
222
|
|
|
@@ -226,7 +224,6 @@ const ButtonBase = styled<ButtonProps>(TouchableOpacity, {
|
|
|
226
224
|
true: {
|
|
227
225
|
paddingHorizontal: 14,
|
|
228
226
|
paddingVertical: 6,
|
|
229
|
-
borderWidth: 0,
|
|
230
227
|
} as ViewStyle,
|
|
231
228
|
},
|
|
232
229
|
|
|
@@ -241,7 +238,6 @@ const ButtonBase = styled<ButtonProps>(TouchableOpacity, {
|
|
|
241
238
|
true: {
|
|
242
239
|
paddingHorizontal: 28,
|
|
243
240
|
paddingVertical: 14,
|
|
244
|
-
borderWidth: 0,
|
|
245
241
|
} as ViewStyle,
|
|
246
242
|
},
|
|
247
243
|
|
|
@@ -249,7 +245,6 @@ const ButtonBase = styled<ButtonProps>(TouchableOpacity, {
|
|
|
249
245
|
true: {
|
|
250
246
|
paddingHorizontal: 36,
|
|
251
247
|
paddingVertical: 18,
|
|
252
|
-
borderWidth: 0,
|
|
253
248
|
} as ViewStyle,
|
|
254
249
|
},
|
|
255
250
|
|
package/src/form/index.tsx
CHANGED
|
@@ -0,0 +1,331 @@
|
|
|
1
|
+
import React, { createContext, useContext, type ReactNode } from "react";
|
|
2
|
+
import {
|
|
3
|
+
KeyboardAvoidingView,
|
|
4
|
+
Platform,
|
|
5
|
+
ScrollView,
|
|
6
|
+
ViewProps,
|
|
7
|
+
ViewStyle,
|
|
8
|
+
} from "react-native";
|
|
9
|
+
import { Stack } from "../stack";
|
|
10
|
+
import { StyledText, StyledTextProps } from "../text";
|
|
11
|
+
import { StyledDivider } from "../divider";
|
|
12
|
+
import { StyledTextInput, StyledTextInputProps } from "../input";
|
|
13
|
+
import { StyledCheckBox, StyledCheckBoxProps } from "../checkBox";
|
|
14
|
+
import { Switch, SwitchProps } from "../switch";
|
|
15
|
+
import { StyledDropdown, StyledDropdownProps } from "../dropdown";
|
|
16
|
+
import { StyledRadioGroup, StyledRadioGroupProps } from "../radio";
|
|
17
|
+
import { StyledDatePicker, StyledDatePickerProps } from "../datePicker";
|
|
18
|
+
import { StyledSlider, StyledSliderProps } from "../slider";
|
|
19
|
+
import { theme } from "../utiles/theme";
|
|
20
|
+
|
|
21
|
+
// ─── CompatNode ───────────────────────────────────────────────────────────────
|
|
22
|
+
type CompatNode = ReactNode;
|
|
23
|
+
|
|
24
|
+
// ─── Form context ─────────────────────────────────────────────────────────────
|
|
25
|
+
interface FormContextValue {
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
loading?: boolean;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
const FormContext = createContext<FormContextValue>({});
|
|
31
|
+
export const useFormContext = () => useContext(FormContext);
|
|
32
|
+
|
|
33
|
+
// ─── Types ────────────────────────────────────────────────────────────────────
|
|
34
|
+
|
|
35
|
+
export interface StyledFormProps extends ViewProps, ViewStyle {
|
|
36
|
+
disabled?: boolean;
|
|
37
|
+
loading?: boolean;
|
|
38
|
+
gap?: number;
|
|
39
|
+
avoidKeyboard?: boolean;
|
|
40
|
+
scrollable?: boolean;
|
|
41
|
+
scrollPadding?: number;
|
|
42
|
+
children?: CompatNode;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
export interface FormRowProps extends ViewProps, ViewStyle {
|
|
46
|
+
gap?: number;
|
|
47
|
+
children?: CompatNode;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
export interface FormSectionProps extends ViewProps, ViewStyle {
|
|
51
|
+
title?: string;
|
|
52
|
+
titleProps?: StyledTextProps;
|
|
53
|
+
subtitle?: string;
|
|
54
|
+
subtitleProps?: StyledTextProps;
|
|
55
|
+
showDivider?: boolean;
|
|
56
|
+
children?: CompatNode;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
export interface FormActionsProps extends ViewProps, ViewStyle {
|
|
60
|
+
horizontal?: boolean;
|
|
61
|
+
gap?: number;
|
|
62
|
+
children?: CompatNode;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
// ─── Layout sub-components ────────────────────────────────────────────────────
|
|
66
|
+
|
|
67
|
+
/**
|
|
68
|
+
* StyledForm.Row
|
|
69
|
+
* Side-by-side inputs — e.g. First name / Last name.
|
|
70
|
+
*
|
|
71
|
+
* <StyledForm.Row>
|
|
72
|
+
* <StyledForm.Input label="First" flex={1} />
|
|
73
|
+
* <StyledForm.Input label="Last" flex={1} />
|
|
74
|
+
* </StyledForm.Row>
|
|
75
|
+
*/
|
|
76
|
+
const Row: React.FC<FormRowProps> = ({ gap = 12, children, ...rest }) => (
|
|
77
|
+
<Stack horizontal gap={gap} {...rest}>
|
|
78
|
+
{children}
|
|
79
|
+
</Stack>
|
|
80
|
+
);
|
|
81
|
+
Row.displayName = "StyledForm.Row";
|
|
82
|
+
|
|
83
|
+
/**
|
|
84
|
+
* StyledForm.Section
|
|
85
|
+
* Groups related inputs under a titled section.
|
|
86
|
+
*
|
|
87
|
+
* <StyledForm.Section title="Personal info" subtitle="Shown on your profile">
|
|
88
|
+
* <StyledForm.Input label="Name" />
|
|
89
|
+
* </StyledForm.Section>
|
|
90
|
+
*/
|
|
91
|
+
const Section: React.FC<FormSectionProps> = ({
|
|
92
|
+
title,
|
|
93
|
+
titleProps,
|
|
94
|
+
subtitle,
|
|
95
|
+
subtitleProps,
|
|
96
|
+
showDivider = true,
|
|
97
|
+
children,
|
|
98
|
+
...rest
|
|
99
|
+
}) => (
|
|
100
|
+
<Stack gap={14} {...rest}>
|
|
101
|
+
{(title || subtitle) && (
|
|
102
|
+
<Stack gap={2}>
|
|
103
|
+
{title && (
|
|
104
|
+
<StyledText
|
|
105
|
+
fontSize={15}
|
|
106
|
+
fontWeight="700"
|
|
107
|
+
color={theme.colors.gray[900]}
|
|
108
|
+
{...titleProps}
|
|
109
|
+
>
|
|
110
|
+
{title}
|
|
111
|
+
</StyledText>
|
|
112
|
+
)}
|
|
113
|
+
{subtitle && (
|
|
114
|
+
<StyledText fontSize={13} color={theme.colors.gray[400]} {...subtitleProps}>
|
|
115
|
+
{subtitle}
|
|
116
|
+
</StyledText>
|
|
117
|
+
)}
|
|
118
|
+
{showDivider && (
|
|
119
|
+
<StyledDivider borderBottomColor={theme.colors.gray[100]} marginTop={6} />
|
|
120
|
+
)}
|
|
121
|
+
</Stack>
|
|
122
|
+
)}
|
|
123
|
+
{children}
|
|
124
|
+
</Stack>
|
|
125
|
+
);
|
|
126
|
+
Section.displayName = "StyledForm.Section";
|
|
127
|
+
|
|
128
|
+
/**
|
|
129
|
+
* StyledForm.Actions
|
|
130
|
+
* Slot for submit / cancel buttons.
|
|
131
|
+
*
|
|
132
|
+
* <StyledForm.Actions>
|
|
133
|
+
* <StyledButton primary block>Submit</StyledButton>
|
|
134
|
+
* <StyledButton outline block>Cancel</StyledButton>
|
|
135
|
+
* </StyledForm.Actions>
|
|
136
|
+
*/
|
|
137
|
+
const Actions: React.FC<FormActionsProps> = ({
|
|
138
|
+
horizontal = false,
|
|
139
|
+
gap = 10,
|
|
140
|
+
children,
|
|
141
|
+
...rest
|
|
142
|
+
}) => (
|
|
143
|
+
<Stack horizontal={horizontal} gap={gap} {...rest}>
|
|
144
|
+
{children}
|
|
145
|
+
</Stack>
|
|
146
|
+
);
|
|
147
|
+
Actions.displayName = "StyledForm.Actions";
|
|
148
|
+
|
|
149
|
+
// ─── Input sub-components — thin aliases that read FormContext ────────────────
|
|
150
|
+
// Each one forwards all props of the underlying component unchanged.
|
|
151
|
+
// The only addition: they read disabled/loading from FormContext so form-level
|
|
152
|
+
// state propagates without prop drilling.
|
|
153
|
+
|
|
154
|
+
/**
|
|
155
|
+
* StyledForm.Input → StyledTextInput
|
|
156
|
+
*
|
|
157
|
+
* <StyledForm.Input label="Email" required variant="outline" />
|
|
158
|
+
*/
|
|
159
|
+
const Input: React.FC<StyledTextInputProps> = (props) => {
|
|
160
|
+
const ctx = useFormContext();
|
|
161
|
+
return (
|
|
162
|
+
<StyledTextInput
|
|
163
|
+
editable={ctx.disabled ? false : props.editable}
|
|
164
|
+
loading={props.loading ?? ctx.loading}
|
|
165
|
+
{...props}
|
|
166
|
+
/>
|
|
167
|
+
);
|
|
168
|
+
};
|
|
169
|
+
Input.displayName = "StyledForm.Input";
|
|
170
|
+
|
|
171
|
+
/**
|
|
172
|
+
* StyledForm.Checkbox → StyledCheckBox
|
|
173
|
+
*
|
|
174
|
+
* <StyledForm.Checkbox label="I agree to the terms" checked={agreed} onCheck={setAgreed} />
|
|
175
|
+
*/
|
|
176
|
+
const Checkbox: React.FC<StyledCheckBoxProps> = (props) => {
|
|
177
|
+
const ctx = useFormContext();
|
|
178
|
+
return (
|
|
179
|
+
<StyledCheckBox
|
|
180
|
+
disabled={props.disabled ?? ctx.disabled}
|
|
181
|
+
{...props}
|
|
182
|
+
/>
|
|
183
|
+
);
|
|
184
|
+
};
|
|
185
|
+
Checkbox.displayName = "StyledForm.Checkbox";
|
|
186
|
+
|
|
187
|
+
/**
|
|
188
|
+
* StyledForm.Switch → Switch
|
|
189
|
+
*
|
|
190
|
+
* <StyledForm.Switch label="Email notifications" value={notifs} onChange={setNotifs} />
|
|
191
|
+
*/
|
|
192
|
+
const FormSwitch: React.FC<SwitchProps<any>> = (props) => {
|
|
193
|
+
const ctx = useFormContext();
|
|
194
|
+
return (
|
|
195
|
+
<Switch
|
|
196
|
+
disabled={props.disabled ?? ctx.disabled}
|
|
197
|
+
loading={props.loading ?? ctx.loading}
|
|
198
|
+
{...props}
|
|
199
|
+
/>
|
|
200
|
+
);
|
|
201
|
+
};
|
|
202
|
+
FormSwitch.displayName = "StyledForm.Switch";
|
|
203
|
+
|
|
204
|
+
/**
|
|
205
|
+
* StyledForm.Select → StyledDropdown
|
|
206
|
+
*
|
|
207
|
+
* <StyledForm.Select label="Country" options={countries} value={country} onChange={setCountry} />
|
|
208
|
+
*/
|
|
209
|
+
const Select: React.FC<StyledDropdownProps> = (props) => {
|
|
210
|
+
const ctx = useFormContext();
|
|
211
|
+
return (
|
|
212
|
+
<StyledDropdown
|
|
213
|
+
disabled={props.disabled ?? ctx.disabled}
|
|
214
|
+
{...props}
|
|
215
|
+
/>
|
|
216
|
+
);
|
|
217
|
+
};
|
|
218
|
+
Select.displayName = "StyledForm.Select";
|
|
219
|
+
|
|
220
|
+
/**
|
|
221
|
+
* StyledForm.Radio → StyledRadioGroup
|
|
222
|
+
*
|
|
223
|
+
* <StyledForm.Radio options={plans} value={plan} onChange={setPlan} />
|
|
224
|
+
*/
|
|
225
|
+
const Radio: React.FC<StyledRadioGroupProps<any>> = (props) => (
|
|
226
|
+
<StyledRadioGroup {...props} />
|
|
227
|
+
);
|
|
228
|
+
Radio.displayName = "StyledForm.Radio";
|
|
229
|
+
|
|
230
|
+
/**
|
|
231
|
+
* StyledForm.DatePicker → StyledDatePicker
|
|
232
|
+
*
|
|
233
|
+
* <StyledForm.DatePicker label="Date of birth" value={dob} onChange={setDob} variant="input" />
|
|
234
|
+
*/
|
|
235
|
+
const DatePicker: React.FC<StyledDatePickerProps> = (props) => {
|
|
236
|
+
const ctx = useFormContext();
|
|
237
|
+
return (
|
|
238
|
+
<StyledDatePicker
|
|
239
|
+
disabled={props.disabled ?? ctx.disabled}
|
|
240
|
+
{...props}
|
|
241
|
+
/>
|
|
242
|
+
);
|
|
243
|
+
};
|
|
244
|
+
DatePicker.displayName = "StyledForm.DatePicker";
|
|
245
|
+
|
|
246
|
+
/**
|
|
247
|
+
* StyledForm.Slider → StyledSlider
|
|
248
|
+
*
|
|
249
|
+
* <StyledForm.Slider label="Budget" value={budget} onValueChange={setBudget} min={0} max={1000} />
|
|
250
|
+
*/
|
|
251
|
+
const Slider: React.FC<StyledSliderProps> = (props) => {
|
|
252
|
+
const ctx = useFormContext();
|
|
253
|
+
return (
|
|
254
|
+
<StyledSlider
|
|
255
|
+
disabled={props.disabled ?? ctx.disabled}
|
|
256
|
+
{...props}
|
|
257
|
+
/>
|
|
258
|
+
);
|
|
259
|
+
};
|
|
260
|
+
Slider.displayName = "StyledForm.Slider";
|
|
261
|
+
|
|
262
|
+
// ─── StyledForm (root) ────────────────────────────────────────────────────────
|
|
263
|
+
|
|
264
|
+
interface FormComponent extends React.FC<StyledFormProps> {
|
|
265
|
+
// layout
|
|
266
|
+
Row: typeof Row;
|
|
267
|
+
Section: typeof Section;
|
|
268
|
+
Actions: typeof Actions;
|
|
269
|
+
// inputs
|
|
270
|
+
Input: typeof Input;
|
|
271
|
+
Checkbox: typeof Checkbox;
|
|
272
|
+
Switch: typeof FormSwitch;
|
|
273
|
+
Select: typeof Select;
|
|
274
|
+
Radio: typeof Radio;
|
|
275
|
+
DatePicker: typeof DatePicker;
|
|
276
|
+
Slider: typeof Slider;
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
const StyledForm: FormComponent = ({
|
|
280
|
+
disabled,
|
|
281
|
+
loading,
|
|
282
|
+
gap = 16,
|
|
283
|
+
avoidKeyboard = true,
|
|
284
|
+
scrollable = false,
|
|
285
|
+
scrollPadding = 40,
|
|
286
|
+
children,
|
|
287
|
+
...rest
|
|
288
|
+
}) => {
|
|
289
|
+
const fields = (
|
|
290
|
+
<Stack gap={gap} {...rest}>
|
|
291
|
+
{children}
|
|
292
|
+
</Stack>
|
|
293
|
+
);
|
|
294
|
+
|
|
295
|
+
const content = scrollable ? (
|
|
296
|
+
<ScrollView
|
|
297
|
+
keyboardShouldPersistTaps="handled"
|
|
298
|
+
showsVerticalScrollIndicator={false}
|
|
299
|
+
contentContainerStyle={{ flexGrow: 1, paddingBottom: scrollPadding }}
|
|
300
|
+
>
|
|
301
|
+
{fields}
|
|
302
|
+
</ScrollView>
|
|
303
|
+
) : fields;
|
|
304
|
+
|
|
305
|
+
return (
|
|
306
|
+
<FormContext.Provider value={{ disabled, loading }}>
|
|
307
|
+
{avoidKeyboard ? (
|
|
308
|
+
<KeyboardAvoidingView
|
|
309
|
+
behavior={Platform.OS === "ios" ? "padding" : "height"}
|
|
310
|
+
style={{ flex: 1 }}
|
|
311
|
+
>
|
|
312
|
+
{content}
|
|
313
|
+
</KeyboardAvoidingView>
|
|
314
|
+
) : content}
|
|
315
|
+
</FormContext.Provider>
|
|
316
|
+
);
|
|
317
|
+
};
|
|
318
|
+
|
|
319
|
+
StyledForm.displayName = "StyledForm";
|
|
320
|
+
StyledForm.Row = Row;
|
|
321
|
+
StyledForm.Section = Section;
|
|
322
|
+
StyledForm.Actions = Actions;
|
|
323
|
+
StyledForm.Input = Input;
|
|
324
|
+
StyledForm.Checkbox = Checkbox;
|
|
325
|
+
StyledForm.Switch = FormSwitch;
|
|
326
|
+
StyledForm.Select = Select;
|
|
327
|
+
StyledForm.Radio = Radio;
|
|
328
|
+
StyledForm.DatePicker = DatePicker;
|
|
329
|
+
StyledForm.Slider = Slider;
|
|
330
|
+
|
|
331
|
+
export { StyledForm };
|