@chem-po/react-native 0.0.28 → 0.0.30

package/lib/module/components/form/input/text/textarea.js

@@ -1,62 +1,42 @@
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import { usePlaceholderColor, useTextColor } from '@chem-po/react';
-import React, { forwardRef, useImperativeHandle, useRef } from 'react';
-import { StyleSheet, TextInput, View } from 'react-native';
+import React, { forwardRef } from 'react';
+import { View } from 'react-native';
 import { useInputStyles } from '../hooks/useInputStyles';
+import { AutoResizeTextarea } from './AutoResizeTextarea';
 export const TextAreaComponent = /*#__PURE__*/forwardRef(({
   input,
   field,
   inEditable,
-  formSize
+  formSize,
+  inputStyle,
+  style
 }, ref) => {
-  const inputRef = useRef(null);
   const {
-    container: inputStyles
+    text,
+    container
   } = useInputStyles(inEditable, field.size, formSize);
   const {
     value,
     onChange,
     ...inputProps
   } = input;
-  useImperativeHandle(ref, () => ({
-    focus: () => {
-      var _inputRef$current;
-      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
-    },
-    blur: () => {
-      var _inputRef$current2;
-      (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 || _inputRef$current2.blur();
-    }
-  }));
   const placeholderColor = usePlaceholderColor();
   const color = useTextColor();
   return /*#__PURE__*/React.createElement(View, {
-    style: inputStyles
-  }, /*#__PURE__*/React.createElement(TextInput, _extends({
-    ref: inputRef,
-    style: [styles.textarea, inEditable && styles.inEditable, {
-      color
-    }],
+    style: [container, style]
+  }, /*#__PURE__*/React.createElement(AutoResizeTextarea, _extends({
+    ref: ref,
+    style: [{
+      color,
+      ...text
+    }, inputStyle],
     placeholder: field.placeholder,
     placeholderTextColor: placeholderColor,
     multiline: true,
-    maxLength: 200,
-    textAlignVertical: "top",
     value: value ?? '',
     onChangeText: onChange
   }, inputProps)));
 });
 TextAreaComponent.displayName = 'TextAreaComponent';
-const styles = StyleSheet.create({
-  textarea: {
-    width: '100%',
-    minHeight: 80,
-    backgroundColor: 'transparent',
-    textAlignVertical: 'top'
-  },
-  inEditable: {
-    paddingHorizontal: 0,
-    paddingVertical: 0
-  }
-});
 //# sourceMappingURL=textarea.js.map

package/lib/module/components/form/input/text/textarea.js.map

@@ -1 +1 @@
-{"version":3,"names":["usePlaceholderColor","useTextColor","React","forwardRef","useImperativeHandle","useRef","StyleSheet","TextInput","View","useInputStyles","TextAreaComponent","input","field","inEditable","formSize","ref","inputRef","container","inputStyles","size","value","onChange","inputProps","focus","_inputRef$current","current","blur","_inputRef$current2","placeholderColor","color","createElement","style","_extends","styles","textarea","placeholder","placeholderTextColor","multiline","maxLength","textAlignVertical","onChangeText","displayName","create","width","minHeight","backgroundColor","paddingHorizontal","paddingVertical"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/text/textarea.tsx"],"mappings":";AACA,SAAoBA,mBAAmB,EAAEC,YAAY,QAAQ,gBAAgB;AAC7E,OAAOC,KAAK,IAAIC,UAAU,EAAEC,mBAAmB,EAAEC,MAAM,QAAQ,OAAO;AACtE,SAASC,UAAU,EAAEC,SAAS,EAAEC,IAAI,QAAQ,cAAc;AAE1D,SAASC,cAAc,QAAQ,yBAAyB;AAExD,OAAO,MAAMC,iBAAiB,gBAAGP,UAAU,CACzC,CAAC;EAAEQ,KAAK;EAAEC,KAAK;EAAEC,UAAU;EAAEC;AAAS,CAAC,EAAEC,GAAG,KAAK;EAC/C,MAAMC,QAAQ,GAAGX,MAAM,CAAY,IAAI,CAAC;EACxC,MAAM;IAAEY,SAAS,EAAEC;EAAY,CAAC,GAAGT,cAAc,CAACI,UAAU,EAAED,KAAK,CAACO,IAAI,EAAEL,QAAQ,CAAC;EACnF,MAAM;IAAEM,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAW,CAAC,GAAGX,KAAK;EAEhDP,mBAAmB,CAACW,GAAG,EAAE,OAAO;IAC9BQ,KAAK,EAAEA,CAAA,KAAM;MAAA,IAAAC,iBAAA;MACX,CAAAA,iBAAA,GAAAR,QAAQ,CAACS,OAAO,cAAAD,iBAAA,eAAhBA,iBAAA,CAAkBD,KAAK,CAAC,CAAC;IAC3B,CAAC;IACDG,IAAI,EAAEA,CAAA,KAAM;MAAA,IAAAC,kBAAA;MACV,CAAAA,kBAAA,GAAAX,QAAQ,CAACS,OAAO,cAAAE,kBAAA,eAAhBA,kBAAA,CAAkBD,IAAI,CAAC,CAAC;IAC1B;EACF,CAAC,CAAC,CAAC;EAEH,MAAME,gBAAgB,GAAG5B,mBAAmB,CAAC,CAAC;EAC9C,MAAM6B,KAAK,GAAG5B,YAAY,CAAC,CAAC;EAE5B,oBACEC,KAAA,CAAA4B,aAAA,CAACtB,IAAI;IAACuB,KAAK,EAAEb;EAAY,gBACvBhB,KAAA,CAAA4B,aAAA,CAACvB,SAAS,EAAAyB,QAAA;IACRjB,GAAG,EAAEC,QAAS;IACde,KAAK,EAAE,CAACE,MAAM,CAACC,QAAQ,EAAErB,UAAU,IAAIoB,MAAM,CAACpB,UAAU,EAAE;MAAEgB;IAAM,CAAC,CAAE;IACrEM,WAAW,EAAEvB,KAAK,CAACuB,WAAY;IAC/BC,oBAAoB,EAAER,gBAAiB;IACvCS,SAAS;IACTC,SAAS,EAAE,GAAI;IACfC,iBAAiB,EAAC,KAAK;IACvBnB,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBoB,YAAY,EAAEnB;EAAS,GACnBC,UAAU,CACf,CACG,CAAC;AAEX,CACF,CAAC;AAEDZ,iBAAiB,CAAC+B,WAAW,GAAG,mBAAmB;AAEnD,MAAMR,MAAM,GAAG3B,UAAU,CAACoC,MAAM,CAAC;EAC/BR,QAAQ,EAAE;IACRS,KAAK,EAAE,MAAM;IACbC,SAAS,EAAE,EAAE;IACbC,eAAe,EAAE,aAAa;IAC9BN,iBAAiB,EAAE;EACrB,CAAC;EACD1B,UAAU,EAAE;IACViC,iBAAiB,EAAE,CAAC;IACpBC,eAAe,EAAE;EACnB;AACF,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["usePlaceholderColor","useTextColor","React","forwardRef","View","useInputStyles","AutoResizeTextarea","TextAreaComponent","input","field","inEditable","formSize","inputStyle","style","ref","text","container","size","value","onChange","inputProps","placeholderColor","color","createElement","_extends","placeholder","placeholderTextColor","multiline","onChangeText","displayName"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/text/textarea.tsx"],"mappings":";AAAA,SAAoBA,mBAAmB,EAAEC,YAAY,QAAQ,gBAAgB;AAC7E,OAAOC,KAAK,IAAIC,UAAU,QAAQ,OAAO;AACzC,SAAoBC,IAAI,QAAQ,cAAc;AAE9C,SAASC,cAAc,QAAQ,yBAAyB;AACxD,SAASC,kBAAkB,QAAQ,sBAAsB;AAEzD,OAAO,MAAMC,iBAAiB,gBAAGJ,UAAU,CACzC,CAAC;EAAEK,KAAK;EAAEC,KAAK;EAAEC,UAAU;EAAEC,QAAQ;EAAEC,UAAU;EAAEC;AAAM,CAAC,EAAEC,GAAG,KAAK;EAClE,MAAM;IAAEC,IAAI;IAAEC;EAAU,CAAC,GAAGX,cAAc,CAACK,UAAU,EAAED,KAAK,CAACQ,IAAI,EAAEN,QAAQ,CAAC;EAC5E,MAAM;IAAEO,KAAK;IAAEC,QAAQ;IAAE,GAAGC;EAAW,CAAC,GAAGZ,KAAK;EAChD,MAAMa,gBAAgB,GAAGrB,mBAAmB,CAAC,CAAC;EAC9C,MAAMsB,KAAK,GAAGrB,YAAY,CAAC,CAAC;EAE5B,oBACEC,KAAA,CAAAqB,aAAA,CAACnB,IAAI;IAACS,KAAK,EAAE,CAACG,SAAS,EAAEH,KAAK;EAAE,gBAC9BX,KAAA,CAAAqB,aAAA,CAACjB,kBAAkB,EAAAkB,QAAA;IACjBV,GAAG,EAAEA,GAAI;IACTD,KAAK,EAAE,CAAC;MAAES,KAAK;MAAE,GAAGP;IAAK,CAAC,EAAEH,UAAU,CAAE;IACxCa,WAAW,EAAEhB,KAAK,CAACgB,WAAY;IAC/BC,oBAAoB,EAAEL,gBAAiB;IACvCM,SAAS;IACTT,KAAK,EAAEA,KAAK,IAAI,EAAG;IACnBU,YAAY,EAAET;EAAS,GACnBC,UAAU,CACf,CACG,CAAC;AAEX,CACF,CAAC;AAEDb,iBAAiB,CAACsB,WAAW,GAAG,mBAAmB","ignoreList":[]}

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

@@ -0,0 +1,58 @@
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { Platform, StyleSheet } from '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;
+  }
+};
+export const useWebAutoResize = (onChangeText, style) => {
+  const flattenedStyle = useMemo(() => StyleSheet.flatten(style), [style]);
+  const [height, setHeight] = useState((flattenedStyle.fontSize ?? 18) + 4);
+  const spanRef = useRef(Platform.OS === 'web' ? document.createElement('span') : null);
+  useEffect(() => {
+    if (Platform.OS === 'web' && spanRef.current) {
+      updateSpanStyle(spanRef.current, flattenedStyle);
+    }
+  }, [flattenedStyle]);
+  const handleChange = useMemo(() => 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
+  };
+};
+//# sourceMappingURL=useWebAutoResize.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useMemo","useRef","useState","Platform","StyleSheet","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","flatten","setHeight","OS","createElement","handleChange","e"],"sourceRoot":"..\\..\\..\\..\\..\\..\\src","sources":["components/form/input/text/useWebAutoResize.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,9 @@
+import { usePlaceholderColor } from '@chem-po/react';
 import React, { useMemo } from 'react';
 import { StyleSheet, Text, View } from 'react-native';
+import { Txt } from '../../text/Txt';
 import { FileView } from '../input/file';
+import { useInputStyles } from '../input/hooks/useInputStyles';
 const styles = StyleSheet.create({
   container: {
     flexDirection: 'column'
@@ -13,9 +16,6 @@ const styles = StyleSheet.create({
     opacity: 0.7,
     fontWeight: '600'
   },
-  emptyText: {
-    opacity: 0.7
-  },
   fileContainer: {
     padding: 4
   }
@@ -48,6 +48,11 @@ export const FileFieldView = ({
     height: getFileSizeHeight(size ?? sizeProp ?? 'md'),
     ...imageOptions
   }), [imageOptions, size, sizeProp]);
+  const {
+    text,
+    container
+  } = useInputStyles(false, field.size, sizeProp);
+  const placeholderColor = usePlaceholderColor();
   return /*#__PURE__*/React.createElement(View, {
     style: [value ? styles.container : styles.rowContainer, style]
   }, !noLabel && /*#__PURE__*/React.createElement(Text, {
@@ -57,8 +62,12 @@ export const FileFieldView = ({
   }, /*#__PURE__*/React.createElement(FileView, {
     imageOptions: options,
     value: value
-  })) : /*#__PURE__*/React.createElement(Text, {
-    style: styles.emptyText
-  }, "None"));
+  })) : /*#__PURE__*/React.createElement(View, {
+    style: container
+  }, /*#__PURE__*/React.createElement(Txt, {
+    style: [text, {
+      color: placeholderColor
+    }]
+  }, "None")));
 };
 //# sourceMappingURL=file.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","StyleSheet","Text","View","FileView","styles","create","container","flexDirection","rowContainer","label","paddingRight","opacity","fontWeight","emptyText","fileContainer","padding","getFileSizeHeight","size","FileFieldView","field","value","noLabel","style","sizeProp","imageOptions","placeholder","options","height","createElement"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/file.tsx"],"mappings":"AAEA,OAAOA,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AAChE,SAASC,QAAQ,QAAQ,eAAe;AAExC,MAAMC,MAAM,GAAGJ,UAAU,CAACK,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE;EACjB,CAAC;EACDC,YAAY,EAAE;IACZD,aAAa,EAAE;EACjB,CAAC;EACDE,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,SAAS,EAAE;IACTF,OAAO,EAAE;EACX,CAAC;EACDG,aAAa,EAAE;IACbC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,MAAMC,iBAAiB,GAAIC,IAAe,IAAK;EAC7C,QAAQA,IAAI;IACV,KAAK,IAAI;MACP,OAAO,EAAE;IACX,KAAK,IAAI;MACP,OAAO,GAAG;IACZ,KAAK,IAAI;MACP,OAAO,GAAG;IACZ;MACE,OAAO,GAAG;EACd;AACF,CAAC;AAED,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,KAAK;EACLL,IAAI,EAAEM;AAOR,CAAC,KAAK;EACJ,MAAM;IAAEC,YAAY;IAAEC,WAAW;IAAER;EAAK,CAAC,GAAGE,KAAK;EACjD,MAAMO,OAAO,GAAG3B,OAAO,CACrB,OAAO;IACL4B,MAAM,EAAEX,iBAAiB,CAACC,IAAI,IAAIM,QAAQ,IAAI,IAAI,CAAC;IACnD,GAAGC;EACL,CAAC,CAAC,EACF,CAACA,YAAY,EAAEP,IAAI,EAAEM,QAAQ,CAC/B,CAAC;EAED,oBACEzB,KAAA,CAAA8B,aAAA,CAAC1B,IAAI;IAACoB,KAAK,EAAE,CAACF,KAAK,GAAGhB,MAAM,CAACE,SAAS,GAAGF,MAAM,CAACI,YAAY,EAAEc,KAAK;EAAE,GAClE,CAACD,OAAO,iBAAIvB,KAAA,CAAA8B,aAAA,CAAC3B,IAAI;IAACqB,KAAK,EAAElB,MAAM,CAACK;EAAM,GAAEgB,WAAkB,CAAC,EAC3DL,KAAK,gBACJtB,KAAA,CAAA8B,aAAA,CAAC1B,IAAI;IAACoB,KAAK,EAAElB,MAAM,CAACU;EAAc,gBAChChB,KAAA,CAAA8B,aAAA,CAACzB,QAAQ;IAACqB,YAAY,EAAEE,OAAQ;IAACN,KAAK,EAAEA;EAAM,CAAE,CAC5C,CAAC,gBAEPtB,KAAA,CAAA8B,aAAA,CAAC3B,IAAI;IAACqB,KAAK,EAAElB,MAAM,CAACS;EAAU,GAAC,MAAU,CAEvC,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["usePlaceholderColor","React","useMemo","StyleSheet","Text","View","Txt","FileView","useInputStyles","styles","create","container","flexDirection","rowContainer","label","paddingRight","opacity","fontWeight","fileContainer","padding","getFileSizeHeight","size","FileFieldView","field","value","noLabel","style","sizeProp","imageOptions","placeholder","options","height","text","placeholderColor","createElement","color"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/file.tsx"],"mappings":"AACA,SAAoBA,mBAAmB,QAAQ,gBAAgB;AAC/D,OAAOC,KAAK,IAAIC,OAAO,QAAQ,OAAO;AACtC,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AAChE,SAASC,GAAG,QAAQ,gBAAgB;AACpC,SAASC,QAAQ,QAAQ,eAAe;AACxC,SAASC,cAAc,QAAQ,+BAA+B;AAE9D,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE;EACjB,CAAC;EACDC,YAAY,EAAE;IACZD,aAAa,EAAE;EACjB,CAAC;EACDE,KAAK,EAAE;IACLC,YAAY,EAAE,CAAC;IACfC,OAAO,EAAE,GAAG;IACZC,UAAU,EAAE;EACd,CAAC;EACDC,aAAa,EAAE;IACbC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEF,MAAMC,iBAAiB,GAAIC,IAAe,IAAK;EAC7C,QAAQA,IAAI;IACV,KAAK,IAAI;MACP,OAAO,EAAE;IACX,KAAK,IAAI;MACP,OAAO,GAAG;IACZ,KAAK,IAAI;MACP,OAAO,GAAG;IACZ;MACE,OAAO,GAAG;EACd;AACF,CAAC;AAED,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC,KAAK;EACLC,KAAK;EACLC,OAAO;EACPC,KAAK;EACLL,IAAI,EAAEM;AAOR,CAAC,KAAK;EACJ,MAAM;IAAEC,YAAY;IAAEC,WAAW;IAAER;EAAK,CAAC,GAAGE,KAAK;EACjD,MAAMO,OAAO,GAAG5B,OAAO,CACrB,OAAO;IACL6B,MAAM,EAAEX,iBAAiB,CAACC,IAAI,IAAIM,QAAQ,IAAI,IAAI,CAAC;IACnD,GAAGC;EACL,CAAC,CAAC,EACF,CAACA,YAAY,EAAEP,IAAI,EAAEM,QAAQ,CAC/B,CAAC;EAED,MAAM;IAAEK,IAAI;IAAErB;EAAU,CAAC,GAAGH,cAAc,CAAC,KAAK,EAAEe,KAAK,CAACF,IAAI,EAAEM,QAAQ,CAAC;EACvE,MAAMM,gBAAgB,GAAGjC,mBAAmB,CAAC,CAAC;EAE9C,oBACEC,KAAA,CAAAiC,aAAA,CAAC7B,IAAI;IAACqB,KAAK,EAAE,CAACF,KAAK,GAAGf,MAAM,CAACE,SAAS,GAAGF,MAAM,CAACI,YAAY,EAAEa,KAAK;EAAE,GAClE,CAACD,OAAO,iBAAIxB,KAAA,CAAAiC,aAAA,CAAC9B,IAAI;IAACsB,KAAK,EAAEjB,MAAM,CAACK;EAAM,GAAEe,WAAkB,CAAC,EAC3DL,KAAK,gBACJvB,KAAA,CAAAiC,aAAA,CAAC7B,IAAI;IAACqB,KAAK,EAAEjB,MAAM,CAACS;EAAc,gBAChCjB,KAAA,CAAAiC,aAAA,CAAC3B,QAAQ;IAACqB,YAAY,EAAEE,OAAQ;IAACN,KAAK,EAAEA;EAAM,CAAE,CAC5C,CAAC,gBAEPvB,KAAA,CAAAiC,aAAA,CAAC7B,IAAI;IAACqB,KAAK,EAAEf;EAAU,gBACrBV,KAAA,CAAAiC,aAAA,CAAC5B,GAAG;IAACoB,KAAK,EAAE,CAACM,IAAI,EAAE;MAAEG,KAAK,EAAEF;IAAiB,CAAC;EAAE,GAAC,MAAS,CACtD,CAEJ,CAAC;AAEX,CAAC","ignoreList":[]}

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

@@ -1,4 +1,5 @@
 import { displayField } from '@chem-po/core';
+import { usePlaceholderColor } from '@chem-po/react';
 import React, { useMemo } from 'react';
 import { StyleSheet, View } from 'react-native';
 import { Txt } from '../../text';
@@ -18,28 +19,35 @@ const DefaultFieldView = ({
   value,
   noLabel,
   style,
-  size: sizeProp
+  size: sizeProp,
+  inEditable
 }) => {
   const {
     placeholder
   } = field;
   const {
-    text
-  } = useInputStyles(false, field.size, sizeProp);
+    text,
+    container: containerStyles
+  } = useInputStyles(inEditable, field.size, sizeProp);
   const formatted = useMemo(() => {
     const format = displayField[field._type];
     if (!format) return value;
     return format(field, value);
   }, [value, field]);
+  const placeholderColor = usePlaceholderColor();
   const hasValue = useMemo(() => {
     return value !== null && value !== undefined && value !== '';
   }, [value]);
   return /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, style]
+    style: [styles.container, containerStyles, {
+      backgroundColor: 'transparent'
+    }, style]
   }, !noLabel && /*#__PURE__*/React.createElement(Txt, {
     style: [inputViewStyles.label, text]
   }, placeholder), /*#__PURE__*/React.createElement(Txt, {
-    style: [hasValue ? inputViewStyles.value : inputViewStyles.valueEmpty, text]
+    style: [text, {
+      color: hasValue ? undefined : placeholderColor
+    }]
   }, hasValue ? formatted : 'None'));
 };
 export const FieldView = ({
@@ -47,7 +55,8 @@ export const FieldView = ({
   value,
   noLabel,
   style,
-  size
+  size,
+  inEditable
 }) => {
   switch (field._type) {
     case 'select':
@@ -56,7 +65,8 @@ export const FieldView = ({
         field: field,
         value: value,
         noLabel: noLabel,
-        size: size
+        size: size,
+        inEditable: inEditable
       });
     case 'multipleSelect':
       return /*#__PURE__*/React.createElement(MultipleSelectFieldView, {
@@ -80,7 +90,8 @@ export const FieldView = ({
         field: field,
         value: value,
         noLabel: noLabel,
-        size: size
+        size: size,
+        inEditable: inEditable
       });
   }
 };

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

@@ -1 +1 @@
-{"version":3,"names":["displayField","React","useMemo","StyleSheet","View","Txt","useInputStyles","FileFieldView","MultipleSelectFieldView","SelectFieldView","inputViewStyles","styles","create","container","flexDirection","alignItems","DefaultFieldView","field","value","noLabel","style","size","sizeProp","placeholder","text","formatted","format","_type","hasValue","undefined","createElement","label","valueEmpty","FieldView"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/index.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["displayField","usePlaceholderColor","React","useMemo","StyleSheet","View","Txt","useInputStyles","FileFieldView","MultipleSelectFieldView","SelectFieldView","inputViewStyles","styles","create","container","flexDirection","alignItems","DefaultFieldView","field","value","noLabel","style","size","sizeProp","inEditable","placeholder","text","containerStyles","formatted","format","_type","placeholderColor","hasValue","undefined","createElement","backgroundColor","label","color","FieldView"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/index.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -1,6 +1,7 @@
-import { useColorMode } from '@chem-po/react';
+import { useColorMode, usePlaceholderColor } from '@chem-po/react';
 import { useMemo } from 'react';
 import React, { StyleSheet, Text, View } from 'react-native';
+import { Txt } from '../../text/Txt';
 import { useInputStyles } from '../input/hooks/useInputStyles';
 import { SelectedOptionContainer } from '../input/multipleSelect';
 import { DefaultRenderOption } from './select';
@@ -9,7 +10,8 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     flexWrap: 'wrap',
     alignItems: 'center',
-    maxWidth: '100%'
+    maxWidth: '100%',
+    backgroundColor: 'transparent'
   },
   label: {
     paddingRight: 8,
@@ -24,9 +26,6 @@ const styles = StyleSheet.create({
   optionContainer: {
     marginTop: 2,
     marginHorizontal: 2
-  },
-  emptyText: {
-    opacity: 0.6
   }
 });
 export const MultipleSelectFieldView = ({
@@ -45,15 +44,16 @@ export const MultipleSelectFieldView = ({
   const colorMode = useColorMode();
   const {
     size,
-    container: inputStyles,
-    text
-  } = useInputStyles(undefined, field.size, sizeProp);
+    text,
+    container
+  } = useInputStyles(true, field.size, sizeProp);
+  const placeholderColor = usePlaceholderColor();
   const selectedOptionStyle = useMemo(() => {
     return {
-      paddingHorizontal: inputStyles.paddingHorizontal,
-      paddingVertical: inputStyles.paddingVertical
+      paddingHorizontal: container.paddingHorizontal,
+      paddingVertical: container.paddingVertical
     };
-  }, [inputStyles]);
+  }, [container]);
   const RenderOption = useMemo(() => customRender ?? DefaultRenderOption, [customRender]);
   return /*#__PURE__*/React.createElement(View, {
     style: [styles.container, style]
@@ -70,8 +70,12 @@ export const MultipleSelectFieldView = ({
     colorMode: colorMode,
     isSelected: true,
     size: size
-  })))) : /*#__PURE__*/React.createElement(Text, {
-    style: [styles.emptyText, text]
-  }, "None"));
+  })))) : /*#__PURE__*/React.createElement(View, {
+    style: container
+  }, /*#__PURE__*/React.createElement(Txt, {
+    style: [text, {
+      color: placeholderColor
+    }]
+  }, "None")));
 };
 //# sourceMappingURL=multipleSelect.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useColorMode","useMemo","React","StyleSheet","Text","View","useInputStyles","SelectedOptionContainer","DefaultRenderOption","styles","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","o","includes","colorMode","inputStyles","text","undefined","selectedOptionStyle","paddingHorizontal","paddingVertical","RenderOption","createElement","length","map","key","option","isSelected"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/multipleSelect.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["useColorMode","usePlaceholderColor","useMemo","React","StyleSheet","Text","View","Txt","useInputStyles","SelectedOptionContainer","DefaultRenderOption","styles","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","o","includes","colorMode","text","placeholderColor","selectedOptionStyle","paddingHorizontal","paddingVertical","RenderOption","createElement","length","map","key","option","isSelected","color"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/multipleSelect.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -7,7 +7,8 @@ import { inputViewStyles } from './styles';
 const styles = StyleSheet.create({
   container: {
     flexDirection: 'row',
-    alignItems: 'center'
+    alignItems: 'center',
+    backgroundColor: 'transparent'
   },
   label: {
     paddingRight: 10,
@@ -26,7 +27,8 @@ export const SelectFieldView = ({
   value,
   noLabel,
   style,
-  size: sizeProp
+  size: sizeProp,
+  inEditable
 }) => {
   const {
     placeholder,
@@ -36,8 +38,9 @@ export const SelectFieldView = ({
   const placeholderColor = usePlaceholderColor();
   const {
     size,
-    text
-  } = useInputStyles(false, field.size, sizeProp);
+    text,
+    container
+  } = useInputStyles(inEditable, field.size, sizeProp);
   const selectedOption = field.options.find(o => o.value === value);
   const RenderOption = customRender ?? DefaultRenderOption;
   return /*#__PURE__*/React.createElement(View, {
@@ -52,8 +55,12 @@ export const SelectFieldView = ({
     colorMode: colorMode,
     isSelected: true,
     size: size
-  }) : /*#__PURE__*/React.createElement(Txt, {
-    style: inputViewStyles.valueEmpty
-  }, "None"));
+  }) : /*#__PURE__*/React.createElement(View, {
+    style: container
+  }, /*#__PURE__*/React.createElement(Txt, {
+    style: [text, {
+      color: placeholderColor
+    }]
+  }, "None")));
 };
 //# sourceMappingURL=select.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["useColorMode","usePlaceholderColor","React","StyleSheet","Text","View","Txt","useInputStyles","inputViewStyles","styles","create","container","flexDirection","alignItems","label","paddingRight","fontWeight","DefaultRenderOption","option","createElement","style","value","SelectFieldView","field","noLabel","size","sizeProp","placeholder","renderOption","customRender","colorMode","placeholderColor","text","selectedOption","options","find","o","RenderOption","color","isSelected","valueEmpty"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/select.tsx"],"mappings":"AACA,SAAsBA,YAAY,EAAEC,mBAAmB,QAAQ,gBAAgB;AAC/E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AAChE,SAASC,GAAG,QAAQ,YAAY;AAChC,SAASC,cAAc,QAAQ,+BAA+B;AAC9D,SAASC,eAAe,QAAQ,UAAU;AAE1C,MAAMC,MAAM,GAAGN,UAAU,CAACO,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;AAEF,OAAO,MAAMC,mBAAmB,GAAGA,CAGjC;EACAC;AACsC,CAAC,KAAK;EAC5C,oBAAOhB,KAAA,CAAAiB,aAAA,CAACb,GAAG;IAACc,KAAK,EAAEZ,eAAe,CAACa;EAAM,GAAEH,MAAM,CAACJ,KAAW,CAAC;AAChE,CAAC;AAED,OAAO,MAAMQ,eAAe,GAAGA,CAAC;EAC9BC,KAAK;EACLF,KAAK;EACLG,OAAO;EACPJ,KAAK;EACLK,IAAI,EAAEC;AAOR,CAAC,KAAK;EACJ,MAAM;IAAEC,WAAW;IAAEC,YAAY,EAAEC;EAAa,CAAC,GAAGN,KAAK;EACzD,MAAMO,SAAS,GAAG9B,YAAY,CAAC,CAAC;EAChC,MAAM+B,gBAAgB,GAAG9B,mBAAmB,CAAC,CAAC;EAC9C,MAAM;IAAEwB,IAAI;IAAEO;EAAK,CAAC,GAAGzB,cAAc,CAAC,KAAK,EAAEgB,KAAK,CAACE,IAAI,EAAEC,QAAQ,CAAC;EAClE,MAAMO,cAAc,GAAGV,KAAK,CAACW,OAAO,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACf,KAAK,KAAKA,KAAK,CAAC;EACjE,MAAMgB,YAAY,GAAGR,YAAY,IAAIZ,mBAAmB;EACxD,oBACEf,KAAA,CAAAiB,aAAA,CAACd,IAAI;IAACe,KAAK,EAAE,CAACX,MAAM,CAACE,SAAS,EAAES,KAAK;EAAE,GACpC,CAACI,OAAO,iBACPtB,KAAA,CAAAiB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACX,MAAM,CAACK,KAAK,EAAEkB,IAAI,EAAE;MAAEM,KAAK,EAAEP;IAAiB,CAAC;EAAE,GAAEJ,WAAkB,CACpF,EACAM,cAAc,gBACb/B,KAAA,CAAAiB,aAAA,CAACkB,YAAY;IACXhB,KAAK,EAAEY,cAAc,CAACZ,KAAM;IAC5BH,MAAM,EAAEe,cAAe;IACvBH,SAAS,EAAEA,SAAU;IACrBS,UAAU,EAAE,IAAK;IACjBd,IAAI,EAAEA;EAAK,CACZ,CAAC,gBAEFvB,KAAA,CAAAiB,aAAA,CAACb,GAAG;IAACc,KAAK,EAAEZ,eAAe,CAACgC;EAAW,GAAC,MAAS,CAE/C,CAAC;AAEX,CAAC","ignoreList":[]}
+{"version":3,"names":["useColorMode","usePlaceholderColor","React","StyleSheet","Text","View","Txt","useInputStyles","inputViewStyles","styles","create","container","flexDirection","alignItems","backgroundColor","label","paddingRight","fontWeight","DefaultRenderOption","option","createElement","style","value","SelectFieldView","field","noLabel","size","sizeProp","inEditable","placeholder","renderOption","customRender","colorMode","placeholderColor","text","selectedOption","options","find","o","RenderOption","color","isSelected"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/select.tsx"],"mappings":"AACA,SAAsBA,YAAY,EAAEC,mBAAmB,QAAQ,gBAAgB;AAC/E,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,UAAU,EAAEC,IAAI,EAAEC,IAAI,QAAmB,cAAc;AAChE,SAASC,GAAG,QAAQ,YAAY;AAChC,SAASC,cAAc,QAAQ,+BAA+B;AAC9D,SAASC,eAAe,QAAQ,UAAU;AAE1C,MAAMC,MAAM,GAAGN,UAAU,CAACO,MAAM,CAAC;EAC/BC,SAAS,EAAE;IACTC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAE;EACnB,CAAC;EACDC,KAAK,EAAE;IACLC,YAAY,EAAE,EAAE;IAChBC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,mBAAmB,GAAGA,CAGjC;EACAC;AACsC,CAAC,KAAK;EAC5C,oBAAOjB,KAAA,CAAAkB,aAAA,CAACd,GAAG;IAACe,KAAK,EAAEb,eAAe,CAACc;EAAM,GAAEH,MAAM,CAACJ,KAAW,CAAC;AAChE,CAAC;AAED,OAAO,MAAMQ,eAAe,GAAGA,CAAC;EAC9BC,KAAK;EACLF,KAAK;EACLG,OAAO;EACPJ,KAAK;EACLK,IAAI,EAAEC,QAAQ;EACdC;AAQF,CAAC,KAAK;EACJ,MAAM;IAAEC,WAAW;IAAEC,YAAY,EAAEC;EAAa,CAAC,GAAGP,KAAK;EACzD,MAAMQ,SAAS,GAAGhC,YAAY,CAAC,CAAC;EAChC,MAAMiC,gBAAgB,GAAGhC,mBAAmB,CAAC,CAAC;EAC9C,MAAM;IAAEyB,IAAI;IAAEQ,IAAI;IAAEvB;EAAU,CAAC,GAAGJ,cAAc,CAACqB,UAAU,EAAEJ,KAAK,CAACE,IAAI,EAAEC,QAAQ,CAAC;EAClF,MAAMQ,cAAc,GAAGX,KAAK,CAACY,OAAO,CAACC,IAAI,CAACC,CAAC,IAAIA,CAAC,CAAChB,KAAK,KAAKA,KAAK,CAAC;EACjE,MAAMiB,YAAY,GAAGR,YAAY,IAAIb,mBAAmB;EACxD,oBACEhB,KAAA,CAAAkB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAE,CAACZ,MAAM,CAACE,SAAS,EAAEU,KAAK;EAAE,GACpC,CAACI,OAAO,iBACPvB,KAAA,CAAAkB,aAAA,CAAChB,IAAI;IAACiB,KAAK,EAAE,CAACZ,MAAM,CAACM,KAAK,EAAEmB,IAAI,EAAE;MAAEM,KAAK,EAAEP;IAAiB,CAAC;EAAE,GAAEJ,WAAkB,CACpF,EACAM,cAAc,gBACbjC,KAAA,CAAAkB,aAAA,CAACmB,YAAY;IACXjB,KAAK,EAAEa,cAAc,CAACb,KAAM;IAC5BH,MAAM,EAAEgB,cAAe;IACvBH,SAAS,EAAEA,SAAU;IACrBS,UAAU,EAAE,IAAK;IACjBf,IAAI,EAAEA;EAAK,CACZ,CAAC,gBAEFxB,KAAA,CAAAkB,aAAA,CAACf,IAAI;IAACgB,KAAK,EAAEV;EAAU,gBACrBT,KAAA,CAAAkB,aAAA,CAACd,GAAG;IAACe,KAAK,EAAE,CAACa,IAAI,EAAE;MAAEM,KAAK,EAAEP;IAAiB,CAAC;EAAE,GAAC,MAAS,CACtD,CAEJ,CAAC;AAEX,CAAC","ignoreList":[]}

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","inputViewStyles","create","label","paddingRight","opacity","fontWeight","value","valueEmpty"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,eAAe,GAAGD,UAAU,CAACE,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":["StyleSheet","inputViewStyles","create","label","paddingRight","opacity","fontWeight","value"],"sourceRoot":"..\\..\\..\\..\\..\\src","sources":["components/form/view/styles.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AAEzC,OAAO,MAAMC,eAAe,GAAGD,UAAU,CAACE,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/module/components/layout/CollapseHorizontal.js

@@ -0,0 +1,64 @@
+import React, { useCallback } from 'react';
+import { View } from 'react-native';
+import Animated, { useAnimatedStyle, useSharedValue, withSequence, withTiming } from 'react-native-reanimated';
+export const CollapseHorizontal = ({
+  children,
+  in: isIn,
+  duration = 200,
+  style
+}) => {
+  const contentWidth = useSharedValue(0);
+  const width = useSharedValue(0);
+  const opacity = useSharedValue(0);
+  const handleLayout = 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.useEffect(() => {
+    if (isIn) {
+      // Fade in: width first, then opacity
+      width.value = withTiming(contentWidth.value, {
+        duration
+      });
+      opacity.value = withSequence(withTiming(0, {
+        duration: 0
+      }),
+      // Reset opacity
+      withTiming(1, {
+        duration
+      }));
+    } else {
+      // Fade out: opacity first, then width
+      opacity.value = withTiming(0, {
+        duration
+      });
+      width.value = withSequence(withTiming(width.value, {
+        duration: 0
+      }),
+      // Ensure we start from current width
+      withTiming(0, {
+        duration
+      }));
+    }
+  }, [isIn, contentWidth.value, duration, width, opacity]);
+  const animatedStyle = useAnimatedStyle(() => ({
+    width: width.value,
+    opacity: opacity.value
+  }));
+  return /*#__PURE__*/React.createElement(Animated.View, {
+    style: [{
+      overflow: 'hidden',
+      pointerEvents: isIn ? 'auto' : 'none'
+    }, animatedStyle]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [{
+      position: 'absolute'
+    }, style],
+    onLayout: handleLayout
+  }, children));
+};
+//# sourceMappingURL=CollapseHorizontal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","View","Animated","useAnimatedStyle","useSharedValue","withSequence","withTiming","CollapseHorizontal","children","in","isIn","duration","style","contentWidth","width","opacity","handleLayout","event","value","nativeEvent","layout","useEffect","animatedStyle","createElement","overflow","pointerEvents","position","onLayout"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/layout/CollapseHorizontal.tsx"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAAuCC,IAAI,QAAmB,cAAc;AAC5E,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,cAAc,EACdC,YAAY,EACZC,UAAU,QACL,yBAAyB;AAEhC,OAAO,MAAMC,kBAAkB,GAAGA,CAAC;EACjCC,QAAQ;EACRC,EAAE,EAAEC,IAAI;EACRC,QAAQ,GAAG,GAAG;EACdC;AAMF,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAGT,cAAc,CAAC,CAAC,CAAC;EACtC,MAAMU,KAAK,GAAGV,cAAc,CAAC,CAAC,CAAC;EAC/B,MAAMW,OAAO,GAAGX,cAAc,CAAC,CAAC,CAAC;EAEjC,MAAMY,YAAY,GAAGhB,WAAW,CAC7BiB,KAAwB,IAAK;IAC5BJ,YAAY,CAACK,KAAK,GAAGD,KAAK,CAACE,WAAW,CAACC,MAAM,CAACN,KAAK;IACnD;IACA,IAAIJ,IAAI,IAAII,KAAK,CAACI,KAAK,KAAK,CAAC,EAAE;MAC7BJ,KAAK,CAACI,KAAK,GAAGL,YAAY,CAACK,KAAK;MAChCH,OAAO,CAACG,KAAK,GAAG,CAAC;IACnB;EACF,CAAC,EACD,CAACR,IAAI,EAAEG,YAAY,EAAEC,KAAK,EAAEC,OAAO,CACrC,CAAC;EAEDhB,KAAK,CAACsB,SAAS,CAAC,MAAM;IACpB,IAAIX,IAAI,EAAE;MACR;MACAI,KAAK,CAACI,KAAK,GAAGZ,UAAU,CAACO,YAAY,CAACK,KAAK,EAAE;QAC3CP;MACF,CAAC,CAAC;MACFI,OAAO,CAACG,KAAK,GAAGb,YAAY,CAC1BC,UAAU,CAAC,CAAC,EAAE;QAAEK,QAAQ,EAAE;MAAE,CAAC,CAAC;MAAE;MAChCL,UAAU,CAAC,CAAC,EAAE;QACZK;MACF,CAAC,CACH,CAAC;IACH,CAAC,MAAM;MACL;MACAI,OAAO,CAACG,KAAK,GAAGZ,UAAU,CAAC,CAAC,EAAE;QAC5BK;MACF,CAAC,CAAC;MACFG,KAAK,CAACI,KAAK,GAAGb,YAAY,CACxBC,UAAU,CAACQ,KAAK,CAACI,KAAK,EAAE;QAAEP,QAAQ,EAAE;MAAE,CAAC,CAAC;MAAE;MAC1CL,UAAU,CAAC,CAAC,EAAE;QACZK;MACF,CAAC,CACH,CAAC;IACH;EACF,CAAC,EAAE,CAACD,IAAI,EAAEG,YAAY,CAACK,KAAK,EAAEP,QAAQ,EAAEG,KAAK,EAAEC,OAAO,CAAC,CAAC;EAExD,MAAMO,aAAa,GAAGnB,gBAAgB,CAAC,OAAO;IAC5CW,KAAK,EAAEA,KAAK,CAACI,KAAK;IAClBH,OAAO,EAAEA,OAAO,CAACG;EACnB,CAAC,CAAC,CAAC;EAEH,oBACEnB,KAAA,CAAAwB,aAAA,CAACrB,QAAQ,CAACD,IAAI;IACZW,KAAK,EAAE,CACL;MACEY,QAAQ,EAAE,QAAQ;MAClBC,aAAa,EAAEf,IAAI,GAAG,MAAM,GAAG;IACjC,CAAC,EACDY,aAAa;EACb,gBACFvB,KAAA,CAAAwB,aAAA,CAACtB,IAAI;IAACW,KAAK,EAAE,CAAC;MAAEc,QAAQ,EAAE;IAAW,CAAC,EAAEd,KAAK,CAAE;IAACe,QAAQ,EAAEX;EAAa,GACpER,QACG,CACO,CAAC;AAEpB,CAAC","ignoreList":[]}