@chem-po/react-native 0.0.28 → 0.0.30

package/lib/commonjs/components/form/input/text/useWebAutoResize.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useWebAutoResize = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+// creates a span element with the text and style and returns the height
+const getWebTextHeight = (text, spanRef) => {
+  if (!spanRef.current) return null;
+  const span = spanRef.current;
+  span.innerText = `${text}\n`;
+  document.body.appendChild(span);
+  const height = span.offsetHeight;
+  document.body.removeChild(span);
+  return height;
+};
+const updateSpanStyle = (span, style) => {
+  span.style.whiteSpace = 'pre-wrap';
+  if (style !== null && style !== void 0 && style.fontFamily) {
+    span.style.fontFamily = style.fontFamily;
+  }
+  if (style !== null && style !== void 0 && style.fontSize) {
+    span.style.fontSize = style.fontSize.toString() + 'px';
+  }
+  if (style !== null && style !== void 0 && style.fontWeight) {
+    span.style.fontWeight = style.fontWeight.toString();
+  }
+  if (style !== null && style !== void 0 && style.lineHeight) {
+    span.style.lineHeight = style.lineHeight.toString();
+  }
+  if (style !== null && style !== void 0 && style.letterSpacing) {
+    span.style.letterSpacing = style.letterSpacing.toString();
+  }
+  if (style !== null && style !== void 0 && style.textAlign) {
+    span.style.textAlign = style.textAlign;
+  }
+};
+const useWebAutoResize = (onChangeText, style) => {
+  const flattenedStyle = (0, _react.useMemo)(() => _reactNative.StyleSheet.flatten(style), [style]);
+  const [height, setHeight] = (0, _react.useState)((flattenedStyle.fontSize ?? 18) + 4);
+  const spanRef = (0, _react.useRef)(_reactNative.Platform.OS === 'web' ? document.createElement('span') : null);
+  (0, _react.useEffect)(() => {
+    if (_reactNative.Platform.OS === 'web' && spanRef.current) {
+      updateSpanStyle(spanRef.current, flattenedStyle);
+    }
+  }, [flattenedStyle]);
+  const handleChange = (0, _react.useMemo)(() => _reactNative.Platform.OS === 'web' ? e => {
+    if (spanRef.current) {
+      const height = getWebTextHeight(e, spanRef);
+      setHeight((height ?? 18) + 4);
+      if (onChangeText) onChangeText(e);
+    }
+  } : onChangeText, [onChangeText]);
+  return {
+    getWebTextHeight,
+    handleChange,
+    height,
+    setHeight
+  };
+};
+exports.useWebAutoResize = useWebAutoResize;
+//# sourceMappingURL=useWebAutoResize.js.map

package/lib/commonjs/components/form/input/text/useWebAutoResize.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","getWebTextHeight","text","spanRef","current","span","innerText","document","body","appendChild","height","offsetHeight","removeChild","updateSpanStyle","style","whiteSpace","fontFamily","fontSize","toString","fontWeight","lineHeight","letterSpacing","textAlign","useWebAutoResize","onChangeText","flattenedStyle","useMemo","StyleSheet","flatten","setHeight","useState","useRef","Platform","OS","createElement","useEffect","handleChange","e","exports"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/text/useWebAutoResize.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/form/view/file.js

@@ -4,9 +4,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FileFieldView = void 0;
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("@chem-po/react");
+var _react2 = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _Txt = require("../../text/Txt");
 var _file = require("../input/file");
+var _useInputStyles = require("../input/hooks/useInputStyles");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const styles = _reactNative.StyleSheet.create({
   container: {
@@ -20,9 +23,6 @@ const styles = _reactNative.StyleSheet.create({
     opacity: 0.7,
     fontWeight: '600'
   },
-  emptyText: {
-    opacity: 0.7
-  },
   fileContainer: {
     padding: 4
   }
@@ -51,22 +51,31 @@ const FileFieldView = ({
     placeholder,
     size
   } = field;
-  const options = (0, _react.useMemo)(() => ({
+  const options = (0, _react2.useMemo)(() => ({
     height: getFileSizeHeight(size ?? sizeProp ?? 'md'),
     ...imageOptions
   }), [imageOptions, size, sizeProp]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  const {
+    text,
+    container
+  } = (0, _useInputStyles.useInputStyles)(false, field.size, sizeProp);
+  const placeholderColor = (0, _react.usePlaceholderColor)();
+  return /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
     style: [value ? styles.container : styles.rowContainer, style]
-  }, !noLabel && /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+  }, !noLabel && /*#__PURE__*/_react2.default.createElement(_reactNative.Text, {
     style: styles.label
-  }, placeholder), value ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, placeholder), value ? /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
     style: styles.fileContainer
-  }, /*#__PURE__*/_react.default.createElement(_file.FileView, {
+  }, /*#__PURE__*/_react2.default.createElement(_file.FileView, {
     imageOptions: options,
     value: value
-  })) : /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: styles.emptyText
-  }, "None"));
+  })) : /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
+    style: container
+  }, /*#__PURE__*/_react2.default.createElement(_Txt.Txt, {
+    style: [text, {
+      color: placeholderColor
+    }]
+  }, "None")));
 };
 exports.FileFieldView = FileFieldView;
 //# sourceMappingURL=file.js.map

package/lib/commonjs/components/form/view/file.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_file","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","styles","StyleSheet","create","container","flexDirection","rowContainer","label","paddingRight","opacity","fontWeight","emptyText","fileContainer","padding","getFileSizeHeight","size","FileFieldView","field","value","noLabel","style","sizeProp","imageOptions","placeholder","options","useMemo","height","createElement","View","Text","FileView","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/file.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_react2","_interopRequireWildcard","_reactNative","_Txt","_file","_useInputStyles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","styles","StyleSheet","create","container","flexDirection","rowContainer","label","paddingRight","opacity","fontWeight","fileContainer","padding","getFileSizeHeight","size","FileFieldView","field","value","noLabel","style","sizeProp","imageOptions","placeholder","options","useMemo","height","text","useInputStyles","placeholderColor","usePlaceholderColor","createElement","View","Text","FileView","Txt","color","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/file.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/form/view/index.js

@@ -5,7 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FieldView = void 0;
 var _core = require("@chem-po/core");
-var _react = _interopRequireWildcard(require("react"));
+var _react = require("@chem-po/react");
+var _react2 = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _text = require("../../text");
 var _useInputStyles = require("../input/hooks/useInputStyles");
@@ -25,28 +26,35 @@ const DefaultFieldView = ({
   value,
   noLabel,
   style,
-  size: sizeProp
+  size: sizeProp,
+  inEditable
 }) => {
   const {
     placeholder
   } = field;
   const {
-    text
-  } = (0, _useInputStyles.useInputStyles)(false, field.size, sizeProp);
-  const formatted = (0, _react.useMemo)(() => {
+    text,
+    container: containerStyles
+  } = (0, _useInputStyles.useInputStyles)(inEditable, field.size, sizeProp);
+  const formatted = (0, _react2.useMemo)(() => {
     const format = _core.displayField[field._type];
     if (!format) return value;
     return format(field, value);
   }, [value, field]);
-  const hasValue = (0, _react.useMemo)(() => {
+  const placeholderColor = (0, _react.usePlaceholderColor)();
+  const hasValue = (0, _react2.useMemo)(() => {
     return value !== null && value !== undefined && value !== '';
   }, [value]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.container, style]
-  }, !noLabel && /*#__PURE__*/_react.default.createElement(_text.Txt, {
+  return /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
+    style: [styles.container, containerStyles, {
+      backgroundColor: 'transparent'
+    }, style]
+  }, !noLabel && /*#__PURE__*/_react2.default.createElement(_text.Txt, {
     style: [_styles.inputViewStyles.label, text]
-  }, placeholder), /*#__PURE__*/_react.default.createElement(_text.Txt, {
-    style: [hasValue ? _styles.inputViewStyles.value : _styles.inputViewStyles.valueEmpty, text]
+  }, placeholder), /*#__PURE__*/_react2.default.createElement(_text.Txt, {
+    style: [text, {
+      color: hasValue ? undefined : placeholderColor
+    }]
   }, hasValue ? formatted : 'None'));
 };
 const FieldView = ({
@@ -54,19 +62,21 @@ const FieldView = ({
   value,
   noLabel,
   style,
-  size
+  size,
+  inEditable
 }) => {
   switch (field._type) {
     case 'select':
-      return /*#__PURE__*/_react.default.createElement(_select.SelectFieldView, {
+      return /*#__PURE__*/_react2.default.createElement(_select.SelectFieldView, {
         style: style,
         field: field,
         value: value,
         noLabel: noLabel,
-        size: size
+        size: size,
+        inEditable: inEditable
       });
     case 'multipleSelect':
-      return /*#__PURE__*/_react.default.createElement(_multipleSelect.MultipleSelectFieldView, {
+      return /*#__PURE__*/_react2.default.createElement(_multipleSelect.MultipleSelectFieldView, {
         style: style,
         field: field,
         value: value,
@@ -74,7 +84,7 @@ const FieldView = ({
         size: size
       });
     case 'file':
-      return /*#__PURE__*/_react.default.createElement(_file.FileFieldView, {
+      return /*#__PURE__*/_react2.default.createElement(_file.FileFieldView, {
         style: style,
         field: field,
         value: value,
@@ -82,12 +92,13 @@ const FieldView = ({
         size: size
       });
     default:
-      return /*#__PURE__*/_react.default.createElement(DefaultFieldView, {
+      return /*#__PURE__*/_react2.default.createElement(DefaultFieldView, {
         style: style,
         field: field,
         value: value,
         noLabel: noLabel,
-        size: size
+        size: size,
+        inEditable: inEditable
       });
   }
 };

package/lib/commonjs/components/form/view/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_core","require","_react","_interopRequireWildcard","_reactNative","_text","_useInputStyles","_file","_multipleSelect","_select","_styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","styles","StyleSheet","create","container","flexDirection","alignItems","DefaultFieldView","field","value","noLabel","style","size","sizeProp","placeholder","text","useInputStyles","formatted","useMemo","format","displayField","_type","hasValue","undefined","createElement","View","Txt","inputViewStyles","label","valueEmpty","FieldView","SelectFieldView","MultipleSelectFieldView","FileFieldView","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_core","require","_react","_react2","_interopRequireWildcard","_reactNative","_text","_useInputStyles","_file","_multipleSelect","_select","_styles","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","styles","StyleSheet","create","container","flexDirection","alignItems","DefaultFieldView","field","value","noLabel","style","size","sizeProp","inEditable","placeholder","text","containerStyles","useInputStyles","formatted","useMemo","format","displayField","_type","placeholderColor","usePlaceholderColor","hasValue","undefined","createElement","View","backgroundColor","Txt","inputViewStyles","label","color","FieldView","SelectFieldView","MultipleSelectFieldView","FileFieldView","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/index.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/form/view/multipleSelect.js

@@ -7,6 +7,7 @@ exports.MultipleSelectFieldView = void 0;
 var _react = require("@chem-po/react");
 var _react2 = require("react");
 var _reactNative = _interopRequireWildcard(require("react-native"));
+var _Txt = require("../../text/Txt");
 var _useInputStyles = require("../input/hooks/useInputStyles");
 var _multipleSelect = require("../input/multipleSelect");
 var _select = require("./select");
@@ -16,7 +17,8 @@ const styles = _reactNative.StyleSheet.create({
     flexDirection: 'row',
     flexWrap: 'wrap',
     alignItems: 'center',
-    maxWidth: '100%'
+    maxWidth: '100%',
+    backgroundColor: 'transparent'
   },
   label: {
     paddingRight: 8,
@@ -31,9 +33,6 @@ const styles = _reactNative.StyleSheet.create({
   optionContainer: {
     marginTop: 2,
     marginHorizontal: 2
-  },
-  emptyText: {
-    opacity: 0.6
   }
 });
 const MultipleSelectFieldView = ({
@@ -52,15 +51,16 @@ const MultipleSelectFieldView = ({
   const colorMode = (0, _react.useColorMode)();
   const {
     size,
-    container: inputStyles,
-    text
-  } = (0, _useInputStyles.useInputStyles)(undefined, field.size, sizeProp);
+    text,
+    container
+  } = (0, _useInputStyles.useInputStyles)(true, field.size, sizeProp);
+  const placeholderColor = (0, _react.usePlaceholderColor)();
   const selectedOptionStyle = (0, _react2.useMemo)(() => {
     return {
-      paddingHorizontal: inputStyles.paddingHorizontal,
-      paddingVertical: inputStyles.paddingVertical
+      paddingHorizontal: container.paddingHorizontal,
+      paddingVertical: container.paddingVertical
     };
-  }, [inputStyles]);
+  }, [container]);
   const RenderOption = (0, _react2.useMemo)(() => customRender ?? _select.DefaultRenderOption, [customRender]);
   return /*#__PURE__*/_reactNative.default.createElement(_reactNative.View, {
     style: [styles.container, style]
@@ -77,9 +77,13 @@ const MultipleSelectFieldView = ({
     colorMode: colorMode,
     isSelected: true,
     size: size
-  })))) : /*#__PURE__*/_reactNative.default.createElement(_reactNative.Text, {
-    style: [styles.emptyText, text]
-  }, "None"));
+  })))) : /*#__PURE__*/_reactNative.default.createElement(_reactNative.View, {
+    style: container
+  }, /*#__PURE__*/_reactNative.default.createElement(_Txt.Txt, {
+    style: [text, {
+      color: placeholderColor
+    }]
+  }, "None")));
 };
 exports.MultipleSelectFieldView = MultipleSelectFieldView;
 //# sourceMappingURL=multipleSelect.js.map

package/lib/commonjs/components/form/view/multipleSelect.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_react2","_reactNative","_interopRequireWildcard","_useInputStyles","_multipleSelect","_select","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","styles","StyleSheet","create","container","flexDirection","flexWrap","alignItems","maxWidth","label","paddingRight","opacity","fontWeight","optionsContainer","padding","optionContainer","marginTop","marginHorizontal","emptyText","MultipleSelectFieldView","field","value","noLabel","size","sizeProp","style","placeholder","renderOption","customRender","options","selectedOptions","filter","includes","colorMode","useColorMode","inputStyles","text","useInputStyles","undefined","selectedOptionStyle","useMemo","paddingHorizontal","paddingVertical","RenderOption","DefaultRenderOption","createElement","View","Text","length","map","SelectedOptionContainer","key","option","isSelected","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/multipleSelect.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","require","_react2","_reactNative","_interopRequireWildcard","_Txt","_useInputStyles","_multipleSelect","_select","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","styles","StyleSheet","create","container","flexDirection","flexWrap","alignItems","maxWidth","backgroundColor","label","paddingRight","opacity","fontWeight","optionsContainer","padding","optionContainer","marginTop","marginHorizontal","MultipleSelectFieldView","field","value","noLabel","size","sizeProp","style","placeholder","renderOption","customRender","options","selectedOptions","filter","includes","colorMode","useColorMode","text","useInputStyles","placeholderColor","usePlaceholderColor","selectedOptionStyle","useMemo","paddingHorizontal","paddingVertical","RenderOption","DefaultRenderOption","createElement","View","Text","length","map","SelectedOptionContainer","key","option","isSelected","Txt","color","exports"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/multipleSelect.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/form/view/select.js

@@ -14,7 +14,8 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 const styles = _reactNative.StyleSheet.create({
   container: {
     flexDirection: 'row',
-    alignItems: 'center'
+    alignItems: 'center',
+    backgroundColor: 'transparent'
   },
   label: {
     paddingRight: 10,
@@ -34,7 +35,8 @@ const SelectFieldView = ({
   value,
   noLabel,
   style,
-  size: sizeProp
+  size: sizeProp,
+  inEditable
 }) => {
   const {
     placeholder,
@@ -44,8 +46,9 @@ const SelectFieldView = ({
   const placeholderColor = (0, _react.usePlaceholderColor)();
   const {
     size,
-    text
-  } = (0, _useInputStyles.useInputStyles)(false, field.size, sizeProp);
+    text,
+    container
+  } = (0, _useInputStyles.useInputStyles)(inEditable, field.size, sizeProp);
   const selectedOption = field.options.find(o => o.value === value);
   const RenderOption = customRender ?? DefaultRenderOption;
   return /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
@@ -60,9 +63,13 @@ const SelectFieldView = ({
     colorMode: colorMode,
     isSelected: true,
     size: size
-  }) : /*#__PURE__*/_react2.default.createElement(_text.Txt, {
-    style: _styles.inputViewStyles.valueEmpty
-  }, "None"));
+  }) : /*#__PURE__*/_react2.default.createElement(_reactNative.View, {
+    style: container
+  }, /*#__PURE__*/_react2.default.createElement(_text.Txt, {
+    style: [text, {
+      color: placeholderColor
+    }]
+  }, "None")));
 };
 exports.SelectFieldView = SelectFieldView;
 //# sourceMappingURL=select.js.map

package/lib/commonjs/components/form/view/select.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_react2","_interopRequireDefault","_reactNative","_text","_useInputStyles","_styles","e","__esModule","default","styles","StyleSheet","create","container","flexDirection","alignItems","label","paddingRight","fontWeight","DefaultRenderOption","option","createElement","Txt","style","inputViewStyles","value","exports","SelectFieldView","field","noLabel","size","sizeProp","placeholder","renderOption","customRender","colorMode","useColorMode","placeholderColor","usePlaceholderColor","text","useInputStyles","selectedOption","options","find","o","RenderOption","View","Text","color","isSelected","valueEmpty"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/select.tsx"],"mappings":";;;;;;AACA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,eAAA,GAAAL,OAAA;AACA,IAAAM,OAAA,GAAAN,OAAA;AAA0C,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE1C,MAAMG,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEK,MAAMC,mBAAmB,GAAGA,CAGjC;EACAC;AACsC,CAAC,KAAK;EAC5C,oBAAOnB,OAAA,CAAAQ,OAAA,CAAAY,aAAA,CAACjB,KAAA,CAAAkB,GAAG;IAACC,KAAK,EAAEC,uBAAe,CAACC;EAAM,GAAEL,MAAM,CAACJ,KAAW,CAAC;AAChE,CAAC;AAAAU,OAAA,CAAAP,mBAAA,GAAAA,mBAAA;AAEM,MAAMQ,eAAe,GAAGA,CAAC;EAC9BC,KAAK;EACLH,KAAK;EACLI,OAAO;EACPN,KAAK;EACLO,IAAI,EAAEC;AAOR,CAAC,KAAK;EACJ,MAAM;IAAEC,WAAW;IAAEC,YAAY,EAAEC;EAAa,CAAC,GAAGN,KAAK;EACzD,MAAMO,SAAS,GAAG,IAAAC,mBAAY,EAAC,CAAC;EAChC,MAAMC,gBAAgB,GAAG,IAAAC,0BAAmB,EAAC,CAAC;EAC9C,MAAM;IAAER,IAAI;IAAES;EAAK,CAAC,GAAG,IAAAC,8BAAc,EAAC,KAAK,EAAEZ,KAAK,CAACE,IAAI,EAAEC,QAAQ,CAAC;EAClE,MAAMU,cAAc,GAAGb,KAAK,CAACc,OAAO,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACnB,KAAK,KAAKA,KAAK,CAAC;EACjE,MAAMoB,YAAY,GAAGX,YAAY,IAAIf,mBAAmB;EACxD,oBACElB,OAAA,CAAAQ,OAAA,CAAAY,aAAA,CAAClB,YAAA,CAAA2C,IAAI;IAACvB,KAAK,EAAE,CAACb,MAAM,CAACG,SAAS,EAAEU,KAAK;EAAE,GACpC,CAACM,OAAO,iBACP5B,OAAA,CAAAQ,OAAA,CAAAY,aAAA,CAAClB,YAAA,CAAA4C,IAAI;IAACxB,KAAK,EAAE,CAACb,MAAM,CAACM,KAAK,EAAEuB,IAAI,EAAE;MAAES,KAAK,EAAEX;IAAiB,CAAC;EAAE,GAAEL,WAAkB,CACpF,EACAS,cAAc,gBACbxC,OAAA,CAAAQ,OAAA,CAAAY,aAAA,CAACwB,YAAY;IACXpB,KAAK,EAAEgB,cAAc,CAAChB,KAAM;IAC5BL,MAAM,EAAEqB,cAAe;IACvBN,SAAS,EAAEA,SAAU;IACrBc,UAAU,EAAE,IAAK;IACjBnB,IAAI,EAAEA;EAAK,CACZ,CAAC,gBAEF7B,OAAA,CAAAQ,OAAA,CAAAY,aAAA,CAACjB,KAAA,CAAAkB,GAAG;IAACC,KAAK,EAAEC,uBAAe,CAAC0B;EAAW,GAAC,MAAS,CAE/C,CAAC;AAEX,CAAC;AAAAxB,OAAA,CAAAC,eAAA,GAAAA,eAAA","ignoreList":[]}
+{"version":3,"names":["_react","require","_react2","_interopRequireDefault","_reactNative","_text","_useInputStyles","_styles","e","__esModule","default","styles","StyleSheet","create","container","flexDirection","alignItems","backgroundColor","label","paddingRight","fontWeight","DefaultRenderOption","option","createElement","Txt","style","inputViewStyles","value","exports","SelectFieldView","field","noLabel","size","sizeProp","inEditable","placeholder","renderOption","customRender","colorMode","useColorMode","placeholderColor","usePlaceholderColor","text","useInputStyles","selectedOption","options","find","o","RenderOption","View","Text","color","isSelected"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/select.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/form/view/styles.js

@@ -13,9 +13,6 @@ const inputViewStyles = exports.inputViewStyles = _reactNative.StyleSheet.create
   },
   value: {
     opacity: 1
-  },
-  valueEmpty: {
-    opacity: 0.6
   }
 });
 //# sourceMappingURL=styles.js.map

package/lib/commonjs/components/form/view/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","inputViewStyles","exports","StyleSheet","create","label","paddingRight","opacity","fontWeight","value","valueEmpty"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC/CC,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLF,OAAO,EAAE;EACX,CAAC;EACDG,UAAU,EAAE;IACVH,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","inputViewStyles","exports","StyleSheet","create","label","paddingRight","opacity","fontWeight","value"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/styles.ts"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAGE,uBAAU,CAACC,MAAM,CAAC;EAC/CC,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,KAAK,EAAE;IACLF,OAAO,EAAE;EACX;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/commonjs/components/layout/CollapseHorizontal.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CollapseHorizontal = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const CollapseHorizontal = ({
+  children,
+  in: isIn,
+  duration = 200,
+  style
+}) => {
+  const contentWidth = (0, _reactNativeReanimated.useSharedValue)(0);
+  const width = (0, _reactNativeReanimated.useSharedValue)(0);
+  const opacity = (0, _reactNativeReanimated.useSharedValue)(0);
+  const handleLayout = (0, _react.useCallback)(event => {
+    contentWidth.value = event.nativeEvent.layout.width;
+    // Initialize width if component is initially visible
+    if (isIn && width.value === 0) {
+      width.value = contentWidth.value;
+      opacity.value = 1;
+    }
+  }, [isIn, contentWidth, width, opacity]);
+  _react.default.useEffect(() => {
+    if (isIn) {
+      // Fade in: width first, then opacity
+      width.value = (0, _reactNativeReanimated.withTiming)(contentWidth.value, {
+        duration
+      });
+      opacity.value = (0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(0, {
+        duration: 0
+      }),
+      // Reset opacity
+      (0, _reactNativeReanimated.withTiming)(1, {
+        duration
+      }));
+    } else {
+      // Fade out: opacity first, then width
+      opacity.value = (0, _reactNativeReanimated.withTiming)(0, {
+        duration
+      });
+      width.value = (0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(width.value, {
+        duration: 0
+      }),
+      // Ensure we start from current width
+      (0, _reactNativeReanimated.withTiming)(0, {
+        duration
+      }));
+    }
+  }, [isIn, contentWidth.value, duration, width, opacity]);
+  const animatedStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    width: width.value,
+    opacity: opacity.value
+  }));
+  return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: [{
+      overflow: 'hidden',
+      pointerEvents: isIn ? 'auto' : 'none'
+    }, animatedStyle]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [{
+      position: 'absolute'
+    }, style],
+    onLayout: handleLayout
+  }, children));
+};
+exports.CollapseHorizontal = CollapseHorizontal;
+//# sourceMappingURL=CollapseHorizontal.js.map

package/lib/commonjs/components/layout/CollapseHorizontal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","CollapseHorizontal","children","in","isIn","duration","style","contentWidth","useSharedValue","width","opacity","handleLayout","useCallback","event","value","nativeEvent","layout","React","useEffect","withTiming","withSequence","animatedStyle","useAnimatedStyle","createElement","View","overflow","pointerEvents","position","onLayout","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/layout/CollapseHorizontal.tsx"],"mappings":"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","ignoreList":[]}