@kivid/native-components 1.0.0-alpha.24 → 1.0.0-alpha.26
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/commonjs/components/DatePicker/assets/theme.js +60 -0
- package/dist/commonjs/components/DatePicker/assets/theme.js.map +1 -1
- package/dist/commonjs/components/DatePicker/index.js +84 -0
- package/dist/commonjs/components/DatePicker/index.js.map +1 -1
- package/dist/commonjs/components/Dropdown/index.js +156 -0
- package/dist/commonjs/components/Dropdown/index.js.map +1 -0
- package/dist/commonjs/components/Dropdown/types.js +6 -0
- package/dist/commonjs/components/Dropdown/types.js.map +1 -0
- package/dist/commonjs/components/ListButton/assets/class-variants.js +2 -1
- package/dist/commonjs/components/ListButton/assets/class-variants.js.map +1 -1
- package/dist/commonjs/components/ListButton/assets/design-system-showcase.js +59 -0
- package/dist/commonjs/components/ListButton/assets/design-system-showcase.js.map +1 -1
- package/dist/commonjs/components/ListButton/enums/variant.js +1 -0
- package/dist/commonjs/components/ListButton/enums/variant.js.map +1 -1
- package/dist/commonjs/components/Tab/assets/class-variants.js +69 -0
- package/dist/commonjs/components/Tab/assets/class-variants.js.map +1 -0
- package/dist/commonjs/components/Tab/index.js +90 -0
- package/dist/commonjs/components/Tab/index.js.map +1 -0
- package/dist/commonjs/components/Tab/types.js +6 -0
- package/dist/commonjs/components/Tab/types.js.map +1 -0
- package/dist/commonjs/components/TextAreaInput/assets/class-variants.js +91 -0
- package/dist/commonjs/components/TextAreaInput/assets/class-variants.js.map +1 -0
- package/dist/commonjs/components/TextAreaInput/enums.js +12 -0
- package/dist/commonjs/components/TextAreaInput/enums.js.map +1 -0
- package/dist/commonjs/components/TextAreaInput/index.js +105 -0
- package/dist/commonjs/components/TextAreaInput/index.js.map +1 -0
- package/dist/commonjs/components/TextAreaInput/types.js +6 -0
- package/dist/commonjs/components/TextAreaInput/types.js.map +1 -0
- package/dist/commonjs/components/Title/components/marker/index.js +11 -4
- package/dist/commonjs/components/Title/components/marker/index.js.map +1 -1
- package/dist/commonjs/components/index.js +81 -26
- package/dist/commonjs/components/index.js.map +1 -1
- package/dist/module/components/DatePicker/assets/theme.js +60 -0
- package/dist/module/components/DatePicker/assets/theme.js.map +1 -1
- package/dist/module/components/DatePicker/index.js +85 -1
- package/dist/module/components/DatePicker/index.js.map +1 -1
- package/dist/module/components/Dropdown/index.js +151 -0
- package/dist/module/components/Dropdown/index.js.map +1 -0
- package/dist/module/components/Dropdown/types.js +4 -0
- package/dist/module/components/Dropdown/types.js.map +1 -0
- package/dist/module/components/ListButton/assets/class-variants.js +2 -1
- package/dist/module/components/ListButton/assets/class-variants.js.map +1 -1
- package/dist/module/components/ListButton/assets/design-system-showcase.js +59 -0
- package/dist/module/components/ListButton/assets/design-system-showcase.js.map +1 -1
- package/dist/module/components/ListButton/enums/variant.js +1 -0
- package/dist/module/components/ListButton/enums/variant.js.map +1 -1
- package/dist/module/components/Tab/assets/class-variants.js +66 -0
- package/dist/module/components/Tab/assets/class-variants.js.map +1 -0
- package/dist/module/components/Tab/index.js +86 -0
- package/dist/module/components/Tab/index.js.map +1 -0
- package/dist/module/components/Tab/types.js +4 -0
- package/dist/module/components/Tab/types.js.map +1 -0
- package/dist/module/components/TextAreaInput/assets/class-variants.js +87 -0
- package/dist/module/components/TextAreaInput/assets/class-variants.js.map +1 -0
- package/dist/module/components/TextAreaInput/enums.js +8 -0
- package/dist/module/components/TextAreaInput/enums.js.map +1 -0
- package/dist/module/components/TextAreaInput/index.js +100 -0
- package/dist/module/components/TextAreaInput/index.js.map +1 -0
- package/dist/module/components/TextAreaInput/types.js +4 -0
- package/dist/module/components/TextAreaInput/types.js.map +1 -0
- package/dist/module/components/Title/components/marker/index.js +11 -4
- package/dist/module/components/Title/components/marker/index.js.map +1 -1
- package/dist/module/components/index.js +5 -0
- package/dist/module/components/index.js.map +1 -1
- package/dist/typescript/components/DatePicker/assets/theme.d.ts +60 -0
- package/dist/typescript/components/Dropdown/index.d.ts +3 -0
- package/dist/typescript/components/Dropdown/types.d.ts +20 -0
- package/dist/typescript/components/ListButton/enums/variant.d.ts +2 -1
- package/dist/typescript/components/Tab/assets/class-variants.d.ts +18 -0
- package/dist/typescript/components/Tab/index.d.ts +2 -0
- package/dist/typescript/components/Tab/types.d.ts +17 -0
- package/dist/typescript/components/TextAreaInput/assets/class-variants.d.ts +17 -0
- package/dist/typescript/components/TextAreaInput/enums.d.ts +4 -0
- package/dist/typescript/components/TextAreaInput/index.d.ts +2 -0
- package/dist/typescript/components/TextAreaInput/types.d.ts +22 -0
- package/dist/typescript/components/Title/components/marker/index.d.ts +1 -1
- package/dist/typescript/components/Title/components/marker/types.d.ts +1 -0
- package/dist/typescript/components/index.d.ts +8 -0
- package/package.json +6 -5
- package/src/components/DatePicker/assets/theme.ts +60 -0
- package/src/components/DatePicker/index.tsx +106 -4
- package/src/components/Dropdown/index.tsx +165 -0
- package/src/components/Dropdown/types.ts +21 -0
- package/src/components/ListButton/assets/class-variants.ts +4 -0
- package/src/components/ListButton/assets/design-system-showcase.ts +69 -0
- package/src/components/ListButton/enums/variant.ts +1 -0
- package/src/components/Tab/assets/class-variants.ts +83 -0
- package/src/components/Tab/index.tsx +92 -0
- package/src/components/Tab/types.ts +20 -0
- package/src/components/TextAreaInput/assets/class-variants.ts +96 -0
- package/src/components/TextAreaInput/enums.ts +4 -0
- package/src/components/TextAreaInput/index.tsx +119 -0
- package/src/components/TextAreaInput/types.ts +28 -0
- package/src/components/Title/components/marker/index.tsx +10 -2
- package/src/components/Title/components/marker/types.ts +1 -0
- package/src/components/index.ts +11 -0
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.tabLabelVariants = exports.tabCountVariants = exports.tabCountTextVariants = exports.tabContainerVariants = exports.dividerVariants = void 0;
|
|
7
|
+
var _classVarianceAuthority = require("class-variance-authority");
|
|
8
|
+
var _index = require("../../../enums/index.js");
|
|
9
|
+
const tabContainerVariants = exports.tabContainerVariants = (0, _classVarianceAuthority.cva)(["flex-row w-full"], {
|
|
10
|
+
variants: {
|
|
11
|
+
size: {
|
|
12
|
+
[_index.SizeEnum.MEDIUM]: "",
|
|
13
|
+
[_index.SizeEnum.SMALL]: ""
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
defaultVariants: {
|
|
17
|
+
size: _index.SizeEnum.MEDIUM
|
|
18
|
+
}
|
|
19
|
+
});
|
|
20
|
+
const dividerVariants = exports.dividerVariants = (0, _classVarianceAuthority.cva)(["w-full"], {
|
|
21
|
+
variants: {
|
|
22
|
+
selected: {
|
|
23
|
+
true: "h-200 bg-grape-500",
|
|
24
|
+
false: "h-[1px] bg-chia-400"
|
|
25
|
+
},
|
|
26
|
+
size: {
|
|
27
|
+
[_index.SizeEnum.MEDIUM]: "mt-500",
|
|
28
|
+
[_index.SizeEnum.SMALL]: "mt-400"
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
defaultVariants: {
|
|
32
|
+
selected: false,
|
|
33
|
+
size: _index.SizeEnum.MEDIUM
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
const tabLabelVariants = exports.tabLabelVariants = (0, _classVarianceAuthority.cva)("", {
|
|
37
|
+
variants: {
|
|
38
|
+
selected: {
|
|
39
|
+
true: "text-chia-900",
|
|
40
|
+
false: "text-chia-700"
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
defaultVariants: {
|
|
44
|
+
selected: false
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
const tabCountVariants = exports.tabCountVariants = (0, _classVarianceAuthority.cva)(["px-300 rounded-300 items-center justify-center ml-400"], {
|
|
48
|
+
variants: {
|
|
49
|
+
selected: {
|
|
50
|
+
true: "bg-grape-500",
|
|
51
|
+
false: "bg-chia-400"
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
defaultVariants: {
|
|
55
|
+
selected: false
|
|
56
|
+
}
|
|
57
|
+
});
|
|
58
|
+
const tabCountTextVariants = exports.tabCountTextVariants = (0, _classVarianceAuthority.cva)("", {
|
|
59
|
+
variants: {
|
|
60
|
+
selected: {
|
|
61
|
+
true: "text-chia-100",
|
|
62
|
+
false: "text-chia-700"
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
defaultVariants: {
|
|
66
|
+
selected: false
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
//# sourceMappingURL=class-variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","_index","tabContainerVariants","exports","cva","variants","size","SizeEnum","MEDIUM","SMALL","defaultVariants","dividerVariants","selected","true","false","tabLabelVariants","tabCountVariants","tabCountTextVariants"],"sourceRoot":"../../../../../src","sources":["components/Tab/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAEA,MAAME,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,GAAG,IAAAE,2BAAG,EAAC,CAAC,iBAAiB,CAAC,EAAE;EACpDC,QAAQ,EAAE;IACRC,IAAI,EAAE;MACJ,CAACC,eAAQ,CAACC,MAAM,GAAG,EAAE;MACrB,CAACD,eAAQ,CAACE,KAAK,GAAG;IACpB;EACF,CAAC;EACDC,eAAe,EAAE;IACfJ,IAAI,EAAEC,eAAQ,CAACC;EACjB;AACF,CAAC,CAAC;AAEF,MAAMG,eAAe,GAAAR,OAAA,CAAAQ,eAAA,GAAG,IAAAP,2BAAG,EACzB,CACE,QAAQ,CACT,EACD;EACEC,QAAQ,EAAE;IACRO,QAAQ,EAAE;MACRC,IAAI,EAAE,oBAAoB;MAC1BC,KAAK,EAAE;IACT,CAAC;IACDR,IAAI,EAAE;MACJ,CAACC,eAAQ,CAACC,MAAM,GAAG,QAAQ;MAC3B,CAACD,eAAQ,CAACE,KAAK,GAAG;IACpB;EACF,CAAC;EACDC,eAAe,EAAE;IACfE,QAAQ,EAAE,KAAK;IACfN,IAAI,EAAEC,eAAQ,CAACC;EACjB;AACF,CACF,CAAC;AAED,MAAMO,gBAAgB,GAAAZ,OAAA,CAAAY,gBAAA,GAAG,IAAAX,2BAAG,EAAC,EAAE,EAAE;EAC/BC,QAAQ,EAAE;IACRO,QAAQ,EAAE;MACRC,IAAI,EAAE,eAAe;MACrBC,KAAK,EAAE;IACT;EACF,CAAC;EACDJ,eAAe,EAAE;IACfE,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,MAAMI,gBAAgB,GAAAb,OAAA,CAAAa,gBAAA,GAAG,IAAAZ,2BAAG,EAC1B,CAAC,uDAAuD,CAAC,EACzD;EACEC,QAAQ,EAAE;IACRO,QAAQ,EAAE;MACRC,IAAI,EAAE,cAAc;MACpBC,KAAK,EAAE;IACT;EACF,CAAC;EACDJ,eAAe,EAAE;IACfE,QAAQ,EAAE;EACZ;AACF,CACF,CAAC;AAED,MAAMK,oBAAoB,GAAAd,OAAA,CAAAc,oBAAA,GAAG,IAAAb,2BAAG,EAAC,EAAE,EAAE;EACnCC,QAAQ,EAAE;IACRO,QAAQ,EAAE;MACRC,IAAI,EAAE,eAAe;MACrBC,KAAK,EAAE;IACT;EACF,CAAC;EACDJ,eAAe,EAAE;IACfE,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Tab = Tab;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _tailwindPreset = require("@kivid/tailwind-preset");
|
|
9
|
+
var _classVariants = require("./assets/class-variants.js");
|
|
10
|
+
var _index = require("../Typography/index.js");
|
|
11
|
+
var _index2 = require("../../enums/index.js");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
|
+
function Tab(props) {
|
|
14
|
+
const {
|
|
15
|
+
items,
|
|
16
|
+
onTabChange,
|
|
17
|
+
size = _index2.SizeEnum.MEDIUM,
|
|
18
|
+
className,
|
|
19
|
+
selectedTab,
|
|
20
|
+
customDividerColor,
|
|
21
|
+
customDividerComponent
|
|
22
|
+
} = props;
|
|
23
|
+
const handleTabPress = index => {
|
|
24
|
+
onTabChange?.(index);
|
|
25
|
+
};
|
|
26
|
+
const containerStyle = (0, _tailwindPreset.merge)((0, _classVariants.tabContainerVariants)({
|
|
27
|
+
size
|
|
28
|
+
}), className);
|
|
29
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
30
|
+
className: containerStyle,
|
|
31
|
+
accessibilityRole: "tablist",
|
|
32
|
+
children: items.map((item, index) => {
|
|
33
|
+
const selected = selectedTab === index;
|
|
34
|
+
const buttonStyle = (0, _tailwindPreset.merge)("flex-1 flex-col items-center justify-center", className);
|
|
35
|
+
const labelStyle = (0, _classVariants.tabLabelVariants)({
|
|
36
|
+
selected
|
|
37
|
+
});
|
|
38
|
+
const countTextStyle = (0, _classVariants.tabCountTextVariants)({
|
|
39
|
+
selected
|
|
40
|
+
});
|
|
41
|
+
const dividerStyle = selected && customDividerColor ? (0, _tailwindPreset.merge)((0, _classVariants.dividerVariants)({
|
|
42
|
+
selected,
|
|
43
|
+
size
|
|
44
|
+
}), customDividerColor) : (0, _classVariants.dividerVariants)({
|
|
45
|
+
selected,
|
|
46
|
+
size
|
|
47
|
+
});
|
|
48
|
+
const countContainerStyle = selected && customDividerColor ? (0, _tailwindPreset.merge)((0, _classVariants.tabCountVariants)({
|
|
49
|
+
selected
|
|
50
|
+
}), customDividerColor) : (0, _classVariants.tabCountVariants)({
|
|
51
|
+
selected
|
|
52
|
+
});
|
|
53
|
+
const renderDivider = () => {
|
|
54
|
+
if (selected && customDividerComponent) {
|
|
55
|
+
return customDividerComponent;
|
|
56
|
+
}
|
|
57
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
58
|
+
className: dividerStyle
|
|
59
|
+
});
|
|
60
|
+
};
|
|
61
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
|
|
62
|
+
testID: `tab-${index}`,
|
|
63
|
+
className: buttonStyle,
|
|
64
|
+
onPress: () => handleTabPress(index),
|
|
65
|
+
accessibilityRole: "tab",
|
|
66
|
+
accessibilityState: {
|
|
67
|
+
selected
|
|
68
|
+
},
|
|
69
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
70
|
+
className: "flex flex-row",
|
|
71
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Typography, {
|
|
72
|
+
variant: size === _index2.SizeEnum.MEDIUM ? "label_medium" : "label_small",
|
|
73
|
+
weight: "700",
|
|
74
|
+
className: labelStyle,
|
|
75
|
+
children: item.label
|
|
76
|
+
}), item.count !== undefined && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
77
|
+
className: countContainerStyle,
|
|
78
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.Typography, {
|
|
79
|
+
variant: "label_small",
|
|
80
|
+
weight: "700",
|
|
81
|
+
className: countTextStyle,
|
|
82
|
+
children: item.count
|
|
83
|
+
})
|
|
84
|
+
})]
|
|
85
|
+
}), renderDivider()]
|
|
86
|
+
}, index);
|
|
87
|
+
})
|
|
88
|
+
});
|
|
89
|
+
}
|
|
90
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_tailwindPreset","_classVariants","_index","_index2","_jsxRuntime","Tab","props","items","onTabChange","size","SizeEnum","MEDIUM","className","selectedTab","customDividerColor","customDividerComponent","handleTabPress","index","containerStyle","merge","tabContainerVariants","jsx","View","accessibilityRole","children","map","item","selected","buttonStyle","labelStyle","tabLabelVariants","countTextStyle","tabCountTextVariants","dividerStyle","dividerVariants","countContainerStyle","tabCountVariants","renderDivider","jsxs","Pressable","testID","onPress","accessibilityState","Typography","variant","weight","label","count","undefined"],"sourceRoot":"../../../../src","sources":["components/Tab/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Tab/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.textInputFieldVariants = exports.textInputContainerVariants = exports.labelVariant = void 0;
|
|
7
|
+
var _classVarianceAuthority = require("class-variance-authority");
|
|
8
|
+
const textInputContainerVariants = exports.textInputContainerVariants = (0, _classVarianceAuthority.cva)("flex-row px-600 py-500 border-b border-r border-l border-chia-400 bg-chia-100 min-h-[120px]", {
|
|
9
|
+
variants: {
|
|
10
|
+
corners: {
|
|
11
|
+
small: "rounded-500",
|
|
12
|
+
medium: "rounded-700"
|
|
13
|
+
},
|
|
14
|
+
error: {
|
|
15
|
+
true: "border-blackberry-500",
|
|
16
|
+
false: "border-chia-400"
|
|
17
|
+
},
|
|
18
|
+
disabled: {
|
|
19
|
+
true: "opacity-40",
|
|
20
|
+
false: ""
|
|
21
|
+
},
|
|
22
|
+
insideLabel: {
|
|
23
|
+
true: "border-t-0 rounded-100",
|
|
24
|
+
false: "border-t"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
compoundVariants: [{
|
|
28
|
+
insideLabel: true,
|
|
29
|
+
corners: "small",
|
|
30
|
+
class: "rounded-bl-500 rounded-br-500"
|
|
31
|
+
}, {
|
|
32
|
+
insideLabel: true,
|
|
33
|
+
corners: "medium",
|
|
34
|
+
class: "rounded-bl-700 rounded-br-700"
|
|
35
|
+
}],
|
|
36
|
+
defaultVariants: {
|
|
37
|
+
corners: "medium",
|
|
38
|
+
error: false,
|
|
39
|
+
disabled: false,
|
|
40
|
+
insideLabel: false
|
|
41
|
+
}
|
|
42
|
+
});
|
|
43
|
+
const labelVariant = exports.labelVariant = (0, _classVarianceAuthority.cva)("flex-row w-full justify-between", {
|
|
44
|
+
variants: {
|
|
45
|
+
insideLabel: {
|
|
46
|
+
true: "border-t border-l border-r border-chia-400 bg-chia-100 px-600 pt-500",
|
|
47
|
+
false: "mb-400"
|
|
48
|
+
},
|
|
49
|
+
corners: {
|
|
50
|
+
small: "rounded-tl-500 rounded-tr-500",
|
|
51
|
+
medium: "rounded-tl-700 rounded-tr-700"
|
|
52
|
+
}
|
|
53
|
+
},
|
|
54
|
+
defaultVariants: {
|
|
55
|
+
insideLabel: false,
|
|
56
|
+
corners: "medium"
|
|
57
|
+
}
|
|
58
|
+
});
|
|
59
|
+
const textInputFieldVariants = exports.textInputFieldVariants = (0, _classVarianceAuthority.cva)("flex-1 font-nunito-bold text-[16px] leading-[20px] placeholder:text-chia-600 android:p-0 min-w-0", {
|
|
60
|
+
variants: {
|
|
61
|
+
disabled: {
|
|
62
|
+
true: "",
|
|
63
|
+
false: ""
|
|
64
|
+
},
|
|
65
|
+
isValid: {
|
|
66
|
+
true: "text-chia-900",
|
|
67
|
+
false: ""
|
|
68
|
+
},
|
|
69
|
+
error: {
|
|
70
|
+
true: "text-blackberry-500",
|
|
71
|
+
false: ""
|
|
72
|
+
},
|
|
73
|
+
showLabel: {
|
|
74
|
+
true: "min-h-700",
|
|
75
|
+
false: "min-h-800"
|
|
76
|
+
},
|
|
77
|
+
size: {
|
|
78
|
+
small: "ios:pt-[3px]",
|
|
79
|
+
medium: "ios:pt-[3px]",
|
|
80
|
+
large: "ios:pt-[2px]"
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
defaultVariants: {
|
|
84
|
+
disabled: false,
|
|
85
|
+
isValid: false,
|
|
86
|
+
error: false,
|
|
87
|
+
showLabel: false,
|
|
88
|
+
size: "large"
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
//# sourceMappingURL=class-variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_classVarianceAuthority","require","textInputContainerVariants","exports","cva","variants","corners","small","medium","error","true","false","disabled","insideLabel","compoundVariants","class","defaultVariants","labelVariant","textInputFieldVariants","isValid","showLabel","size","large"],"sourceRoot":"../../../../../src","sources":["components/TextAreaInput/assets/class-variants.ts"],"mappings":";;;;;;AAAA,IAAAA,uBAAA,GAAAC,OAAA;AAEO,MAAMC,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAG,IAAAE,2BAAG,EAC3C,6FAA6F,EAC7F;EACEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,KAAK,EAAE,aAAa;MACpBC,MAAM,EAAE;IACV,CAAC;IACDC,KAAK,EAAE;MACLC,IAAI,EAAE,uBAAuB;MAC7BC,KAAK,EAAE;IACT,CAAC;IACDC,QAAQ,EAAE;MACRF,IAAI,EAAE,YAAY;MAClBC,KAAK,EAAE;IACT,CAAC;IACDE,WAAW,EAAE;MACXH,IAAI,EAAE,wBAAwB;MAC9BC,KAAK,EAAE;IACT;EACF,CAAC;EACDG,gBAAgB,EAAE,CAChB;IACED,WAAW,EAAE,IAAI;IACjBP,OAAO,EAAE,OAAO;IAChBS,KAAK,EAAE;EACT,CAAC,EACD;IACEF,WAAW,EAAE,IAAI;IACjBP,OAAO,EAAE,QAAQ;IACjBS,KAAK,EAAE;EACT,CAAC,CACF;EACDC,eAAe,EAAE;IACfV,OAAO,EAAE,QAAQ;IACjBG,KAAK,EAAE,KAAK;IACZG,QAAQ,EAAE,KAAK;IACfC,WAAW,EAAE;EACf;AACF,CACF,CAAC;AAEM,MAAMI,YAAY,GAAAd,OAAA,CAAAc,YAAA,GAAG,IAAAb,2BAAG,EAAC,iCAAiC,EAAE;EACjEC,QAAQ,EAAE;IACRQ,WAAW,EAAE;MACXH,IAAI,EAAE,sEAAsE;MAC5EC,KAAK,EAAE;IACT,CAAC;IACDL,OAAO,EAAE;MACPC,KAAK,EAAE,+BAA+B;MACtCC,MAAM,EAAE;IACV;EACF,CAAC;EACDQ,eAAe,EAAE;IACfH,WAAW,EAAE,KAAK;IAClBP,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEK,MAAMY,sBAAsB,GAAAf,OAAA,CAAAe,sBAAA,GAAG,IAAAd,2BAAG,EACvC,kGAAkG,EAClG;EACEC,QAAQ,EAAE;IACRO,QAAQ,EAAE;MACRF,IAAI,EAAE,EAAE;MACRC,KAAK,EAAE;IACT,CAAC;IACDQ,OAAO,EAAE;MACPT,IAAI,EAAE,eAAe;MACrBC,KAAK,EAAE;IACT,CAAC;IACDF,KAAK,EAAE;MACLC,IAAI,EAAE,qBAAqB;MAC3BC,KAAK,EAAE;IACT,CAAC;IACDS,SAAS,EAAE;MACTV,IAAI,EAAE,WAAW;MACjBC,KAAK,EAAE;IACT,CAAC;IACDU,IAAI,EAAE;MACJd,KAAK,EAAE,cAAc;MACrBC,MAAM,EAAE,cAAc;MACtBc,KAAK,EAAE;IACT;EACF,CAAC;EACDN,eAAe,EAAE;IACfJ,QAAQ,EAAE,KAAK;IACfO,OAAO,EAAE,KAAK;IACdV,KAAK,EAAE,KAAK;IACZW,SAAS,EAAE,KAAK;IAChBC,IAAI,EAAE;EACR;AACF,CACF,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.TextAreaInputCornersEnum = void 0;
|
|
7
|
+
let TextAreaInputCornersEnum = exports.TextAreaInputCornersEnum = /*#__PURE__*/function (TextAreaInputCornersEnum) {
|
|
8
|
+
TextAreaInputCornersEnum["SMALL"] = "small";
|
|
9
|
+
TextAreaInputCornersEnum["MEDIUM"] = "medium";
|
|
10
|
+
return TextAreaInputCornersEnum;
|
|
11
|
+
}({});
|
|
12
|
+
//# sourceMappingURL=enums.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["TextAreaInputCornersEnum","exports"],"sourceRoot":"../../../../src","sources":["components/TextAreaInput/enums.ts"],"mappings":";;;;;;IAAYA,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,0BAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAxBA,wBAAwB;EAAA,OAAxBA,wBAAwB;AAAA","ignoreList":[]}
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.TextAreaInput = TextAreaInput;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _index = require("../Tooltip/index.js");
|
|
9
|
+
var _index2 = require("../Tooltip/enum/index.js");
|
|
10
|
+
var _index3 = _interopRequireDefault(require("../Typography/index.js"));
|
|
11
|
+
var _enums = require("./enums.js");
|
|
12
|
+
var _classVariants = require("./assets/class-variants.js");
|
|
13
|
+
var _tailwindPreset = require("@kivid/tailwind-preset");
|
|
14
|
+
var _react = require("react");
|
|
15
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
16
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
17
|
+
function TextAreaInput(props) {
|
|
18
|
+
const {
|
|
19
|
+
value,
|
|
20
|
+
onChangeText,
|
|
21
|
+
onBlur,
|
|
22
|
+
placeholder,
|
|
23
|
+
label,
|
|
24
|
+
error,
|
|
25
|
+
maxLength = 200,
|
|
26
|
+
disabled = false,
|
|
27
|
+
corners = _enums.TextAreaInputCornersEnum.MEDIUM,
|
|
28
|
+
insideLabel = false,
|
|
29
|
+
className,
|
|
30
|
+
inputClassName,
|
|
31
|
+
labelClassName,
|
|
32
|
+
tooltipClassName,
|
|
33
|
+
tooltipPointerClassName,
|
|
34
|
+
tooltipContainerClassName,
|
|
35
|
+
showMaxLength = true,
|
|
36
|
+
containerTestID,
|
|
37
|
+
...rest
|
|
38
|
+
} = props;
|
|
39
|
+
const currentLength = value?.length || 0;
|
|
40
|
+
const hasLabel = !!label;
|
|
41
|
+
const hasError = !!error;
|
|
42
|
+
const inputRef = (0, _react.useRef)(null);
|
|
43
|
+
const handleChangeText = text => {
|
|
44
|
+
if (text.length <= maxLength) {
|
|
45
|
+
onChangeText?.(text);
|
|
46
|
+
}
|
|
47
|
+
};
|
|
48
|
+
const formattedCurrentLength = currentLength.toString().padStart(3, '0');
|
|
49
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.Tooltip, {
|
|
50
|
+
isOpenedByVariantError: hasError,
|
|
51
|
+
message: error,
|
|
52
|
+
variant: _index2.TooltipVariantEnum.ERROR,
|
|
53
|
+
className: tooltipClassName,
|
|
54
|
+
pointerClassName: tooltipPointerClassName,
|
|
55
|
+
containerClassName: tooltipContainerClassName,
|
|
56
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
57
|
+
className: (0, _classVariants.labelVariant)({
|
|
58
|
+
insideLabel,
|
|
59
|
+
corners
|
|
60
|
+
}),
|
|
61
|
+
children: [label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.default, {
|
|
62
|
+
variant: "label_small",
|
|
63
|
+
weight: "600",
|
|
64
|
+
className: (0, _tailwindPreset.merge)("text-chia-900", labelClassName),
|
|
65
|
+
children: label
|
|
66
|
+
}), showMaxLength && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index3.default, {
|
|
67
|
+
variant: "label_small",
|
|
68
|
+
weight: "500",
|
|
69
|
+
className: "text-chia-600",
|
|
70
|
+
children: [formattedCurrentLength, "/", maxLength]
|
|
71
|
+
})]
|
|
72
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
73
|
+
testID: containerTestID,
|
|
74
|
+
className: (0, _tailwindPreset.merge)((0, _classVariants.textInputContainerVariants)({
|
|
75
|
+
corners,
|
|
76
|
+
error: !!error,
|
|
77
|
+
disabled,
|
|
78
|
+
insideLabel
|
|
79
|
+
}), className),
|
|
80
|
+
onPress: () => {
|
|
81
|
+
if (!disabled) {
|
|
82
|
+
inputRef.current?.focus();
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
disabled: disabled,
|
|
86
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TextInput, {
|
|
87
|
+
value: value,
|
|
88
|
+
onChangeText: handleChangeText,
|
|
89
|
+
onBlur: onBlur,
|
|
90
|
+
placeholder: placeholder,
|
|
91
|
+
multiline: true,
|
|
92
|
+
maxLength: maxLength,
|
|
93
|
+
placeholderTextColor: "#9CA3AF",
|
|
94
|
+
textAlignVertical: "top",
|
|
95
|
+
className: (0, _tailwindPreset.merge)((0, _classVariants.textInputFieldVariants)({
|
|
96
|
+
disabled,
|
|
97
|
+
error: hasError,
|
|
98
|
+
showLabel: hasLabel
|
|
99
|
+
}), inputClassName),
|
|
100
|
+
...rest
|
|
101
|
+
})
|
|
102
|
+
})]
|
|
103
|
+
});
|
|
104
|
+
}
|
|
105
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_index","_index2","_index3","_interopRequireDefault","_enums","_classVariants","_tailwindPreset","_react","_jsxRuntime","e","__esModule","default","TextAreaInput","props","value","onChangeText","onBlur","placeholder","label","error","maxLength","disabled","corners","TextAreaInputCornersEnum","MEDIUM","insideLabel","className","inputClassName","labelClassName","tooltipClassName","tooltipPointerClassName","tooltipContainerClassName","showMaxLength","containerTestID","rest","currentLength","length","hasLabel","hasError","inputRef","useRef","handleChangeText","text","formattedCurrentLength","toString","padStart","jsxs","Tooltip","isOpenedByVariantError","message","variant","TooltipVariantEnum","ERROR","pointerClassName","containerClassName","children","View","labelVariant","jsx","weight","merge","Pressable","testID","textInputContainerVariants","onPress","current","focus","TextInput","multiline","placeholderTextColor","textAlignVertical","textInputFieldVariants","showLabel"],"sourceRoot":"../../../../src","sources":["components/TextAreaInput/index.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/TextAreaInput/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -10,7 +10,8 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
10
10
|
function Marker(props) {
|
|
11
11
|
const {
|
|
12
12
|
size = _index.SizeEnum.MEDIUM,
|
|
13
|
-
color = "chia"
|
|
13
|
+
color = "chia",
|
|
14
|
+
customMarkerComponent
|
|
14
15
|
} = props;
|
|
15
16
|
const mappedSize = {
|
|
16
17
|
[_index.SizeEnum.SMALL]: "w-700 h-300",
|
|
@@ -27,8 +28,14 @@ function Marker(props) {
|
|
|
27
28
|
chia: "bg-chia-600",
|
|
28
29
|
ghost: "bg-chia-200"
|
|
29
30
|
}[color];
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
31
|
+
function renderMarker() {
|
|
32
|
+
if (customMarkerComponent) {
|
|
33
|
+
return customMarkerComponent;
|
|
34
|
+
}
|
|
35
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
36
|
+
className: `${mappedColor} ${mappedSize} rounded-500`
|
|
37
|
+
});
|
|
38
|
+
}
|
|
39
|
+
return renderMarker();
|
|
33
40
|
}
|
|
34
41
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_index","_jsxRuntime","Marker","props","size","SizeEnum","MEDIUM","color","mappedSize","SMALL","mappedColor","pear","java","grape","pitaya","tangerine","mango","blackberry","chia","ghost","jsx","View","className"],"sourceRoot":"../../../../../../src","sources":["components/Title/components/marker/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAA6C,IAAAE,WAAA,GAAAF,OAAA;AAEtC,SAASG,MAAMA,CAACC,KAAkB,EAAE;EACzC,MAAM;IAAEC,IAAI,GAAGC,eAAQ,CAACC,MAAM;IAAEC,KAAK,GAAG;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_index","_jsxRuntime","Marker","props","size","SizeEnum","MEDIUM","color","customMarkerComponent","mappedSize","SMALL","mappedColor","pear","java","grape","pitaya","tangerine","mango","blackberry","chia","ghost","renderMarker","jsx","View","className"],"sourceRoot":"../../../../../../src","sources":["components/Title/components/marker/index.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAA6C,IAAAE,WAAA,GAAAF,OAAA;AAEtC,SAASG,MAAMA,CAACC,KAAkB,EAAE;EACzC,MAAM;IAAEC,IAAI,GAAGC,eAAQ,CAACC,MAAM;IAAEC,KAAK,GAAG,MAAM;IAAEC;EAAsB,CAAC,GAAGL,KAAK;EAE/E,MAAMM,UAAU,GAAG;IACjB,CAACJ,eAAQ,CAACK,KAAK,GAAG,aAAa;IAC/B,CAACL,eAAQ,CAACC,MAAM,GAAG;EACrB,CAAC,CAACF,IAAI,CAAC;EAEP,MAAMO,WAAW,GAAG;IAClBC,IAAI,EAAE,aAAa;IACnBC,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE,cAAc;IACrBC,MAAM,EAAE,eAAe;IACvBC,SAAS,EAAE,kBAAkB;IAC7BC,KAAK,EAAE,cAAc;IACrBC,UAAU,EAAE,mBAAmB;IAC/BC,IAAI,EAAE,aAAa;IACnBC,KAAK,EAAE;EACT,CAAC,CAACb,KAAK,CAAC;EAER,SAASc,YAAYA,CAAA,EAAG;IACtB,IAAIb,qBAAqB,EAAE;MACzB,OAAOA,qBAAqB;IAC9B;IAEA,oBAAO,IAAAP,WAAA,CAAAqB,GAAA,EAACxB,YAAA,CAAAyB,IAAI;MAACC,SAAS,EAAE,GAAGb,WAAW,IAAIF,UAAU;IAAe,CAAE,CAAC;EACxE;EAEA,OAAOY,YAAY,CAAC,CAAC;AACvB","ignoreList":[]}
|