@draftbit/core 50.2.8-7e1821.2 → 50.2.8-d61ff4.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/lib/commonjs/components/LoadingIndicator.js +1 -1
- package/lib/commonjs/components/NumberInput.js +1 -1
- package/lib/commonjs/components/TextInput.js +1 -1
- package/lib/typescript/src/components/LoadingIndicator.js +1 -6
- package/lib/typescript/src/components/LoadingIndicator.js.map +1 -1
- package/lib/typescript/src/components/NumberInput.js +6 -2
- package/lib/typescript/src/components/NumberInput.js.map +1 -1
- package/lib/typescript/src/components/TextInput.js +7 -3
- package/lib/typescript/src/components/TextInput.js.map +1 -1
- package/lib/typescript/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/src/components/LoadingIndicator.js +1 -6
- package/src/components/LoadingIndicator.js.map +1 -1
- package/src/components/LoadingIndicator.tsx +2 -11
- package/src/components/NumberInput.js +6 -2
- package/src/components/NumberInput.js.map +1 -1
- package/src/components/NumberInput.tsx +6 -2
- package/src/components/TextInput.js +7 -3
- package/src/components/TextInput.js.map +1 -1
- package/src/components/TextInput.tsx +7 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _defineProperty from"@babel/runtime/helpers/defineProperty";var _excluded=["theme","color","type","size","style"];var _SPINNER_COMPONENTS,_this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/LoadingIndicator.tsx";import*as React from"react";import{
|
|
1
|
+
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import _defineProperty from"@babel/runtime/helpers/defineProperty";var _excluded=["theme","color","type","size","style"];var _SPINNER_COMPONENTS,_this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/LoadingIndicator.tsx";import*as React from"react";import{withTheme}from"@draftbit/theme";import{Bounce,Chase,Circle,CircleFade,Flow,Fold,Grid,Plane,Pulse,Swing,Wander,Wave}from"react-native-animated-spinkit";import{jsx as _jsx}from"react/jsx-runtime";export var LoadingIndicatorType=function(LoadingIndicatorType){LoadingIndicatorType["plane"]="plane";LoadingIndicatorType["chase"]="chase";LoadingIndicatorType["bounce"]="bounce";LoadingIndicatorType["wave"]="wave";LoadingIndicatorType["pulse"]="pulse";LoadingIndicatorType["flow"]="flow";LoadingIndicatorType["swing"]="swing";LoadingIndicatorType["circle"]="circle";LoadingIndicatorType["circleFade"]="circleFade";LoadingIndicatorType["grid"]="grid";LoadingIndicatorType["fold"]="fold";LoadingIndicatorType["wander"]="wander";return LoadingIndicatorType;}({});var SPINNER_COMPONENTS=(_SPINNER_COMPONENTS={},_defineProperty(_SPINNER_COMPONENTS,LoadingIndicatorType.plane,Plane),_defineProperty(_SPINNER_COMPONENTS,LoadingIndicatorType.chase,Chase),_defineProperty(_SPINNER_COMPONENTS,LoadingIndicatorType.bounce,Bounce),_defineProperty(_SPINNER_COMPONENTS,LoadingIndicatorType.wave,Wave),_defineProperty(_SPINNER_COMPONENTS,LoadingIndicatorType.pulse,Pulse),_defineProperty(_SPINNER_COMPONENTS,LoadingIndicatorType.flow,Flow),_defineProperty(_SPINNER_COMPONENTS,LoadingIndicatorType.swing,Swing),_defineProperty(_SPINNER_COMPONENTS,LoadingIndicatorType.circle,Circle),_defineProperty(_SPINNER_COMPONENTS,LoadingIndicatorType.circleFade,CircleFade),_defineProperty(_SPINNER_COMPONENTS,LoadingIndicatorType.grid,Grid),_defineProperty(_SPINNER_COMPONENTS,LoadingIndicatorType.fold,Fold),_defineProperty(_SPINNER_COMPONENTS,LoadingIndicatorType.wander,Wander),_SPINNER_COMPONENTS);var LoadingIndicator=function LoadingIndicator(_ref){var theme=_ref.theme,_ref$color=_ref.color,color=_ref$color===void 0?theme.colors.branding.primary:_ref$color,_ref$type=_ref.type,type=_ref$type===void 0?LoadingIndicatorType.plane:_ref$type,size=_ref.size,style=_ref.style,rest=_objectWithoutProperties(_ref,_excluded);var SpinnerComponent=SPINNER_COMPONENTS[type];return _jsx(SpinnerComponent,Object.assign({size:size,color:color,style:style},rest));};export default withTheme(LoadingIndicator);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["onChangeText","onChangeTextDelayed","changeTextDelay","value","defaultValue"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/NumberInput.tsx";import React,{useEffect,useState}from"react";import{TextInput as NativeTextInput}from"react-native";import{isString,isNumber,isNaN}from"lodash";import{useDebounce,useOnUpdate}from"../hooks";import{jsx as _jsx}from"react/jsx-runtime";var NumberInput=React.forwardRef(function(_ref,ref){var onChangeText=_ref.onChangeText,onChangeTextDelayed=_ref.onChangeTextDelayed,_ref$changeTextDelay=_ref.changeTextDelay,changeTextDelay=_ref$changeTextDelay===void 0?500:_ref$changeTextDelay,value=_ref.value,defaultValue=_ref.defaultValue,props=_objectWithoutProperties(_ref,_excluded);var _useState=useState(""),_useState2=_slicedToArray(_useState,2),currentStringNumberValue=_useState2[0],setCurrentStringNumberValue=_useState2[1];var delayedValue=useDebounce(
|
|
1
|
+
import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["onChangeText","onChangeTextDelayed","changeTextDelay","value","defaultValue"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/NumberInput.tsx";import React,{useEffect,useState}from"react";import{TextInput as NativeTextInput}from"react-native";import{isString,isNumber,isNaN}from"lodash";import{useDebounce,useOnUpdate}from"../hooks";import{jsx as _jsx}from"react/jsx-runtime";var NumberInput=React.forwardRef(function(_ref,ref){var onChangeText=_ref.onChangeText,onChangeTextDelayed=_ref.onChangeTextDelayed,_ref$changeTextDelay=_ref.changeTextDelay,changeTextDelay=_ref$changeTextDelay===void 0?500:_ref$changeTextDelay,value=_ref.value,defaultValue=_ref.defaultValue,props=_objectWithoutProperties(_ref,_excluded);var _useState=useState(""),_useState2=_slicedToArray(_useState,2),currentStringNumberValue=_useState2[0],setCurrentStringNumberValue=_useState2[1];var _React$useState=React.useState(value),_React$useState2=_slicedToArray(_React$useState,2),valueToDebounce=_React$useState2[0],setValueToDebounce=_React$useState2[1];var delayedValue=useDebounce(valueToDebounce,changeTextDelay);var formatValueToStringNumber=function formatValueToStringNumber(valueToFormat){if(valueToFormat!=null){if(isString(valueToFormat)&&valueToFormat!==""){if(/^0[1-9]$/.test(valueToFormat)){return valueToFormat.slice(1);}else if(/^[+-]?([0-9]+\.?[0-9]*|\.[0-9]+)$/.test(valueToFormat)){return valueToFormat;}else{return currentStringNumberValue;}}else if(isNumber(valueToFormat)&&!isNaN(valueToFormat)){return valueToFormat.toString();}}return"";};var handleChangeText=function handleChangeText(newValue){var newStringNumberValue=formatValueToStringNumber(newValue);var number=parseFloat(newStringNumberValue);setCurrentStringNumberValue(newStringNumberValue);onChangeText==null?void 0:onChangeText(number);};useEffect(function(){var nextStringNumberValue=formatValueToStringNumber(value);if(currentStringNumberValue!==nextStringNumberValue){handleChangeText(nextStringNumberValue);}},[value]);useEffect(function(){var defaultStringNumberValue=formatValueToStringNumber(defaultValue);if(currentStringNumberValue!==defaultStringNumberValue){setCurrentStringNumberValue(defaultStringNumberValue);}},[]);useOnUpdate(function(){if(delayedValue!==undefined){var newStringNumberValue=formatValueToStringNumber(delayedValue);var number=parseFloat(newStringNumberValue);onChangeTextDelayed==null?void 0:onChangeTextDelayed(number);}},[delayedValue]);return _jsx(NativeTextInput,Object.assign({testID:"native-text-input",ref:ref,keyboardType:"numeric",value:currentStringNumberValue,onChangeText:function onChangeText(newValue){handleChangeText(newValue);setValueToDebounce(newValue);}},props));});export default NumberInput;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["onChangeTextDelayed","changeTextDelay","webShowOutline","style","disabled","editable","value"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/TextInput.tsx";import React from"react";import{TextInput as NativeTextInput,Platform}from"react-native";import{useDebounce,useOnUpdate}from"../hooks";import{useTheme}from"@draftbit/theme";import{jsx as _jsx}from"react/jsx-runtime";var TextInput=React.forwardRef(function(_ref,ref){var onChangeTextDelayed=_ref.onChangeTextDelayed,_ref$changeTextDelay=_ref.changeTextDelay,changeTextDelay=_ref$changeTextDelay===void 0?500:_ref$changeTextDelay,_ref$webShowOutline=_ref.webShowOutline,webShowOutline=_ref$webShowOutline===void 0?true:_ref$webShowOutline,style=_ref.style,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,_ref$editable=_ref.editable,editable=_ref$editable===void 0?true:_ref$editable,value=_ref.value,rest=_objectWithoutProperties(_ref,_excluded);var theme=useTheme();var delayedValue=useDebounce(
|
|
1
|
+
import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";var _excluded=["onChangeTextDelayed","changeTextDelay","webShowOutline","style","disabled","editable","value","onChangeText"];var _this=this,_jsxFileName="/home/runner/work/react-native-jigsaw/react-native-jigsaw/packages/core/src/components/TextInput.tsx";import React from"react";import{TextInput as NativeTextInput,Platform}from"react-native";import{useDebounce,useOnUpdate}from"../hooks";import{useTheme}from"@draftbit/theme";import{jsx as _jsx}from"react/jsx-runtime";var TextInput=React.forwardRef(function(_ref,ref){var onChangeTextDelayed=_ref.onChangeTextDelayed,_ref$changeTextDelay=_ref.changeTextDelay,changeTextDelay=_ref$changeTextDelay===void 0?500:_ref$changeTextDelay,_ref$webShowOutline=_ref.webShowOutline,webShowOutline=_ref$webShowOutline===void 0?true:_ref$webShowOutline,style=_ref.style,_ref$disabled=_ref.disabled,disabled=_ref$disabled===void 0?false:_ref$disabled,_ref$editable=_ref.editable,editable=_ref$editable===void 0?true:_ref$editable,value=_ref.value,_onChangeText=_ref.onChangeText,rest=_objectWithoutProperties(_ref,_excluded);var theme=useTheme();var _React$useState=React.useState(value),_React$useState2=_slicedToArray(_React$useState,2),valueToDebounce=_React$useState2[0],setValueToDebounce=_React$useState2[1];var delayedValue=useDebounce(valueToDebounce,changeTextDelay);useOnUpdate(function(){if(delayedValue!==undefined){onChangeTextDelayed==null?void 0:onChangeTextDelayed(delayedValue);}},[delayedValue]);return _jsx(NativeTextInput,Object.assign({testID:"native-text-input",ref:ref,value:value,editable:!disabled&&editable,style:[Platform.OS==="web"&&!webShowOutline?{outlineWidth:0}:{},{color:theme.colors.text.strong},style],onChangeText:function onChangeText(newValue){_onChangeText==null?void 0:_onChangeText(newValue);setValueToDebounce(newValue);}},rest));});export default TextInput;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { View } from "react-native";
|
|
3
2
|
import { withTheme } from "@draftbit/theme";
|
|
4
3
|
import { Bounce, Chase, Circle, CircleFade, Flow, Fold, Grid, Plane, Pulse, Swing, Wander, Wave, } from "react-native-animated-spinkit";
|
|
5
4
|
export var LoadingIndicatorType;
|
|
@@ -33,11 +32,7 @@ const SPINNER_COMPONENTS = {
|
|
|
33
32
|
};
|
|
34
33
|
const LoadingIndicator = ({ theme, color = theme.colors.branding.primary, type = LoadingIndicatorType.plane, size, style, ...rest }) => {
|
|
35
34
|
const SpinnerComponent = SPINNER_COMPONENTS[type];
|
|
36
|
-
return
|
|
37
|
-
justifyContent: "center",
|
|
38
|
-
alignItems: "center",
|
|
39
|
-
} },
|
|
40
|
-
React.createElement(SpinnerComponent, { size: size, color: color, style: style, ...rest })));
|
|
35
|
+
return React.createElement(SpinnerComponent, { size: size, color: color, style: style, ...rest });
|
|
41
36
|
};
|
|
42
37
|
export default withTheme(LoadingIndicator);
|
|
43
38
|
//# sourceMappingURL=LoadingIndicator.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LoadingIndicator.js","sourceRoot":"","sources":["../../../../src/components/LoadingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"LoadingIndicator.js","sourceRoot":"","sources":["../../../../src/components/LoadingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EACL,MAAM,EACN,KAAK,EACL,MAAM,EACN,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,KAAK,EACL,KAAK,EACL,MAAM,EACN,IAAI,GACL,MAAM,+BAA+B,CAAC;AAEvC,MAAM,CAAN,IAAY,oBAaX;AAbD,WAAY,oBAAoB;IAC9B,uCAAe,CAAA;IACf,uCAAe,CAAA;IACf,yCAAiB,CAAA;IACjB,qCAAa,CAAA;IACb,uCAAe,CAAA;IACf,qCAAa,CAAA;IACb,uCAAe,CAAA;IACf,yCAAiB,CAAA;IACjB,iDAAyB,CAAA;IACzB,qCAAa,CAAA;IACb,qCAAa,CAAA;IACb,yCAAiB,CAAA;AACnB,CAAC,EAbW,oBAAoB,KAApB,oBAAoB,QAa/B;AAUD,MAAM,kBAAkB,GAAG;IACzB,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,KAAK;IACnC,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,KAAK;IACnC,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,MAAM;IACrC,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,IAAI;IACjC,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,KAAK;IACnC,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,IAAI;IACjC,CAAC,oBAAoB,CAAC,KAAK,CAAC,EAAE,KAAK;IACnC,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,MAAM;IACrC,CAAC,oBAAoB,CAAC,UAAU,CAAC,EAAE,UAAU;IAC7C,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,IAAI;IACjC,CAAC,oBAAoB,CAAC,IAAI,CAAC,EAAE,IAAI;IACjC,CAAC,oBAAoB,CAAC,MAAM,CAAC,EAAE,MAAM;CACtC,CAAC;AAEF,MAAM,gBAAgB,GAA6C,CAAC,EAClE,KAAK,EACL,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,EACrC,IAAI,GAAG,oBAAoB,CAAC,KAAK,EACjC,IAAI,EACJ,KAAK,EACL,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,gBAAgB,GAAG,kBAAkB,CAAC,IAAI,CAAC,CAAC;IAClD,OAAO,oBAAC,gBAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,KAAM,IAAI,GAAI,CAAC;AAChF,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,gBAAgB,CAAC,CAAC"}
|
|
@@ -4,7 +4,8 @@ import { isString, isNumber, isNaN } from "lodash";
|
|
|
4
4
|
import { useDebounce, useOnUpdate } from "../hooks";
|
|
5
5
|
const NumberInput = React.forwardRef(({ onChangeText, onChangeTextDelayed, changeTextDelay = 500, value, defaultValue, ...props }, ref) => {
|
|
6
6
|
const [currentStringNumberValue, setCurrentStringNumberValue] = useState("");
|
|
7
|
-
const
|
|
7
|
+
const [valueToDebounce, setValueToDebounce] = React.useState(value);
|
|
8
|
+
const delayedValue = useDebounce(valueToDebounce, changeTextDelay);
|
|
8
9
|
const formatValueToStringNumber = (valueToFormat) => {
|
|
9
10
|
if (valueToFormat != null) {
|
|
10
11
|
if (isString(valueToFormat) && valueToFormat !== "") {
|
|
@@ -53,7 +54,10 @@ const NumberInput = React.forwardRef(({ onChangeText, onChangeTextDelayed, chang
|
|
|
53
54
|
onChangeTextDelayed === null || onChangeTextDelayed === void 0 ? void 0 : onChangeTextDelayed(number);
|
|
54
55
|
}
|
|
55
56
|
}, [delayedValue]);
|
|
56
|
-
return (React.createElement(NativeTextInput, { testID: "native-text-input", ref: ref, keyboardType: "numeric", value: currentStringNumberValue, onChangeText:
|
|
57
|
+
return (React.createElement(NativeTextInput, { testID: "native-text-input", ref: ref, keyboardType: "numeric", value: currentStringNumberValue, onChangeText: (newValue) => {
|
|
58
|
+
handleChangeText(newValue);
|
|
59
|
+
setValueToDebounce(newValue);
|
|
60
|
+
}, ...props }));
|
|
57
61
|
});
|
|
58
62
|
export default NumberInput;
|
|
59
63
|
//# sourceMappingURL=NumberInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../src/components/NumberInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,SAAS,IAAI,eAAe,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,QAAQ,CAAC;AAEnD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAapD,MAAM,WAAW,GAAG,KAAK,CAAC,UAAU,CAClC,CACE,EACE,YAAY,EACZ,mBAAmB,EACnB,eAAe,GAAG,GAAG,EACrB,KAAK,EACL,YAAY,EACZ,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,wBAAwB,EAAE,2BAA2B,CAAC,GAC3D,QAAQ,CAAC,EAAE,CAAC,CAAC;IAEf,MAAM,YAAY,GAAG,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../src/components/NumberInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,9 +2,10 @@ import React from "react";
|
|
|
2
2
|
import { TextInput as NativeTextInput, Platform, } from "react-native";
|
|
3
3
|
import { useDebounce, useOnUpdate } from "../hooks";
|
|
4
4
|
import { useTheme } from "@draftbit/theme";
|
|
5
|
-
const TextInput = React.forwardRef(({ onChangeTextDelayed, changeTextDelay = 500, webShowOutline = true, style, disabled = false, editable = true, value, ...rest }, ref) => {
|
|
5
|
+
const TextInput = React.forwardRef(({ onChangeTextDelayed, changeTextDelay = 500, webShowOutline = true, style, disabled = false, editable = true, value, onChangeText, ...rest }, ref) => {
|
|
6
6
|
const theme = useTheme();
|
|
7
|
-
const
|
|
7
|
+
const [valueToDebounce, setValueToDebounce] = React.useState(value);
|
|
8
|
+
const delayedValue = useDebounce(valueToDebounce, changeTextDelay);
|
|
8
9
|
useOnUpdate(() => {
|
|
9
10
|
if (delayedValue !== undefined) {
|
|
10
11
|
onChangeTextDelayed === null || onChangeTextDelayed === void 0 ? void 0 : onChangeTextDelayed(delayedValue);
|
|
@@ -15,7 +16,10 @@ const TextInput = React.forwardRef(({ onChangeTextDelayed, changeTextDelay = 500
|
|
|
15
16
|
Platform.OS === "web" && !webShowOutline ? { outlineWidth: 0 } : {},
|
|
16
17
|
{ color: theme.colors.text.strong },
|
|
17
18
|
style,
|
|
18
|
-
],
|
|
19
|
+
], onChangeText: (newValue) => {
|
|
20
|
+
onChangeText === null || onChangeText === void 0 ? void 0 : onChangeText(newValue);
|
|
21
|
+
setValueToDebounce(newValue);
|
|
22
|
+
}, ...rest }));
|
|
19
23
|
});
|
|
20
24
|
export default TextInput;
|
|
21
25
|
//# sourceMappingURL=TextInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,SAAS,IAAI,eAAe,EAE5B,QAAQ,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAS3C,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CACE,EACE,mBAAmB,EACnB,eAAe,GAAG,GAAG,EACrB,cAAc,GAAG,IAAI,EACrB,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,YAAY,GAAG,WAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"TextInput.js","sourceRoot":"","sources":["../../../../src/components/TextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,SAAS,IAAI,eAAe,EAE5B,QAAQ,GACT,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAS3C,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CAChC,CACE,EACE,mBAAmB,EACnB,eAAe,GAAG,GAAG,EACrB,cAAc,GAAG,IAAI,EACrB,KAAK,EACL,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,IAAI,EACf,KAAK,EACL,YAAY,EACZ,GAAG,IAAI,EACR,EACD,GAAG,EACH,EAAE;IACF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IACzB,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpE,MAAM,YAAY,GAAG,WAAW,CAAC,eAAe,EAAE,eAAe,CAAC,CAAC;IAEnE,WAAW,CAAC,GAAG,EAAE;QACf,IAAI,YAAY,KAAK,SAAS,EAAE;YAC9B,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAG,YAAY,CAAC,CAAC;SACrC;IACH,CAAC,EAAE,CAAC,YAAY,CAAC,CAAC,CAAC;IAEnB,OAAO,CACL,oBAAC,eAAe,IACd,MAAM,EAAC,mBAAmB,EAC1B,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,QAAQ,IAAI,QAAQ,EAC/B,KAAK,EAAE;YACL,iGAAiG;YACjG,QAAQ,CAAC,EAAE,KAAK,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE;YACnE,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE;YACnC,KAAK;SACN,EACD,YAAY,EAAE,CAAC,QAAQ,EAAE,EAAE;YACzB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,QAAQ,CAAC,CAAC;YACzB,kBAAkB,CAAC,QAAQ,CAAC,CAAC;QAC/B,CAAC,KACG,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,SAAS,CAAC"}
|