react-native-pro-accordion 1.0.1

package/README.md

@@ -0,0 +1,476 @@
+# react-native-pro-accordion
+
+**A feature-rich React Native accordion component with advanced animations, full accessibility, and a powerful theme system.**
+
+---
+
+## ✨ Features
+
+| Category          | Features                                                                                                                                        |
+| ----------------- | ----------------------------------------------------------------------------------------------------------------------------------------------- |
+| **Core**          | Single & Multiple expansion modes, Controlled & Uncontrolled state, Default expanded items, Expand/Collapse all, Disabled items, Read-only mode |
+| **Animation**     | Spring & Timing animations, Custom duration & easing, Animated icons, Smooth height detection                                                   |
+| **UI**            | Custom headers & content, Left/Right icon positioning, Item separators, Nested accordions, Per-item style overrides                             |
+| **Theme**         | Light/Dark mode, Custom theme object, Global ThemeProvider                                                                                      |
+| **Performance**   | Memoized components, Lazy rendering, Optimized via Reanimated v3                                                                                |
+| **Accessibility** | VoiceOver & TalkBack, Keyboard navigation, ARIA labels, Focus management                                                                        |
+| **DX**            | Full TypeScript support, Ref methods, Event callbacks, JSDoc comments                                                                           |
+
+---
+
+## 📦 Installation
+
+Install directly from the local package (update the path to match your project structure):
+
+```bash
+# npm
+npm install react-native-pro-accordion
+
+# yarn
+yarn add react-native-pro-accordion
+```
+
+> **Note:** This package uses [Reanimated v3](https://docs.swmansion.com/react-native-reanimated/). Make sure it is installed and configured in your project before using this library.
+
+---
+
+## 🚀 Quick Start
+
+```jsx
+import React from "react";
+import { View, Text } from "react-native";
+import { Accordion, AccordionItem } from "react-native-pro-accordion";
+
+export default function App() {
+  return (
+    <Accordion mode="multiple" defaultValue={["item1"]}>
+      <AccordionItem value="item1" header={<Text>Section 1</Text>}>
+        <Text>Content for section 1</Text>
+      </AccordionItem>
+
+      <AccordionItem value="item2" header={<Text>Section 2</Text>}>
+        <Text>Content for section 2</Text>
+      </AccordionItem>
+    </Accordion>
+  );
+}
+```
+
+---
+
+## 📚 API Reference
+
+### Accordion Props
+
+| Prop                 | Type                                                              | Default                             | Description                                                  |
+| -------------------- | ----------------------------------------------------------------- | ----------------------------------- | ------------------------------------------------------------ |
+| `children`           | `ReactNode`                                                       | **Required**                        | `AccordionItem` components                                   |
+| `mode`               | `'single' \| 'multiple'`                                          | `'single'`                          | Controls whether one or many items can be expanded at a time |
+| `value`              | `string[]`                                                        | `undefined`                         | Controlled list of expanded item values                      |
+| `defaultValue`       | `string[]`                                                        | `[]`                                | Initially expanded items (uncontrolled mode)                 |
+| `onChange`           | `(values: string[]) => void`                                      | `undefined`                         | Fires when the expanded state changes                        |
+| `readOnly`           | `boolean`                                                         | `false`                             | Disables all user interactions                               |
+| `animation`          | `AnimationConfig`                                                 | `{ type: 'timing', duration: 300 }` | Animation configuration                                      |
+| `renderIcon`         | `(props: { expanded: boolean, disabled?: boolean }) => ReactNode` | `undefined`                         | Custom icon renderer                                         |
+| `iconPosition`       | `'left' \| 'right'`                                               | `'right'`                           | Position of the expand/collapse icon                         |
+| `showSeparators`     | `boolean`                                                         | `false`                             | Render separators between items                              |
+| `separatorComponent` | `ReactNode`                                                       | `undefined`                         | Custom separator component                                   |
+| `separatorStyle`     | `ViewStyle`                                                       | `undefined`                         | Style applied to the default separator                       |
+| `lazyRender`         | `boolean`                                                         | `false`                             | Only render item content when first expanded                 |
+| `darkMode`           | `boolean`                                                         | `false`                             | Enable the built-in dark theme                               |
+| `theme`              | `Partial<AccordionTheme>`                                         | `undefined`                         | Custom theme object                                          |
+| `onOpen`             | `(value: string, data?: any) => void`                             | `undefined`                         | Called when an item opens                                    |
+| `onClose`            | `(value: string, data?: any) => void`                             | `undefined`                         | Called when an item closes                                   |
+| `onToggle`           | `(value: string, expanded: boolean, data?: any) => void`          | `undefined`                         | Called when an item toggles                                  |
+| `onAnimationStart`   | `(value: string, expanded: boolean) => void`                      | `undefined`                         | Called when an animation begins                              |
+| `onAnimationEnd`     | `(value: string, expanded: boolean) => void`                      | `undefined`                         | Called when an animation completes                           |
+| `onStateChange`      | `(expandedValues: string[]) => void`                              | `undefined`                         | Called whenever expanded state changes                       |
+
+---
+
+### AccordionItem Props
+
+| Prop           | Type                                                                           | Default      | Description                                      |
+| -------------- | ------------------------------------------------------------------------------ | ------------ | ------------------------------------------------ |
+| `value`        | `string`                                                                       | **Required** | Unique identifier for this item                  |
+| `header`       | `ReactNode \| (props: { expanded: boolean, disabled?: boolean }) => ReactNode` | **Required** | Header content or render function                |
+| `children`     | `ReactNode \| (props: { expanded: boolean }) => ReactNode`                     | **Required** | Expanded content or render function              |
+| `disabled`     | `boolean`                                                                      | `false`      | Prevents this item from being toggled            |
+| `style`        | `ViewStyle`                                                                    | `undefined`  | Style for the item container                     |
+| `headerStyle`  | `ViewStyle`                                                                    | `undefined`  | Style for the header wrapper                     |
+| `contentStyle` | `ViewStyle`                                                                    | `undefined`  | Style for the content wrapper                    |
+| `data`         | `any`                                                                          | `undefined`  | Arbitrary data passed through to event callbacks |
+
+---
+
+### Accordion Ref Methods
+
+Attach a ref to `<Accordion>` for programmatic control:
+
+```jsx
+const accordionRef = useRef(null);
+
+// Open a specific item
+accordionRef.current?.open("itemId");
+
+// Close a specific item
+accordionRef.current?.close("itemId");
+
+// Toggle a specific item
+accordionRef.current?.toggle("itemId");
+
+// Expand all items
+accordionRef.current?.expandAll();
+
+// Collapse all items
+accordionRef.current?.collapseAll();
+
+// Toggle all items
+accordionRef.current?.toggleAll();
+
+// Returns an array of currently expanded item values
+accordionRef.current?.getExpandedItems();
+```
+
+---
+
+### Animation Configuration
+
+#### Timing Animation
+
+```js
+{
+  type: 'timing',
+  duration: 300,           // Duration in milliseconds
+  easing: (value) => value // Optional custom easing function
+}
+```
+
+#### Spring Animation
+
+```js
+{
+  type: 'spring',
+  damping: 10,                       // Default: 10
+  mass: 1,                           // Default: 1
+  stiffness: 100,                    // Default: 100
+  overshootClamping: false,
+  restSpeedThreshold: 0.01,
+  restDisplacementThreshold: 0.01,
+}
+```
+
+---
+
+### Theme Configuration
+
+```js
+const customTheme = {
+  colors: {
+    background: "#FFFFFF",
+    surface: "#F5F5F5",
+    primary: "#2196F3",
+    text: "#000000",
+    textSecondary: "#666666",
+    border: "#E0E0E0",
+    disabled: "#BDBDBD",
+    icon: "#666666",
+  },
+  spacing: {
+    xs: 4,
+    sm: 8,
+    md: 16,
+    lg: 24,
+    xl: 32,
+  },
+  typography: {
+    header: {
+      fontSize: 16,
+      fontWeight: "500",
+    },
+    content: {
+      fontSize: 14,
+      lineHeight: 20,
+    },
+  },
+  borderRadius: {
+    sm: 4,
+    md: 8,
+    lg: 12,
+  },
+};
+```
+
+---
+
+## 💡 Examples
+
+### Basic Usage
+
+```jsx
+import { Accordion, AccordionItem } from "react-native-pro-accordion";
+
+<Accordion mode="single">
+  <AccordionItem value="item1" header={<Text>Title 1</Text>}>
+    <Text>Content 1</Text>
+  </AccordionItem>
+  <AccordionItem value="item2" header={<Text>Title 2</Text>}>
+    <Text>Content 2</Text>
+  </AccordionItem>
+</Accordion>;
+```
+
+---
+
+### Custom Header & Content
+
+Use render functions to access the `expanded` state inside your header or content:
+
+```jsx
+<AccordionItem
+  value="custom"
+  header={({ expanded }) => (
+    <View style={{ flexDirection: "row", justifyContent: "space-between" }}>
+      <Text style={{ fontWeight: expanded ? "bold" : "normal" }}>
+        Custom Header
+      </Text>
+      <Text>{expanded ? "▼" : "▶"}</Text>
+    </View>
+  )}
+>
+  {({ expanded }) => <Text>Content is {expanded ? "visible" : "hidden"}</Text>}
+</AccordionItem>
+```
+
+---
+
+### Controlled Mode
+
+Manage expanded state from outside the component:
+
+```jsx
+const [expandedItems, setExpandedItems] = useState(["item1"]);
+
+<Accordion value={expandedItems} onChange={setExpandedItems} mode="multiple">
+  <AccordionItem value="item1" header={<Text>Item 1</Text>}>
+    <Text>Content 1</Text>
+  </AccordionItem>
+  <AccordionItem value="item2" header={<Text>Item 2</Text>}>
+    <Text>Content 2</Text>
+  </AccordionItem>
+</Accordion>;
+```
+
+---
+
+### Programmatic Control via Ref
+
+```jsx
+const accordionRef = useRef(null);
+
+return (
+  <>
+    <Button
+      title="Expand All"
+      onPress={() => accordionRef.current?.expandAll()}
+    />
+    <Button
+      title="Collapse All"
+      onPress={() => accordionRef.current?.collapseAll()}
+    />
+
+    <Accordion ref={accordionRef} mode="multiple">
+      {/* Items here */}
+    </Accordion>
+  </>
+);
+```
+
+---
+
+### Event Callbacks
+
+```jsx
+<Accordion
+  onOpen={(value, data) => console.log("Opened:", value, data)}
+  onClose={(value, data) => console.log("Closed:", value, data)}
+  onToggle={(value, expanded, data) => console.log("Toggled:", value, expanded)}
+>
+  <AccordionItem value="item1" header={<Text>Item 1</Text>} data={{ id: 1 }}>
+    <Text>Content 1</Text>
+  </AccordionItem>
+</Accordion>
+```
+
+---
+
+### Nested Accordions
+
+```jsx
+<AccordionItem value="parent" header={<Text>Parent</Text>}>
+  <Accordion mode="single">
+    <AccordionItem value="child1" header={<Text>Child 1</Text>}>
+      <Text>Child content 1</Text>
+    </AccordionItem>
+    <AccordionItem value="child2" header={<Text>Child 2</Text>}>
+      <Text>Child content 2</Text>
+    </AccordionItem>
+  </Accordion>
+</AccordionItem>
+```
+
+---
+
+### Custom Styling
+
+```jsx
+<AccordionItem
+  value="styled"
+  header={<Text>Styled Item</Text>}
+  style={styles.customItem}
+  headerStyle={styles.customHeader}
+  contentStyle={styles.customContent}
+>
+  <Text>Custom styled content</Text>
+</AccordionItem>;
+
+const styles = StyleSheet.create({
+  customItem: {
+    marginVertical: 8,
+    borderRadius: 12,
+  },
+  customHeader: {
+    backgroundColor: "#667eea",
+    padding: 16,
+  },
+  customContent: {
+    backgroundColor: "#f0f0ff",
+    padding: 20,
+  },
+});
+```
+
+---
+
+### Custom Animations
+
+```jsx
+// Spring animation
+<Accordion animation={{ type: 'spring', damping: 8, stiffness: 120 }}>
+
+// Timing animation with custom duration
+<Accordion animation={{ type: 'timing', duration: 500 }}>
+
+// Custom easing (quadratic)
+<Accordion animation={{
+  type: 'timing',
+  duration: 400,
+  easing: (value) => Math.pow(value, 2)
+}}>
+```
+
+---
+
+### Lazy Rendering
+
+Improves performance for items with heavy content by deferring rendering until the item is first opened:
+
+```jsx
+<Accordion lazyRender>
+  <AccordionItem value="lazy" header={<Text>Lazy Loaded</Text>}>
+    <HeavyComponent /> {/* Only renders when expanded */}
+  </AccordionItem>
+</Accordion>
+```
+
+---
+
+### Read-only Mode
+
+```jsx
+<Accordion readOnly>
+  <AccordionItem value="ro" header={<Text>Read-only Item</Text>}>
+    <Text>Cannot be toggled by the user.</Text>
+  </AccordionItem>
+</Accordion>
+```
+
+---
+
+### Disabled Items
+
+```jsx
+<AccordionItem value="disabled" header={<Text>Disabled Item</Text>} disabled>
+  <Text>This content will never show.</Text>
+</AccordionItem>
+```
+
+---
+
+## 🌗 Theme System
+
+### Using ThemeProvider
+
+Wrap your component tree with `ThemeProvider` for global theming:
+
+```jsx
+import {
+  ThemeProvider,
+  defaultLightTheme,
+  defaultDarkTheme,
+} from "react-native-pro-accordion";
+
+<ThemeProvider darkMode={isDarkMode} theme={customTheme}>
+  <Accordion>{/* Your accordion items */}</Accordion>
+</ThemeProvider>;
+```
+
+### Inline Custom Theme
+
+Apply a theme directly to a single `Accordion` instance:
+
+```jsx
+const myTheme = {
+  colors: {
+    primary: "#FF6B6B",
+    background: "#FFFFFF",
+    surface: "#F8F9FA",
+    text: "#2C3E50",
+    border: "#E1E8ED",
+  },
+  borderRadius: {
+    sm: 8,
+    md: 12,
+    lg: 16,
+  },
+};
+
+<Accordion theme={myTheme} darkMode={false}>
+  {/* Items */}
+</Accordion>;
+```
+
+---
+
+## ♿ Accessibility
+
+This component is built with accessibility as a first-class concern:
+
+- **Screen readers** — Compatible with VoiceOver (iOS) and TalkBack (Android)
+- **Keyboard navigation** — Full support on web targets
+- **ARIA roles & labels** — Correct semantic markup
+- **Focus management** — Logical focus order maintained on expand/collapse
+
+```jsx
+<Accordion accessibilityLabel="Main navigation accordion">
+  <AccordionItem value="accessible" header={<Text>Accessible Item</Text>}>
+    <Text>Fully accessible content</Text>
+  </AccordionItem>
+</Accordion>
+```
+
+---
+
+## 📄 License
+
+MIT © react-native-pro-accordion contributors

package/index.js

@@ -0,0 +1,3 @@
+// index.js
+export { Accordion } from "./src/Accordion";
+export { AccordionItem } from "./src/AccordionItem";

package/lib/commonjs/components/Accordion.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Accordion = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _AccordionContext = require("../core/AccordionContext");
+var _AccordionRef = require("../core/AccordionRef");
+var _defaultTheme = require("../theme/defaultTheme");
+var _jsxRuntime = require("react/jsx-runtime");
+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 Accordion = exports.Accordion = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
+  const {
+    children,
+    value: controlledValue,
+    defaultValue = [],
+    onChange,
+    mode = "single",
+    readOnly = false,
+    animation = {
+      type: "timing",
+      duration: 300
+    },
+    renderIcon,
+    iconPosition = "right",
+    showSeparators = false,
+    separatorComponent,
+    separatorStyle,
+    stickyHeaders = false,
+    lazyRender = false,
+    theme: customTheme,
+    darkMode = false,
+    accessibilityLabel,
+    testID,
+    onOpen,
+    onClose,
+    onToggle,
+    onAnimationStart,
+    onAnimationEnd,
+    onStateChange
+  } = props;
+
+  // State management
+  const isControlled = controlledValue !== undefined;
+  const [internalExpandedValues, setInternalExpandedValues] = (0, _react.useState)(defaultValue);
+  const expandedValues = isControlled ? controlledValue : internalExpandedValues;
+  const expandedValuesRef = (0, _react.useRef)(expandedValues);
+  expandedValuesRef.current = expandedValues;
+  const setExpandedValues = (0, _react.useCallback)(newValues => {
+    if (!isControlled) {
+      setInternalExpandedValues(newValues);
+    }
+    onChange?.(newValues);
+    onStateChange?.(newValues);
+  }, [isControlled, onChange, onStateChange]);
+  const handleToggleItem = (0, _react.useCallback)(value => {
+    const isCurrentlyExpanded = expandedValues.includes(value);
+    let newValues;
+    if (isCurrentlyExpanded) {
+      newValues = expandedValues.filter(v => v !== value);
+      onClose?.(value);
+      onToggle?.(value, false);
+    } else {
+      if (mode === "single") {
+        newValues = [value];
+      } else {
+        newValues = [...expandedValues, value];
+      }
+      onOpen?.(value);
+      onToggle?.(value, true);
+    }
+    setExpandedValues(newValues);
+  }, [expandedValues, mode, setExpandedValues, onOpen, onClose, onToggle]);
+
+  // Expose ref methods
+  (0, _react.useImperativeHandle)(ref, () => new _AccordionRef.AccordionRefImpl(expandedValuesRef, setExpandedValues, mode, readOnly), [mode, readOnly, setExpandedValues]);
+
+  // Theme merging
+  const baseTheme = darkMode ? _defaultTheme.defaultDarkTheme : _defaultTheme.defaultLightTheme;
+  const theme = customTheme ? {
+    ...baseTheme,
+    ...customTheme,
+    colors: {
+      ...baseTheme.colors,
+      ...customTheme.colors
+    }
+  } : baseTheme;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AccordionContext.AccordionProvider, {
+    mode: mode,
+    readOnly: readOnly,
+    animationConfig: animation,
+    renderIcon: renderIcon,
+    iconPosition: iconPosition,
+    showSeparators: showSeparators,
+    lazyRender: lazyRender,
+    theme: theme,
+    darkMode: darkMode,
+    expandedValues: expandedValues,
+    onToggleItem: handleToggleItem,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.container,
+      accessible: !!accessibilityLabel,
+      accessibilityLabel: accessibilityLabel,
+      testID: testID,
+      children: _react.default.Children.map(children, (child, index) => {
+        const isLast = index === _react.default.Children.count(children) - 1;
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.default.Fragment, {
+          children: [child, showSeparators && !isLast && (separatorComponent || /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            style: [styles.defaultSeparator, separatorStyle, {
+              backgroundColor: theme.colors.border
+            }]
+          }))]
+        }, index);
+      })
+    })
+  });
+});
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    width: "100%"
+  },
+  defaultSeparator: {
+    height: 1,
+    width: "100%"
+  }
+});
+Accordion.displayName = "Accordion";
+//# sourceMappingURL=Accordion.js.map

package/lib/commonjs/components/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_AccordionContext","_AccordionRef","_defaultTheme","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Accordion","exports","forwardRef","props","ref","children","value","controlledValue","defaultValue","onChange","mode","readOnly","animation","type","duration","renderIcon","iconPosition","showSeparators","separatorComponent","separatorStyle","stickyHeaders","lazyRender","theme","customTheme","darkMode","accessibilityLabel","testID","onOpen","onClose","onToggle","onAnimationStart","onAnimationEnd","onStateChange","isControlled","undefined","internalExpandedValues","setInternalExpandedValues","useState","expandedValues","expandedValuesRef","useRef","current","setExpandedValues","useCallback","newValues","handleToggleItem","isCurrentlyExpanded","includes","filter","v","useImperativeHandle","AccordionRefImpl","baseTheme","defaultDarkTheme","defaultLightTheme","colors","jsx","AccordionProvider","animationConfig","onToggleItem","View","style","styles","container","accessible","React","Children","map","child","index","isLast","count","jsxs","Fragment","defaultSeparator","backgroundColor","border","StyleSheet","create","width","height","displayName"],"sourceRoot":"..\\..\\..\\src","sources":["components/Accordion.js"],"mappings":"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","ignoreList":[]}