@impulse-ui-native/data-state 9.1.2 → 10.0.0

package/README.md

@@ -17,6 +17,12 @@ Complete the Reanimated and Worklets setup required by your React Native or Expo
 - `DataView` coordinates loading, error, empty, and successful-content states and renders the configured state copy and actions.
 - Public prop types describe each state view and its action footer.
 
+`EmptyView` and `ErrorView` always render their supplied children. Their only
+container-specific option is `contentContainerStyle`, which styles the inner
+content separately from the outer `style`. They accept native/themed View props
+and children; text, action, `variant`, `isEmpty`, and `error` props are not part
+of their API. Use `DataView` for automatic state selection and configured details.
+
 ## Usage
 
 ```tsx

package/dist/components/data-view.d.mts

@@ -1,11 +1,10 @@
 import * as react from 'react';
 import { PropsWithChildren } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { DataViewProps } from '../types/state-view.types.mjs';
 import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/primitives';
 
-declare const DataView: react.MemoExoticComponent<(props: PropsWithChildren<DataViewProps>) => react_jsx_runtime.JSX.Element>;
+declare const DataView: react.MemoExoticComponent<(props: PropsWithChildren<DataViewProps>) => react.JSX.Element>;
 
 export { DataView };

package/dist/components/empty-details.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { StateViewProps } from '../types/state-view.types.mjs';
 import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/primitives';
 
-declare const EmptyDetails: react.MemoExoticComponent<(props: StateViewProps) => react_jsx_runtime.JSX.Element>;
+declare const EmptyDetails: react.MemoExoticComponent<(props: StateViewProps) => react.JSX.Element>;
 
 export { EmptyDetails };

package/dist/components/empty-view.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { EmptyViewProps } from '../types/state-view.types.mjs';
 import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/primitives';
 
-declare const EmptyView: react.MemoExoticComponent<(props: EmptyViewProps) => react_jsx_runtime.JSX.Element>;
+declare const EmptyView: react.MemoExoticComponent<(props: EmptyViewProps) => react.JSX.Element>;
 
 export { EmptyView };

package/dist/components/empty-view.js

@@ -1,20 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { memo } from "react";
-import { View } from "@impulse-ui-native/primitives";
+import { StateViewContainer } from "./state-view-container";
 const EmptyView = memo(function EmptyView2(props) {
-  const {
-    variant,
-    text,
-    isEmpty,
-    onPressPrimaryAction,
-    primaryActionLabel,
-    onPressSecondaryAction,
-    secondaryActionLabel,
-    contentContainerStyle,
-    children,
-    ...rest
-  } = props;
-  return /* @__PURE__ */ jsx(View, { ...rest, children: /* @__PURE__ */ jsx(View, { style: contentContainerStyle, children }) });
+  return /* @__PURE__ */ jsx(StateViewContainer, { ...props });
 });
 export {
   EmptyView

package/dist/components/empty-view.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/empty-view.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { View } from \"@impulse-ui-native/primitives\";\n\nimport { EmptyViewProps } from \"../types\";\n\nexport const EmptyView = memo(function EmptyView(props: EmptyViewProps) {\n  const {\n    variant,\n    text,\n    isEmpty,\n    onPressPrimaryAction,\n    primaryActionLabel,\n    onPressSecondaryAction,\n    secondaryActionLabel,\n    contentContainerStyle,\n    children,\n    ...rest\n  } = props;\n\n  return (\n    <View {...rest}>\n      <View style={contentContainerStyle}>{children}</View>\n    </View>\n  );\n});\n"],"mappings":"AAsBM;AAtBN,SAAS,YAAY;AAErB,SAAS,YAAY;AAId,MAAM,YAAY,KAAK,SAASA,WAAU,OAAuB;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,SACE,oBAAC,QAAM,GAAG,MACR,8BAAC,QAAK,OAAO,uBAAwB,UAAS,GAChD;AAEJ,CAAC;","names":["EmptyView"]}
+{"version":3,"sources":["../../src/components/empty-view.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport type { EmptyViewProps } from \"../types\";\nimport { StateViewContainer } from \"./state-view-container\";\n\nexport const EmptyView = memo(function EmptyView(props: EmptyViewProps) {\n  return <StateViewContainer {...props} />;\n});\n"],"mappings":"AAMS;AANT,SAAS,YAAY;AAGrB,SAAS,0BAA0B;AAE5B,MAAM,YAAY,KAAK,SAASA,WAAU,OAAuB;AACtE,SAAO,oBAAC,sBAAoB,GAAG,OAAO;AACxC,CAAC;","names":["EmptyView"]}

package/dist/components/error-details.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { StateViewProps } from '../types/state-view.types.mjs';
 import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/primitives';
 
-declare const ErrorDetails: react.MemoExoticComponent<(props: StateViewProps) => react_jsx_runtime.JSX.Element>;
+declare const ErrorDetails: react.MemoExoticComponent<(props: StateViewProps) => react.JSX.Element>;
 
 export { ErrorDetails };

package/dist/components/error-view.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ErrorViewProps } from '../types/state-view.types.mjs';
 import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/primitives';
 
-declare const ErrorView: react.MemoExoticComponent<(props: ErrorViewProps) => react_jsx_runtime.JSX.Element>;
+declare const ErrorView: react.MemoExoticComponent<(props: ErrorViewProps) => react.JSX.Element>;
 
 export { ErrorView };

package/dist/components/error-view.js

@@ -1,20 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { memo } from "react";
-import { View } from "@impulse-ui-native/primitives";
+import { StateViewContainer } from "./state-view-container";
 const ErrorView = memo(function ErrorView2(props) {
-  const {
-    variant,
-    text,
-    error,
-    onPressPrimaryAction,
-    onPressSecondaryAction,
-    primaryActionLabel,
-    secondaryActionLabel,
-    contentContainerStyle,
-    children,
-    ...rest
-  } = props;
-  return /* @__PURE__ */ jsx(View, { ...rest, children: /* @__PURE__ */ jsx(View, { style: contentContainerStyle, children }) });
+  return /* @__PURE__ */ jsx(StateViewContainer, { ...props });
 });
 export {
   ErrorView

package/dist/components/error-view.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/error-view.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { View } from \"@impulse-ui-native/primitives\";\n\nimport { ErrorViewProps } from \"../types\";\n\nexport const ErrorView = memo(function ErrorView(props: ErrorViewProps) {\n  const {\n    variant,\n    text,\n    error,\n    onPressPrimaryAction,\n    onPressSecondaryAction,\n    primaryActionLabel,\n    secondaryActionLabel,\n    contentContainerStyle,\n    children,\n    ...rest\n  } = props;\n\n  return (\n    <View {...rest}>\n      <View style={contentContainerStyle}>{children}</View>\n    </View>\n  );\n});\n"],"mappings":"AAsBM;AAtBN,SAAS,YAAY;AAErB,SAAS,YAAY;AAId,MAAM,YAAY,KAAK,SAASA,WAAU,OAAuB;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AAEJ,SACE,oBAAC,QAAM,GAAG,MACR,8BAAC,QAAK,OAAO,uBAAwB,UAAS,GAChD;AAEJ,CAAC;","names":["ErrorView"]}
+{"version":3,"sources":["../../src/components/error-view.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport type { ErrorViewProps } from \"../types\";\nimport { StateViewContainer } from \"./state-view-container\";\n\nexport const ErrorView = memo(function ErrorView(props: ErrorViewProps) {\n  return <StateViewContainer {...props} />;\n});\n"],"mappings":"AAMS;AANT,SAAS,YAAY;AAGrB,SAAS,0BAA0B;AAE5B,MAAM,YAAY,KAAK,SAASA,WAAU,OAAuB;AACtE,SAAO,oBAAC,sBAAoB,GAAG,OAAO;AACxC,CAAC;","names":["ErrorView"]}

package/dist/components/index.d.mts

@@ -4,7 +4,6 @@ export { LoadingView } from './loading-view.mjs';
 export { DataView } from './data-view.mjs';
 import '../types/state-view.types.mjs';
 import 'react';
-import 'react/jsx-runtime';
 import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/primitives';

package/dist/components/loading-view.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { LoadingViewProps } from '../types/state-view.types.mjs';
 import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/primitives';
 
-declare const LoadingView: react.MemoExoticComponent<(props: LoadingViewProps) => react_jsx_runtime.JSX.Element>;
+declare const LoadingView: react.MemoExoticComponent<(props: LoadingViewProps) => react.JSX.Element>;
 
 export { LoadingView };

package/dist/components/state-actions-footer.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { StateActionsFooterProps } from '../types/state-view.types.mjs';
 import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/primitives';
 
-declare const StateActionsFooter: react.MemoExoticComponent<(props: StateActionsFooterProps) => react_jsx_runtime.JSX.Element>;
+declare const StateActionsFooter: react.MemoExoticComponent<(props: StateActionsFooterProps) => react.JSX.Element>;
 
 export { StateActionsFooter };

package/dist/components/state-view-container.d.mts

@@ -0,0 +1,9 @@
+import * as react from 'react';
+import { StateContainerProps } from '../types/state-view.types.mjs';
+import 'react-native';
+import '@impulse-ui-native/icon/types';
+import '@impulse-ui-native/primitives';
+
+declare const StateViewContainer: react.MemoExoticComponent<({ children, contentContainerStyle, ...props }: StateContainerProps) => react.JSX.Element>;
+
+export { StateViewContainer };

package/dist/components/state-view-container.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { memo } from "react";
+import { View } from "@impulse-ui-native/primitives";
+const StateViewContainer = memo(function StateViewContainer2({
+  children,
+  contentContainerStyle,
+  ...props
+}) {
+  return /* @__PURE__ */ jsx(View, { ...props, children: /* @__PURE__ */ jsx(View, { style: contentContainerStyle, children }) });
+});
+export {
+  StateViewContainer
+};
+//# sourceMappingURL=state-view-container.js.map

package/dist/components/state-view-container.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/state-view-container.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { View } from \"@impulse-ui-native/primitives\";\n\nimport type { StateContainerProps } from \"../types\";\n\nexport const StateViewContainer = memo(function StateViewContainer({\n  children,\n  contentContainerStyle,\n  ...props\n}: StateContainerProps) {\n  return (\n    <View {...props}>\n      <View style={contentContainerStyle}>{children}</View>\n    </View>\n  );\n});\n"],"mappings":"AAaM;AAbN,SAAS,YAAY;AAErB,SAAS,YAAY;AAId,MAAM,qBAAqB,KAAK,SAASA,oBAAmB;AAAA,EACjE;AAAA,EACA;AAAA,EACA,GAAG;AACL,GAAwB;AACtB,SACE,oBAAC,QAAM,GAAG,OACR,8BAAC,QAAK,OAAO,uBAAwB,UAAS,GAChD;AAEJ,CAAC;","names":["StateViewContainer"]}

package/dist/index.d.mts

@@ -2,9 +2,8 @@ export { ErrorView } from './components/error-view.mjs';
 export { EmptyView } from './components/empty-view.mjs';
 export { LoadingView } from './components/loading-view.mjs';
 export { DataView } from './components/data-view.mjs';
-export { DataViewProps, EmptyViewProps, ErrorViewProps, LoadingViewProps, StateActionsFooterProps, StateViewProps } from './types/state-view.types.mjs';
+export { DataViewProps, EmptyViewProps, ErrorViewProps, LoadingViewProps, StateActionsFooterProps, StateContainerProps, StateViewProps } from './types/state-view.types.mjs';
 import 'react';
-import 'react/jsx-runtime';
 import 'react-native';
 import '@impulse-ui-native/icon/types';
 import '@impulse-ui-native/primitives';

package/dist/types/index.d.mts

@@ -1,4 +1,4 @@
-export { DataViewProps, EmptyViewProps, ErrorViewProps, LoadingViewProps, StateActionsFooterProps, StateViewProps } from './state-view.types.mjs';
+export { DataViewProps, EmptyViewProps, ErrorViewProps, LoadingViewProps, StateActionsFooterProps, StateContainerProps, StateViewProps } from './state-view.types.mjs';
 import 'react';
 import 'react-native';
 import '@impulse-ui-native/icon/types';

package/dist/types/state-view.types.d.mts

@@ -1,5 +1,5 @@
 import { ComponentType } from 'react';
-import { PressableProps, ViewStyle } from 'react-native';
+import { ViewStyle, PressableProps } from 'react-native';
 import { IconProps } from '@impulse-ui-native/icon/types';
 import { ViewProps } from '@impulse-ui-native/primitives';
 
@@ -14,20 +14,19 @@ interface StateViewProps extends StateActionsFooterProps, ViewProps {
     variant?: IconProps["variant"];
     contentContainerStyle?: ViewStyle;
 }
-interface EmptyViewProps extends StateViewProps {
-    isEmpty: boolean;
-}
-interface ErrorViewProps extends StateViewProps {
-    error: Error | null;
+interface StateContainerProps extends ViewProps {
+    contentContainerStyle?: ViewStyle;
 }
+type EmptyViewProps = StateContainerProps;
+type ErrorViewProps = StateContainerProps;
 interface LoadingViewProps extends ViewProps {
     loading: boolean;
     LoadingComponent: ComponentType;
     contentContainerStyle?: ViewStyle;
 }
 interface DataViewProps extends ViewProps {
-    error: ErrorViewProps["error"];
-    isEmpty: EmptyViewProps["isEmpty"];
+    error: Error | null;
+    isEmpty: boolean;
     LoadingComponent: ComponentType;
     loading: LoadingViewProps["loading"];
     contentContainerStyle?: ViewStyle;
@@ -35,4 +34,4 @@ interface DataViewProps extends ViewProps {
     emptyViewProps: StateViewProps;
 }
 
-export type { DataViewProps, EmptyViewProps, ErrorViewProps, LoadingViewProps, StateActionsFooterProps, StateViewProps };
+export type { DataViewProps, EmptyViewProps, ErrorViewProps, LoadingViewProps, StateActionsFooterProps, StateContainerProps, StateViewProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/data-state",
-  "version": "9.1.2",
+  "version": "10.0.0",
   "description": "Loading, empty, and error state components for ImpulseUI Native applications.",
   "keywords": [
     "react-native",
@@ -28,23 +28,23 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@impulse-ui-native/theme": "9.1.2",
-    "@impulse-ui-native/primitives": "9.1.2",
-    "@impulse-ui-native/core": "9.1.2",
-    "@impulse-ui-native/icon": "9.1.2",
-    "@impulse-ui-native/skeleton": "9.1.2"
+    "@impulse-ui-native/core": "10.0.0",
+    "@impulse-ui-native/skeleton": "10.0.0",
+    "@impulse-ui-native/icon": "10.0.0",
+    "@impulse-ui-native/theme": "10.0.0",
+    "@impulse-ui-native/primitives": "10.0.0"
   },
   "devDependencies": {
-    "@types/react": "~19.2.14",
+    "@types/react": "~19.3.0",
     "eslint": "^9.38.0",
     "prettier": "^3.6.2",
-    "react": "19.2.3",
-    "react-native": "0.86.2",
-    "react-native-reanimated": "4.5.1",
-    "react-native-worklets": "0.10.1",
+    "react": "19.3.0",
+    "react-native": "0.88.0",
+    "react-native-reanimated": "4.7.1",
+    "react-native-worklets": "0.13.0",
     "typescript": "~6.0.3",
-    "@impulse-ui-native/eslint-config": "1.0.0",
     "@impulse-ui-native/prettier-config": "1.0.0",
+    "@impulse-ui-native/eslint-config": "1.0.0",
     "@impulse-ui-native/tsconfig": "1.0.0"
   },
   "peerDependencies": {