@codeleap/web 1.2.2 → 1.4.2
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/components/ActivityIndicator/index.js +2 -2
- package/dist/components/ActivityIndicator/index.js.map +1 -1
- package/dist/components/ActivityIndicator/styles.d.ts +47 -43
- package/dist/components/ActivityIndicator/styles.js.map +1 -1
- package/dist/components/Button.d.ts +4 -3
- package/dist/components/Button.js +9 -5
- package/dist/components/Button.js.map +1 -1
- package/dist/components/CenterWrapper.js +1 -1
- package/dist/components/CenterWrapper.js.map +1 -1
- package/dist/components/Checkbox/index.js +3 -3
- package/dist/components/Checkbox/index.js.map +1 -1
- package/dist/components/Checkbox/styles.d.ts +47 -43
- package/dist/components/Checkbox/styles.js.map +1 -1
- package/dist/components/ContentView.d.ts +1 -1
- package/dist/components/ContentView.js +5 -5
- package/dist/components/ContentView.js.map +1 -1
- package/dist/components/Drawer.js +2 -3
- package/dist/components/Drawer.js.map +1 -1
- package/dist/components/FileInput.js +1 -1
- package/dist/components/FileInput.js.map +1 -1
- package/dist/components/HorizontalScroll.js.map +1 -1
- package/dist/components/Icon.d.ts +7 -8
- package/dist/components/Icon.js +25 -9
- package/dist/components/Icon.js.map +1 -1
- package/dist/components/Link.js +3 -13
- package/dist/components/Link.js.map +1 -1
- package/dist/components/List.d.ts +18 -0
- package/dist/components/{FlatList.js → List.js} +9 -9
- package/dist/components/List.js.map +1 -0
- package/dist/components/Modal/index.d.ts +2 -1
- package/dist/components/Modal/index.js +6 -8
- package/dist/components/Modal/index.js.map +1 -1
- package/dist/components/Modal/styles.d.ts +50 -45
- package/dist/components/Modal/styles.js.map +1 -1
- package/dist/components/Overlay.js +2 -2
- package/dist/components/Overlay.js.map +1 -1
- package/dist/components/RadioInput/index.js +6 -4
- package/dist/components/RadioInput/index.js.map +1 -1
- package/dist/components/RadioInput/styles.d.ts +48 -44
- package/dist/components/RadioInput/styles.js.map +1 -1
- package/dist/components/{PageRouter → RouterPage}/Menu.d.ts +0 -0
- package/dist/components/{PageRouter → RouterPage}/Menu.js +3 -3
- package/dist/components/RouterPage/Menu.js.map +1 -0
- package/dist/components/{PageRouter → RouterPage}/MenuItem.d.ts +2 -1
- package/dist/components/{PageRouter → RouterPage}/MenuItem.js +6 -6
- package/dist/components/RouterPage/MenuItem.js.map +1 -0
- package/dist/components/{PageRouter → RouterPage}/Router.d.ts +0 -0
- package/dist/components/{PageRouter → RouterPage}/Router.js +1 -1
- package/dist/components/RouterPage/Router.js.map +1 -0
- package/dist/components/RouterPage/index.d.ts +28 -0
- package/dist/components/{PageRouter → RouterPage}/index.js +12 -3
- package/dist/components/RouterPage/index.js.map +1 -0
- package/dist/components/RouterPage/styles.d.ts +51 -0
- package/dist/components/RouterPage/styles.js +84 -0
- package/dist/components/RouterPage/styles.js.map +1 -0
- package/dist/components/Scroll.d.ts +5 -0
- package/dist/components/Scroll.js +24 -0
- package/dist/components/Scroll.js.map +1 -0
- package/dist/components/Select/Custom.js +9 -14
- package/dist/components/Select/Custom.js.map +1 -1
- package/dist/components/Select/Native.js +2 -2
- package/dist/components/Select/Native.js.map +1 -1
- package/dist/components/Select/index.js.map +1 -1
- package/dist/components/Select/styles.d.ts +1 -1
- package/dist/components/Select/styles.js.map +1 -1
- package/dist/components/Select/types.d.ts +1 -1
- package/dist/components/Slider.js.map +1 -1
- package/dist/components/Text.js +4 -2
- package/dist/components/Text.js.map +1 -1
- package/dist/components/TextInput.d.ts +102 -94
- package/dist/components/TextInput.js +22 -13
- package/dist/components/TextInput.js.map +1 -1
- package/dist/components/Tooltip.js +4 -4
- package/dist/components/Tooltip.js.map +1 -1
- package/dist/components/Touchable.js +3 -2
- package/dist/components/Touchable.js.map +1 -1
- package/dist/components/View.d.ts +1 -0
- package/dist/components/View.js +21 -6
- package/dist/components/View.js.map +1 -1
- package/dist/components/index.d.ts +3 -2
- package/dist/components/index.js +3 -2
- package/dist/components/index.js.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.js +6 -0
- package/dist/index.js.map +1 -1
- package/dist/lib/Toast.d.ts +15 -0
- package/dist/lib/Toast.js +21 -0
- package/dist/lib/Toast.js.map +1 -0
- package/dist/lib/hooks.js.map +1 -1
- package/dist/lib/logger.js.map +1 -1
- package/dist/lib/utils/cookies.d.ts +3 -3
- package/dist/lib/utils/cookies.js +3 -3
- package/dist/lib/utils/cookies.js.map +1 -1
- package/dist/lib/utils/pollyfils/scroll.js +2 -2
- package/dist/lib/utils/pollyfils/scroll.js.map +1 -1
- package/dist/lib/utils/stopPropagation.js +1 -2
- package/dist/lib/utils/stopPropagation.js.map +1 -1
- package/package.json +7 -4
- package/CHANGELOG.md +0 -5
- package/dist/components/FlatList.d.ts +0 -18
- package/dist/components/FlatList.js.map +0 -1
- package/dist/components/PageRouter/Menu.js.map +0 -1
- package/dist/components/PageRouter/MenuItem.js.map +0 -1
- package/dist/components/PageRouter/Router.js.map +0 -1
- package/dist/components/PageRouter/index.d.ts +0 -15
- package/dist/components/PageRouter/index.js.map +0 -1
|
@@ -29,7 +29,7 @@ var View_1 = require("../View");
|
|
|
29
29
|
var Text_1 = require("../Text");
|
|
30
30
|
var NativeSelect = function (selectProps) {
|
|
31
31
|
var _a = selectProps.variants, variants = _a === void 0 ? [] : _a, _b = selectProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, options = selectProps.options, styles = selectProps.styles, label = selectProps.label, onValueChange = selectProps.onValueChange, wrapperProps = selectProps.wrapperProps, value = selectProps.value, props = __rest(selectProps, ["variants", "responsiveVariants", "options", "styles", "label", "onValueChange", "wrapperProps", "value"]);
|
|
32
|
-
var variantStyles = (0, common_1.
|
|
32
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('Select', {
|
|
33
33
|
responsiveVariants: responsiveVariants,
|
|
34
34
|
variants: variants,
|
|
35
35
|
styles: styles,
|
|
@@ -38,7 +38,7 @@ var NativeSelect = function (selectProps) {
|
|
|
38
38
|
props.onChange && props.onChange(e);
|
|
39
39
|
onValueChange && onValueChange(e.target.value);
|
|
40
40
|
}
|
|
41
|
-
return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: variantStyles.wrapper }, wrapperProps, { children: [label ? (typeof label === 'string' ? (0, jsx_runtime_1.jsx)(Text_1.Text, { css: variantStyles.label, text: label }, void 0) : label) : null, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ component: 'select', css: variantStyles.select }, props, { onChange: handleChange }, { children: options.map(function (option, index) { return ((0, jsx_runtime_1.jsx)("option", __assign({ value: option.value, selected: value == option.value }, { children: option.label }), index)); }) }), void 0)] }), void 0));
|
|
41
|
+
return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: variantStyles.wrapper }, wrapperProps, { children: [label ? (typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { css: variantStyles.label, text: label }, void 0)) : (label)) : null, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ component: 'select', css: variantStyles.select }, props, { onChange: handleChange }, { children: options.map(function (option, index) { return ((0, jsx_runtime_1.jsx)("option", __assign({ value: option.value, selected: value == option.value }, { children: option.label }), index)); }) }), void 0)] }), void 0));
|
|
42
42
|
};
|
|
43
43
|
exports.NativeSelect = NativeSelect;
|
|
44
44
|
//# sourceMappingURL=Native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Native.js","sourceRoot":"","sources":["../../../src/components/Select/Native.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,
|
|
1
|
+
{"version":3,"file":"Native.js","sourceRoot":"","sources":["../../../src/components/Select/Native.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2CAMyB;AAEzB,gCAAyC;AACzC,gCAA8B;AAgBvB,IAAM,YAAY,GAAG,UAAC,WAA8B;IAEvD,IAAA,KASE,WAAW,SATA,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAQE,WAAW,mBARU,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,OAAO,GAOL,WAAW,QAPN,EACP,MAAM,GAMJ,WAAW,OANP,EACN,KAAK,GAKH,WAAW,MALR,EACL,aAAa,GAIX,WAAW,cAJA,EACb,YAAY,GAGV,WAAW,aAHD,EACZ,KAAK,GAEH,WAAW,MAFR,EACF,KAAK,UACN,WAAW,EAVT,0GAUL,CADS,CACK;IAEf,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,QAAQ,EAAE;QACvD,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAC,CAAA;IACF,SAAS,YAAY,CAAC,CAAC;QACrB,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;QACnC,aAAa,IAAI,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAChD,CAAC;IACD,OAAO,CACL,wBAAC,WAAI,aAAC,GAAG,EAAE,aAAa,CAAC,OAAO,IAAM,YAAY,eAC/C,KAAK,CAAC,CAAC,CAAC,CACP,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC1B,uBAAC,WAAI,IAAC,GAAG,EAAE,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,WAAI,CAChD,CAAC,CAAC,CAAC,CACF,KAAK,CACN,CACF,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,WAAI,aACH,SAAS,EAAC,QAAQ,EAClB,GAAG,EAAE,aAAa,CAAC,MAAM,IACrB,KAAK,IACT,QAAQ,EAAE,YAAY,gBAErB,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC9B,4CACE,KAAK,EAAE,MAAM,CAAC,KAAK,EAEnB,QAAQ,EAAE,KAAK,IAAI,MAAM,CAAC,KAAK,gBAE9B,MAAM,CAAC,KAAK,KAHR,KAAK,CAIH,CACV,EAR+B,CAQ/B,CAAC,YACG,aACF,CACR,CAAA;AACH,CAAC,CAAA;AAjDY,QAAA,YAAY,gBAiDxB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAuC;AACvC,mCAA0D;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAuC;AACvC,mCAA0D;AAW1D,0CAAuB;AACvB,2CAAwB;AAEjB,IAAM,MAAM,GAAG,UACpB,KAAqB;IAErB,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,EAAE;QAC3B,OAAO,uBAAC,qBAAY,eAAK,KAAK,UAAI,CAAA;KACnC;IAED,OAAO,uBAAC,qBAAY,eAAK,KAAK,UAAI,CAAA;AACpC,CAAC,CAAA;AARY,QAAA,MAAM,UAQlB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare type WebSelectParts = 'wrapper' | 'label' | 'inputWrapper' | 'list' | 'itemWrapper' | 'itemWrapper:selected' | 'itemText' | 'itemText:selected' | 'buttonWrapper' | 'buttonText' | 'buttonIcon' | 'error';
|
|
2
2
|
export declare type WebSelectComposition = `${WebSelectParts}:hover` | `${WebSelectParts}:open` | `${WebSelectParts}:error` | `${WebSelectParts}:disabled` | WebSelectParts;
|
|
3
3
|
export declare const WebSelectStyles: {
|
|
4
|
-
default: (theme: import("@codeleap/common").
|
|
4
|
+
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<WebSelectComposition, any>>;
|
|
5
5
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8D;AAuB9D,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Select/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8D;AAuB9D,IAAM,iBAAiB,GAAG,IAAA,oCAA2B,GAAwB,CAAA;AAEhE,QAAA,eAAe,GAAG;IAC7B,OAAO,EAAE,iBAAiB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACrC,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;SACxB;QACD,KAAK,eACA,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CACjC;QACD,YAAY,EAAE;YACZ,QAAQ,EAAE,UAAU;SACrB;QAED,IAAI,wCACF,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,EACR,OAAO,EAAE,MAAM,EACf,GAAG,EAAE,MAAM,EACX,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,IAE/B,KAAK,CAAC,OAAO,CAAC,MAAM,KACvB,SAAS,EAAE,QAAQ,EAEnB,UAAU,EAAE,eAAe,EAC3B,SAAS,EAAE,CAAC,KACT,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;YACrB,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,aAAa;SACrB,CAAC,KACF,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,GACvC;QACD,WAAW,aACT,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,MAAM,IACd,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAC3B;QACD,QAAQ,EAAE,EAAE;QACZ,WAAW,wBACN,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,KAC7B,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,MAAM,EACf,SAAS,EAAE;gBACT,eAAe,EAAE,OAAO;aACzB,GACF;QACD,mBAAmB,EAAE,EAAE;QACvB,sBAAsB,EAAE;YACtB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;YACrC,SAAS,EAAE;gBACT,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aACtC;SACF;QACD,aAAa,mDACR,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,GACvB,KAAK,CAAC,OAAO,CAAC,SAAS,GACvB,KAAK,CAAC,OAAO,CAAC,WAAW,GACzB,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,KAC7B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,EAClC,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EACtC,MAAM,EAAE,SAAS,EACjB,OAAO,EAAE,MAAM,GAChB;QACD,aAAa,EAAE,EAAE;QACjB,UAAU,EAAE;YACV,IAAI,EAAE,CAAC;SACR;QACD,UAAU,EAAE;YACV,MAAM,EAAE,EAAE;YACV,KAAK,EAAE,EAAE;YACT,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;YACzB,UAAU,EAAE,eAAe;SAC5B;QACD,iBAAiB,EAAE;YACjB,SAAS,EAAE,gBAAgB;SAC5B;QACD,KAAK,EAAE;YACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;SAC7B;KACF,CAAC,EA9EoC,CA8EpC,CAAC;CACJ,CAAA"}
|
|
@@ -21,6 +21,6 @@ export declare type CustomSelectProps<T> = {
|
|
|
21
21
|
renderCurrentlySelected?: SelectRenderFN<T>;
|
|
22
22
|
styles?: StylesOf<WebSelectComposition>;
|
|
23
23
|
disabled?: boolean;
|
|
24
|
-
validate?: FormTypes.
|
|
24
|
+
validate?: FormTypes.ValidatorFunctionWithoutForm<any> | string;
|
|
25
25
|
arrowIconName?: IconPlaceholder;
|
|
26
26
|
} & ComponentVariants<typeof WebSelectStyles>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../src/components/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../src/components/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAkE;AAI3D,IAAM,MAAM,GAA0B,UAAC,WAAW;IACvD,IAAW,KAAK,UAAK,WAAW,EAA1B,EAAY,CAAc,CAAA;IAEhC,OAAO,uBAAC,mBAAQ,eAAK,KAAK,UAAI,CAAA;AAChC,CAAC,CAAA;AAJY,QAAA,MAAM,UAIlB"}
|
package/dist/components/Text.js
CHANGED
|
@@ -27,13 +27,15 @@ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
|
|
|
27
27
|
var common_1 = require("@codeleap/common");
|
|
28
28
|
var Text = function (textProps) {
|
|
29
29
|
var _a = textProps.variants, variants = _a === void 0 ? [] : _a, _b = textProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, text = textProps.text, children = textProps.children, _c = textProps.component, component = _c === void 0 ? 'p' : _c, styles = textProps.styles, props = __rest(textProps, ["variants", "responsiveVariants", "text", "children", "component", "styles"]);
|
|
30
|
-
var variantStyles = (0, common_1.
|
|
30
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('Text', {
|
|
31
31
|
rootElement: 'text',
|
|
32
32
|
responsiveVariants: responsiveVariants,
|
|
33
33
|
variants: variants,
|
|
34
|
+
styles: styles,
|
|
34
35
|
});
|
|
35
36
|
var Component = component;
|
|
36
|
-
|
|
37
|
+
var a = __assign(__assign({}, variantStyles.text), props.style);
|
|
38
|
+
return ((0, jsx_runtime_1.jsx)(Component, __assign({ css: a }, props, { children: text || children }), void 0));
|
|
37
39
|
};
|
|
38
40
|
exports.Text = Text;
|
|
39
41
|
//# sourceMappingURL=Text.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2CAKyB;AAWlB,IAAM,IAAI,GAAG,UAAwB,SAAuB;IAE/D,IAAA,KAOE,SAAS,SAPE,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAME,SAAS,mBANY,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,IAAI,GAKF,SAAS,KALP,EACJ,QAAQ,GAIN,SAAS,SAJH,EACR,KAGE,SAAS,UAHI,EAAf,SAAS,mBAAG,GAAG,KAAA,EACf,MAAM,GAEJ,SAAS,OAFL,EACH,KAAK,UACN,SAAS,EARP,6EAQL,CADS,CACG;IACb,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,MAAM,EAAE;QACrD,WAAW,EAAE,MAAM;QACnB,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,IAAM,SAAS,GAAG,SAAS,CAAA;IAG3B,IAAM,CAAC,yBAAO,aAAa,CAAC,IAAI,GAAK,KAAK,CAAC,KAAK,CAAC,CAAA;IACjD,OAAO,CACL,uBAAC,SAAS,aACR,GAAG,EAAE,CAAC,IACF,KAAK,cAER,IAAI,IAAI,QAAQ,YACP,CACb,CAAA;AACH,CAAC,CAAA;AA7BY,QAAA,IAAI,QA6BhB"}
|
|
@@ -18,105 +18,113 @@ export declare type TextInputProps = ComponentVariants<typeof TextInputStyles> &
|
|
|
18
18
|
leftIcon?: IconProp;
|
|
19
19
|
rightIcon?: IconProp;
|
|
20
20
|
styles?: StylesOf<TextInputComposition>;
|
|
21
|
-
validate?: FormTypes.
|
|
21
|
+
validate?: FormTypes.ValidatorFunctionWithoutForm | string;
|
|
22
22
|
value?: string;
|
|
23
23
|
password?: boolean;
|
|
24
24
|
visibilityToggle?: boolean;
|
|
25
25
|
};
|
|
26
|
-
export declare const TextInput: React.ForwardRefExoticComponent<Pick<TextInputProps, "form" | "label" | "slot" | "style" | "title" | "pattern" | "wrap" | "hidden" | "children" | "styles" | "
|
|
27
|
-
default: (theme: import("@codeleap/common").
|
|
28
|
-
line: (theme: import("@codeleap/common").
|
|
29
|
-
box: (theme: import("@codeleap/common").
|
|
30
|
-
pill: (theme: import("@codeleap/common").
|
|
31
|
-
fixed: (theme: import("@codeleap/common").
|
|
32
|
-
block: (theme: import("@codeleap/common").
|
|
33
|
-
flex: (theme: import("@codeleap/common").
|
|
34
|
-
absolute: (theme: import("@codeleap/common").
|
|
35
|
-
sticky: (theme: import("@codeleap/common").
|
|
36
|
-
row: (theme: import("@codeleap/common").
|
|
37
|
-
center: (theme: import("@codeleap/common").
|
|
38
|
-
column: (theme: import("@codeleap/common").
|
|
39
|
-
wrap: (theme: import("@codeleap/common").
|
|
40
|
-
inline: (theme: import("@codeleap/common").
|
|
41
|
-
inlineFlex: (theme: import("@codeleap/common").
|
|
42
|
-
hidden: (theme: import("@codeleap/common").
|
|
43
|
-
full: (theme: import("@codeleap/common").
|
|
44
|
-
noWrap: (theme: import("@codeleap/common").
|
|
45
|
-
fullWidth: (theme: import("@codeleap/common").
|
|
46
|
-
fullHeight: (theme: import("@codeleap/common").
|
|
47
|
-
fullView: (theme: import("@codeleap/common").
|
|
48
|
-
fullViewWidth: (theme: import("@codeleap/common").
|
|
49
|
-
fullViewHeight: (theme: import("@codeleap/common").
|
|
50
|
-
whole: (theme: import("@codeleap/common").
|
|
51
|
-
centerRow: (theme: import("@codeleap/common").
|
|
52
|
-
listStyles: (theme: import("@codeleap/common").
|
|
53
|
-
alignStart: (theme: import("@codeleap/common").
|
|
54
|
-
alignEnd: (theme: import("@codeleap/common").
|
|
55
|
-
alignCenter: (theme: import("@codeleap/common").
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
26
|
+
export declare const TextInput: React.ForwardRefExoticComponent<Pick<TextInputProps, "form" | "label" | "slot" | "style" | "title" | "pattern" | "wrap" | "hidden" | "children" | "styles" | "color" | "height" | "translate" | "width" | "className" | "id" | "lang" | "max" | "min" | "name" | "type" | "role" | "tabIndex" | "crossOrigin" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "alt" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "value" | "autoComplete" | "accept" | "capture" | "checked" | "multiple" | "cols" | "dirName" | "maxLength" | "minLength" | "src" | "list" | "key" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "enterKeyHint" | "readOnly" | "required" | "size" | "step" | "password" | "rows" | "leftIcon" | "rightIcon" | keyof ComponentVariants<{
|
|
27
|
+
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
28
|
+
line: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
29
|
+
box: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
30
|
+
pill: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
31
|
+
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
32
|
+
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
33
|
+
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
34
|
+
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
35
|
+
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
36
|
+
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
37
|
+
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
38
|
+
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
39
|
+
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
40
|
+
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
41
|
+
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
42
|
+
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
43
|
+
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
44
|
+
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
45
|
+
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
46
|
+
fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
47
|
+
fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
48
|
+
fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
49
|
+
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
50
|
+
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
51
|
+
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
52
|
+
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
53
|
+
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
54
|
+
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
55
|
+
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
56
|
+
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
57
|
+
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
58
|
+
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
59
|
+
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
60
|
+
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
61
|
+
justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
62
|
+
justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
63
|
+
justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
64
|
+
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
65
|
+
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
66
|
+
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
67
|
+
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
68
|
+
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
69
|
+
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
70
|
+
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
71
|
+
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
72
|
+
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
73
|
+
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
74
|
+
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
75
|
+
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
76
|
+
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
73
77
|
}, import("@codeleap/common").EnhancedTheme<any>, import("@codeleap/common").VariantProp<{
|
|
74
|
-
default: (theme: import("@codeleap/common").
|
|
75
|
-
line: (theme: import("@codeleap/common").
|
|
76
|
-
box: (theme: import("@codeleap/common").
|
|
77
|
-
pill: (theme: import("@codeleap/common").
|
|
78
|
-
fixed: (theme: import("@codeleap/common").
|
|
79
|
-
block: (theme: import("@codeleap/common").
|
|
80
|
-
flex: (theme: import("@codeleap/common").
|
|
81
|
-
absolute: (theme: import("@codeleap/common").
|
|
82
|
-
sticky: (theme: import("@codeleap/common").
|
|
83
|
-
row: (theme: import("@codeleap/common").
|
|
84
|
-
center: (theme: import("@codeleap/common").
|
|
85
|
-
column: (theme: import("@codeleap/common").
|
|
86
|
-
wrap: (theme: import("@codeleap/common").
|
|
87
|
-
inline: (theme: import("@codeleap/common").
|
|
88
|
-
inlineFlex: (theme: import("@codeleap/common").
|
|
89
|
-
hidden: (theme: import("@codeleap/common").
|
|
90
|
-
full: (theme: import("@codeleap/common").
|
|
91
|
-
noWrap: (theme: import("@codeleap/common").
|
|
92
|
-
fullWidth: (theme: import("@codeleap/common").
|
|
93
|
-
fullHeight: (theme: import("@codeleap/common").
|
|
94
|
-
fullView: (theme: import("@codeleap/common").
|
|
95
|
-
fullViewWidth: (theme: import("@codeleap/common").
|
|
96
|
-
fullViewHeight: (theme: import("@codeleap/common").
|
|
97
|
-
whole: (theme: import("@codeleap/common").
|
|
98
|
-
centerRow: (theme: import("@codeleap/common").
|
|
99
|
-
listStyles: (theme: import("@codeleap/common").
|
|
100
|
-
alignStart: (theme: import("@codeleap/common").
|
|
101
|
-
alignEnd: (theme: import("@codeleap/common").
|
|
102
|
-
alignCenter: (theme: import("@codeleap/common").
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
78
|
+
default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
79
|
+
line: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
80
|
+
box: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
81
|
+
pill: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
82
|
+
fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
83
|
+
block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
84
|
+
flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
85
|
+
absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
86
|
+
sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
87
|
+
row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
88
|
+
center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
89
|
+
column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
90
|
+
wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
91
|
+
inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
92
|
+
inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
93
|
+
hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
94
|
+
full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
95
|
+
noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
96
|
+
fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
97
|
+
fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
98
|
+
fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
99
|
+
fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
100
|
+
fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
101
|
+
whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
102
|
+
centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
103
|
+
listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
104
|
+
alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
105
|
+
alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
106
|
+
alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
107
|
+
alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
108
|
+
alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
109
|
+
alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
110
|
+
justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
111
|
+
justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
112
|
+
justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
113
|
+
justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
114
|
+
justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
115
|
+
textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
116
|
+
textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
117
|
+
textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
118
|
+
blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
119
|
+
elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
120
|
+
neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
121
|
+
scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
122
|
+
scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
123
|
+
scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
124
|
+
debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
125
|
+
debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
126
|
+
debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
127
|
+
debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<TextInputComposition, any>>;
|
|
120
128
|
}>> | "multiline" | "onChangeText" | "edited" | "validate" | "visibilityToggle"> & React.RefAttributes<HTMLInputElement>>;
|
|
121
129
|
export declare const FormError: ({ message, ...props }: {
|
|
122
130
|
[x: string]: any;
|
|
@@ -44,7 +44,7 @@ exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
|
|
|
44
44
|
}), error = _c[0], setError = _c[1];
|
|
45
45
|
var input = (0, react_1.useRef)(null);
|
|
46
46
|
var _d = (0, common_1.useBooleanToggle)(false), textIsVisible = _d[0], setTextVisible = _d[1];
|
|
47
|
-
var variantStyles = (0, common_1.
|
|
47
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('TextInput', {
|
|
48
48
|
variants: variants,
|
|
49
49
|
responsiveVariants: responsiveVariants,
|
|
50
50
|
styles: styles,
|
|
@@ -73,26 +73,37 @@ exports.TextInput = (0, react_1.forwardRef)(function (rawprops, inputRef) {
|
|
|
73
73
|
};
|
|
74
74
|
(0, common_1.onUpdate)(function () {
|
|
75
75
|
var _a;
|
|
76
|
-
var result = typeof validate === 'function'
|
|
77
|
-
validate((_a = input === null || input === void 0 ? void 0 : input.current) === null || _a === void 0 ? void 0 : _a.value)
|
|
78
|
-
{ message: validate, valid: false };
|
|
76
|
+
var result = typeof validate === 'function'
|
|
77
|
+
? validate((_a = input === null || input === void 0 ? void 0 : input.current) === null || _a === void 0 ? void 0 : _a.value)
|
|
78
|
+
: { message: validate, valid: false };
|
|
79
79
|
setError(result);
|
|
80
80
|
}, [value, validate]);
|
|
81
81
|
(0, react_1.useImperativeHandle)(inputRef, function () { return input.current; });
|
|
82
|
-
var showError =
|
|
82
|
+
var showError = !error.valid && error.message;
|
|
83
83
|
var inputType = type || password ? 'password' : 'text';
|
|
84
84
|
var inputVisibilityType = textIsVisible ? 'text' : 'password';
|
|
85
85
|
var leftIconStyle = __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles.icon), (showError ? variantStyles['icon:error'] : {})), (focused ? variantStyles['icon:focus'] : {})), variantStyles.leftIcon), (showError ? variantStyles['leftIcon:error'] : {})), (focused ? variantStyles['leftIcon:focus'] : {}));
|
|
86
86
|
var rightIconStyle = __assign(__assign(__assign(__assign(__assign(__assign({}, variantStyles.icon), (focused ? variantStyles['icon:focus'] : {})), (showError ? variantStyles['icon:error'] : {})), variantStyles.rightIcon), (showError ? variantStyles['rightIcon:error'] : {})), (focused ? variantStyles['rightIcon:focus'] : {}));
|
|
87
|
-
return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: [
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
87
|
+
return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: [
|
|
88
|
+
variantStyles.wrapper,
|
|
89
|
+
focused && variantStyles['wrapper:focus'],
|
|
90
|
+
showError && variantStyles['wrapper:error'],
|
|
91
|
+
] }, { children: [(0, jsx_runtime_1.jsx)(exports.InputLabel, { label: label, style: variantStyles.label }, void 0), (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: [
|
|
92
|
+
variantStyles.innerWrapper,
|
|
93
|
+
focused && variantStyles['innerWrapper:focus'],
|
|
94
|
+
showError && variantStyles['innerWrapper:error'],
|
|
95
|
+
] }, { children: [(0, jsx_runtime_1.jsx)(exports.InputIcon, __assign({}, leftIcon, { style: leftIconStyle }), void 0), (0, jsx_runtime_1.jsx)(InputElement, __assign({ ref: input, type: visibilityToggle ? inputVisibilityType : inputType, onChange: handleChange, value: value, disabled: disabled, onFocus: handleFocus, onBlur: handleBlur, rows: 4 }, props, { css: [
|
|
96
|
+
variantStyles.textField,
|
|
97
|
+
focused && variantStyles['textField:focus'],
|
|
98
|
+
showError && variantStyles['textField:error'],
|
|
99
|
+
] }), void 0), visibilityToggle ? ((0, jsx_runtime_1.jsx)(exports.InputIcon, { name: (textIsVisible
|
|
100
|
+
? 'input-visiblity:visible'
|
|
101
|
+
: 'input-visiblity:hidden'), action: function () { return setTextVisible(); }, style: rightIconStyle }, void 0)) : ((0, jsx_runtime_1.jsx)(exports.InputIcon, __assign({}, rightIcon, { style: rightIconStyle }), void 0))] }), void 0), (0, jsx_runtime_1.jsx)(exports.FormError, { message: error.message, css: __assign({}, variantStyles.error) }, void 0)] }), void 0));
|
|
91
102
|
});
|
|
92
103
|
var FormError = function (_a) {
|
|
93
104
|
var message = _a.message, props = __rest(_a, ["message"]);
|
|
94
105
|
if (['number', 'string', 'undefined'].includes(typeof message)) {
|
|
95
|
-
return (0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ text: "".concat(message || ' ') }, props), void 0);
|
|
106
|
+
return ((0, jsx_runtime_1.jsx)(Text_1.Text, __assign({ text: "".concat(message || ' '), variants: ['p2', 'marginTop:1'] }, props), void 0));
|
|
96
107
|
}
|
|
97
108
|
return message;
|
|
98
109
|
};
|
|
@@ -102,9 +113,7 @@ var InputIcon = function (_a) {
|
|
|
102
113
|
if (!name)
|
|
103
114
|
return null;
|
|
104
115
|
if (action) {
|
|
105
|
-
return (0, jsx_runtime_1.jsx)(Button_1.Button, { icon: name, onPress: function () { return action(); },
|
|
106
|
-
icon: style,
|
|
107
|
-
}, variants: ['icon'] }, void 0);
|
|
116
|
+
return ((0, jsx_runtime_1.jsx)(Button_1.Button, { icon: name, onPress: function () { return action(); }, css: style, variants: ['icon'] }, void 0));
|
|
108
117
|
}
|
|
109
118
|
return (0, jsx_runtime_1.jsx)(_1.Icon, { name: name, style: style }, void 0);
|
|
110
119
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../src/components/TextInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -100,9 +100,9 @@ var invert = function (pos) {
|
|
|
100
100
|
var Tooltip = function (props) {
|
|
101
101
|
var children = props.children, _a = props.position, position = _a === void 0 ? 'top' : _a, styles = props.styles, variants = props.variants, responsiveVariants = props.responsiveVariants, showOn = props.showOn, content = props.content;
|
|
102
102
|
var _b = (0, common_1.useBooleanToggle)(false), isVisible = _b[0], setVisible = _b[1];
|
|
103
|
-
var debouncedVisible = (0, common_1.useDebounce)(isVisible, 100);
|
|
103
|
+
var debouncedVisible = (0, common_1.useDebounce)(isVisible, 100)[0];
|
|
104
104
|
var arrowPos = arrowPositionStyles[invert(position)];
|
|
105
|
-
var variantStyles = (0, common_1.
|
|
105
|
+
var variantStyles = (0, common_1.useDefaultComponentStyle)('Tooltip', {
|
|
106
106
|
responsiveVariants: responsiveVariants,
|
|
107
107
|
variants: variants,
|
|
108
108
|
styles: styles,
|
|
@@ -116,9 +116,9 @@ var Tooltip = function (props) {
|
|
|
116
116
|
deps: [setVisible, isVisible],
|
|
117
117
|
});
|
|
118
118
|
if (showOn === 'click') {
|
|
119
|
-
return (0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ onPress: function () { return setVisible(); }, id: wrapperId, css: variantStyles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: style }, { children: content }), void 0), children] }), void 0);
|
|
119
|
+
return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ onPress: function () { return setVisible(); }, id: wrapperId, css: variantStyles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: style }, { children: content }), void 0), children] }), void 0));
|
|
120
120
|
}
|
|
121
|
-
return (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ onHover: setVisible, id: wrapperId, css: variantStyles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: style }, { children: content }), void 0), children] }), void 0);
|
|
121
|
+
return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ onHover: setVisible, id: wrapperId, css: variantStyles.wrapper }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: style }, { children: content }), void 0), children] }), void 0));
|
|
122
122
|
};
|
|
123
123
|
exports.Tooltip = Tooltip;
|
|
124
124
|
//# sourceMappingURL=Tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,
|
|
1
|
+
{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../src/components/Tooltip.tsx"],"names":[],"mappings":"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"}
|
|
@@ -30,14 +30,15 @@ var stopPropagation_1 = require("../lib/utils/stopPropagation");
|
|
|
30
30
|
var View_1 = require("./View");
|
|
31
31
|
var Touchable = function (touchableProps) {
|
|
32
32
|
var children = touchableProps.children, _a = touchableProps.propagate, propagate = _a === void 0 ? true : _a, _b = touchableProps.component, Component = _b === void 0 ? View_1.View : _b, disabled = touchableProps.disabled, onPress = touchableProps.onPress, onClick = touchableProps.onClick, props = __rest(touchableProps, ["children", "propagate", "component", "disabled", "onPress", "onClick"]);
|
|
33
|
-
var logger = (0, common_1.
|
|
33
|
+
var logger = (0, common_1.useCodeleapContext)().logger;
|
|
34
34
|
var handleClick = function (event) {
|
|
35
35
|
if (disabled)
|
|
36
36
|
return;
|
|
37
37
|
if (!propagate)
|
|
38
38
|
(0, stopPropagation_1.stopPropagation)(event);
|
|
39
|
-
if (!onClick && !onPress)
|
|
39
|
+
if (!onClick && !onPress) {
|
|
40
40
|
throw new Error('No onClick or onPress passed to touchable');
|
|
41
|
+
}
|
|
41
42
|
onPress && onPress();
|
|
42
43
|
onClick && onClick(event);
|
|
43
44
|
// logger.log('Touchable pressed', JSON.stringify(touchableProps, null, 2) ,'Component')
|