@sincpro/mobile-ui 0.1.2

package/lib/module/views/FormViewV2.js

@@ -0,0 +1,220 @@
+"use strict";
+
+import React from "react";
+import { RefreshControl, View } from "react-native";
+import { KeyboardAwareScrollView } from "react-native-keyboard-controller";
+import { ErrorBoundary, Feedback } from "../Feedback/index.js";
+import Container from "../layouts/Container.js";
+import { theme } from "../theme/index.js";
+import ScreenHeader, { EVariantScreenHeader } from "../widgets/ScreenHeader.js";
+import { FormViewProvider, useFormView } from "./FormViewV2.context.js";
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+function FormViewRoot({
+  name,
+  description,
+  item,
+  isLoading = false,
+  isEmpty = false,
+  hasError = false,
+  errorMessage,
+  readonly = false,
+  onRefresh,
+  onRetry,
+  onBack,
+  withContainer = true,
+  children
+}) {
+  const Wrapper = withContainer ? Container : View;
+  const wrapperProps = withContainer ? {} : {
+    style: {
+      flex: 1
+    }
+  };
+  return /*#__PURE__*/_jsx(FormViewProvider, {
+    description: description,
+    errorMessage: errorMessage,
+    hasError: hasError,
+    isEmpty: isEmpty,
+    isLoading: isLoading,
+    item: item,
+    name: name,
+    onBack: onBack,
+    onRefresh: onRefresh,
+    onRetry: onRetry,
+    readonly: readonly,
+    children: /*#__PURE__*/_jsx(ErrorBoundary, {
+      children: /*#__PURE__*/_jsx(Wrapper, {
+        ...wrapperProps,
+        children: children
+      })
+    })
+  });
+}
+function Header({
+  variant = EVariantScreenHeader.FLAT_HEADER,
+  children
+}) {
+  const {
+    name,
+    description,
+    onBack
+  } = useFormView();
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: /*#__PURE__*/_jsx(ScreenHeader, {
+      onBack: onBack,
+      subtitle: description ? description : `Seleccionar ${name}`,
+      title: name,
+      variant: variant,
+      children: children
+    })
+  });
+}
+function HeaderActions({
+  children
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    className: "flex-row px-4 my-4 items-center justify-between flex-1 gap-2",
+    children: children
+  });
+}
+function HeaderActionsBar({
+  children
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    className: "bg-bg-card px-4 py-3 border-b border-border-default flex-row gap-2",
+    children: children
+  });
+}
+function Content({
+  withMargin = false,
+  children
+}) {
+  const {
+    name,
+    isLoading,
+    isEmpty,
+    hasError,
+    errorMessage,
+    item,
+    onRefresh,
+    onRetry,
+    onBack,
+    showRefreshing,
+    setShowRefreshing
+  } = useFormView();
+  const handleRefresh = React.useCallback(async () => {
+    setShowRefreshing(true);
+    if (onRefresh) {
+      await onRefresh();
+    }
+    setShowRefreshing(false);
+  }, [onRefresh, setShowRefreshing]);
+  const isCenteredContent = isLoading || isEmpty || !item || hasError;
+  return /*#__PURE__*/_jsx(KeyboardAwareScrollView, {
+    bottomOffset: 20,
+    contentContainerStyle: {
+      flexGrow: 1,
+      justifyContent: isCenteredContent ? "center" : "flex-start",
+      alignItems: isCenteredContent ? "center" : "stretch"
+    },
+    keyboardShouldPersistTaps: "handled",
+    refreshControl: /*#__PURE__*/_jsx(RefreshControl, {
+      colors: [theme.primary],
+      onRefresh: handleRefresh,
+      refreshing: showRefreshing
+    }),
+    style: {
+      flex: 1
+    },
+    children: isCenteredContent ? /*#__PURE__*/_jsx(_Fragment, {
+      children: isLoading ? /*#__PURE__*/_jsx(Feedback.Loading, {
+        message: `Cargando ${name}...`
+      }) : hasError ? /*#__PURE__*/_jsx(Feedback.Error, {
+        message: errorMessage,
+        onBack: onBack,
+        onRetry: onRetry
+      }) : /*#__PURE__*/_jsx(Feedback.Empty, {})
+    }) : /*#__PURE__*/_jsx(View, {
+      style: withMargin ? {
+        paddingHorizontal: 16
+      } : undefined,
+      children: children
+    })
+  });
+}
+function Form({
+  children
+}) {
+  const {
+    isEmpty,
+    item
+  } = useFormView();
+  if (isEmpty || !item) {
+    return /*#__PURE__*/_jsx(Feedback.Empty, {});
+  }
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+}
+function Groups({
+  children
+}) {
+  const {
+    isEmpty
+  } = useFormView();
+  if (isEmpty) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(_Fragment, {
+    children: children
+  });
+}
+function Group({
+  children,
+  withMargin = true,
+  elevation = "md"
+}) {
+  const groupClass = withMargin ? "bg-bg-card mx-4 my-1 p-1 rounded-lg border border-border-light" : "bg-bg-card p-1 rounded-lg border border-border-light";
+  return /*#__PURE__*/_jsx(View, {
+    className: groupClass,
+    style: theme.shadow[elevation],
+    children: children
+  });
+}
+function Footer({
+  children
+}) {
+  const {
+    isEmpty,
+    isLoading
+  } = useFormView();
+  if (isEmpty || isLoading) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(View, {
+    className: "bg-bg-card px-4 py-3 border-t border-border-default",
+    style: theme.shadow.sm,
+    children: children
+  });
+}
+
+// Nested Header components
+const HeaderWithSubComponents = Object.assign(Header, {
+  Actions: HeaderActions,
+  ActionsBar: HeaderActionsBar
+});
+
+// Nested Content components
+const ContentWithSubComponents = Object.assign(Content, {
+  Form,
+  Groups,
+  Group
+});
+export const FormViewV2 = {
+  Root: FormViewRoot,
+  Header: HeaderWithSubComponents,
+  Content: ContentWithSubComponents,
+  Footer
+};
+export default FormViewV2;
+//# sourceMappingURL=FormViewV2.js.map

package/lib/module/views/FormViewV2.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","RefreshControl","View","KeyboardAwareScrollView","ErrorBoundary","Feedback","Container","theme","ScreenHeader","EVariantScreenHeader","FormViewProvider","useFormView","jsx","_jsx","Fragment","_Fragment","FormViewRoot","name","description","item","isLoading","isEmpty","hasError","errorMessage","readonly","onRefresh","onRetry","onBack","withContainer","children","Wrapper","wrapperProps","style","flex","Header","variant","FLAT_HEADER","subtitle","title","HeaderActions","className","HeaderActionsBar","Content","withMargin","showRefreshing","setShowRefreshing","handleRefresh","useCallback","isCenteredContent","bottomOffset","contentContainerStyle","flexGrow","justifyContent","alignItems","keyboardShouldPersistTaps","refreshControl","colors","primary","refreshing","Loading","message","Error","Empty","paddingHorizontal","undefined","Form","Groups","Group","elevation","groupClass","shadow","Footer","sm","HeaderWithSubComponents","Object","assign","Actions","ActionsBar","ContentWithSubComponents","FormViewV2","Root"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["views/FormViewV2.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/views/ListViewV2.context.js

@@ -0,0 +1,51 @@
+"use strict";
+
+import { createContext, useContext, useState } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Context = /*#__PURE__*/createContext(null);
+export function ListViewProvider({
+  name,
+  description,
+  items,
+  isLoading = false,
+  hasError = false,
+  errorMessage,
+  readonly = false,
+  onRefresh,
+  onRetry,
+  onPressItem,
+  onDeleteItem,
+  onSearch,
+  onBack,
+  children
+}) {
+  const [showRefreshing, setShowRefreshing] = useState(false);
+  return /*#__PURE__*/_jsx(Context.Provider, {
+    value: {
+      name,
+      description,
+      items,
+      isLoading,
+      hasError,
+      errorMessage,
+      readonly,
+      showRefreshing,
+      setShowRefreshing,
+      onRefresh,
+      onRetry,
+      onPressItem,
+      onDeleteItem,
+      onSearch,
+      onBack
+    },
+    children: children
+  });
+}
+export function useListView() {
+  const context = useContext(Context);
+  if (!context) {
+    throw new Error("useListView must be used within ListViewV2");
+  }
+  return context;
+}
+//# sourceMappingURL=ListViewV2.context.js.map

package/lib/module/views/ListViewV2.context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","useState","jsx","_jsx","Context","ListViewProvider","name","description","items","isLoading","hasError","errorMessage","readonly","onRefresh","onRetry","onPressItem","onDeleteItem","onSearch","onBack","children","showRefreshing","setShowRefreshing","Provider","value","useListView","context","Error"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["views/ListViewV2.context.tsx"],"mappings":";;AAAA,SAASA,aAAa,EAAaC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAoBvE,MAAMC,OAAO,gBAAGL,aAAa,CAAmC,IAAI,CAAC;AAErE,OAAO,SAASM,gBAAgBA,CAAI;EAClCC,IAAI;EACJC,WAAW;EACXC,KAAK;EACLC,SAAS,GAAG,KAAK;EACjBC,QAAQ,GAAG,KAAK;EAChBC,YAAY;EACZC,QAAQ,GAAG,KAAK;EAChBC,SAAS;EACTC,OAAO;EACPC,WAAW;EACXC,YAAY;EACZC,QAAQ;EACRC,MAAM;EACNC;AAgBF,CAAC,EAAE;EACD,MAAM,CAACC,cAAc,EAAEC,iBAAiB,CAAC,GAAGpB,QAAQ,CAAC,KAAK,CAAC;EAE3D,oBACEE,IAAA,CAACC,OAAO,CAACkB,QAAQ;IACfC,KAAK,EAAE;MACLjB,IAAI;MACJC,WAAW;MACXC,KAAK;MACLC,SAAS;MACTC,QAAQ;MACRC,YAAY;MACZC,QAAQ;MACRQ,cAAc;MACdC,iBAAiB;MACjBR,SAAS;MACTC,OAAO;MACPC,WAAW;MACXC,YAAY;MACZC,QAAQ;MACRC;IACF,CAAE;IAAAC,QAAA,EAEDA;EAAQ,CACO,CAAC;AAEvB;AAEA,OAAO,SAASK,WAAWA,CAAA,EAAM;EAC/B,MAAMC,OAAO,GAAGzB,UAAU,CAACI,OAAO,CAAC;EACnC,IAAI,CAACqB,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,4CAA4C,CAAC;EAC/D;EACA,OAAOD,OAAO;AAChB","ignoreList":[]}