@codeleap/mobile 4.2.4 → 4.2.6

package/dist/components/SectionFilters/context.d.ts

@@ -0,0 +1,46 @@
+/// <reference types="react" />
+import { SectionFiltersProps } from './types';
+import { TSectionFilterItem, useSectionFilters } from './useSectionFilters';
+export type SectionFiltersContextProps<T = TSectionFilterItem> = React.PropsWithChildren<SectionFiltersProps<T> & {
+    handle?: ReturnType<typeof useSectionFilters<T>>;
+}>;
+export declare const SectionsFilterContext: import("react").Context<{
+    isSelected: (item: TSectionFilterItem) => boolean;
+    toggleItem: (item: TSectionFilterItem) => void;
+    findItemSection: (item: TSectionFilterItem) => {
+        sectionIndex: number;
+        section: {
+            data: TSectionFilterItem[];
+            title: string;
+            selectionLimit?: number;
+            disableItemsOnLimitReached?: boolean;
+        };
+    };
+    selectedItems: {
+        [X: number]: TSectionFilterItem[];
+    };
+    sectionLimitReached: (sectionIndex: number) => boolean;
+    limitReached: () => boolean;
+    disableItemsOnLimitReached: boolean;
+    clearSelectedItemsWithSection: (sectionIndex: number) => void;
+}>;
+export declare function useSectionFiltersContext<T = TSectionFilterItem>(): {
+    isSelected: (item: T) => boolean;
+    toggleItem: (item: T) => void;
+    findItemSection: (item: T) => {
+        sectionIndex: number;
+        section: {
+            data: T[];
+            title: string;
+            selectionLimit?: number;
+            disableItemsOnLimitReached?: boolean;
+        };
+    };
+    selectedItems: {
+        [X: number]: T[];
+    };
+    sectionLimitReached: (sectionIndex: number) => boolean;
+    limitReached: () => boolean;
+    disableItemsOnLimitReached: boolean;
+    clearSelectedItemsWithSection: (sectionIndex: number) => void;
+};

package/dist/components/SectionFilters/context.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSectionFiltersContext = exports.SectionsFilterContext = void 0;
+var react_1 = require("react");
+exports.SectionsFilterContext = (0, react_1.createContext)({});
+function useSectionFiltersContext() {
+    return (0, react_1.useContext)(exports.SectionsFilterContext);
+}
+exports.useSectionFiltersContext = useSectionFiltersContext;
+//# sourceMappingURL=context.js.map

package/dist/components/SectionFilters/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../../src/components/SectionFilters/context.tsx"],"names":[],"mappings":";;;AAAA,+BAAiD;AAUpC,QAAA,qBAAqB,GAAG,IAAA,qBAAa,EAAC,EAA4B,CAAC,CAAA;AAEhF,SAAgB,wBAAwB;IACtC,OAAO,IAAA,kBAAU,EAAC,6BAAqB,CAA8B,CAAA;AACvE,CAAC;AAFD,4DAEC"}

package/dist/components/SectionFilters/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { SectionFiltersProps } from './types';
+import { TSectionFilterItem } from './useSectionFilters';
+export * from './types';
+export * from './context';
+export * from './useSectionFilters';
+export declare function SectionFilters<T extends TSectionFilterItem = TSectionFilterItem>(props: SectionFiltersProps<T>): JSX.Element;
+export declare namespace SectionFilters {
+    var defaultProps: Partial<SectionFiltersProps>;
+}

package/dist/components/SectionFilters/index.js

@@ -0,0 +1,84 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionFilters = void 0;
+var common_1 = require("@codeleap/common");
+var Button_1 = require("../Button");
+var Sections_1 = require("../Sections");
+var Text_1 = require("../Text");
+var context_1 = require("./context");
+var useSectionFilters_1 = require("./useSectionFilters");
+__exportStar(require("./types"), exports);
+__exportStar(require("./context"), exports);
+__exportStar(require("./useSectionFilters"), exports);
+var SectionComponent = (0, common_1.memoBy)(function (props) {
+    var _a;
+    var Component = props.renderWith, index = props.index;
+    var handle = (0, context_1.useSectionFiltersContext)();
+    if (!Component)
+        return null;
+    return (<Component {...props} selectedItems={(_a = handle.selectedItems[index]) !== null && _a !== void 0 ? _a : []} clearSelectedItems={function () { return handle.clearSelectedItemsWithSection(index); }}/>);
+}, ['renderWith']);
+function SectionFilters(props) {
+    var _a;
+    var _b = __assign(__assign({}, SectionFilters.defaultProps), props), sections = _b.sections, RenderItem = _b.renderItem, renderSectionHeader = _b.renderSectionHeader, renderSectionFooter = _b.renderSectionFooter, rest = __rest(_b, ["sections", "renderItem", "renderSectionHeader", "renderSectionFooter"]);
+    var handle = (_a = props.handle) !== null && _a !== void 0 ? _a : (0, useSectionFilters_1.useSectionFilters)(props);
+    var renderItem = function (section) {
+        var _a;
+        var hasSection = !common_1.TypeGuards.isNil(section === null || section === void 0 ? void 0 : section.index) && !common_1.TypeGuards.isNil(section);
+        var sectionLimitReached = hasSection && handle.sectionLimitReached(section === null || section === void 0 ? void 0 : section.index);
+        var limitReached = handle.limitReached();
+        var disableOnReachLimit = handle.disableItemsOnLimitReached;
+        var disableNonSelectedItems = (limitReached || sectionLimitReached) && disableOnReachLimit;
+        var isSelected = handle.isSelected(section === null || section === void 0 ? void 0 : section.item);
+        var isDisabled = disableNonSelectedItems && !isSelected;
+        return (<RenderItem {...section} onPress={function () { return handle.toggleItem(section === null || section === void 0 ? void 0 : section.item); }} selected={isSelected} disabled={isDisabled} text={(_a = section === null || section === void 0 ? void 0 : section.item) === null || _a === void 0 ? void 0 : _a.label}/>);
+    };
+    return (<context_1.SectionsFilterContext.Provider value={handle}>
+      <Sections_1.Sections {...rest} sections={sections} renderItem={renderItem} renderSectionHeader={function (props) { return <SectionComponent {...props} renderWith={renderSectionHeader}/>; }} renderSectionFooter={function (props) { return <SectionComponent {...props} renderWith={renderSectionFooter}/>; }}/>
+    </context_1.SectionsFilterContext.Provider>);
+}
+exports.SectionFilters = SectionFilters;
+SectionFilters.defaultProps = {
+    renderItem: Button_1.Button,
+    renderSectionHeader: function (_a) {
+        var title = _a.title;
+        return <Text_1.Text text={title}/>;
+    }
+};
+//# sourceMappingURL=index.js.map

package/dist/components/SectionFilters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SectionFilters/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/SectionFilters/types.d.ts

@@ -0,0 +1,19 @@
+import { ReactElement } from 'react';
+import { AugmentedSectionRenderItemInfo, SectionComponentProps, SectionProps } from '../Sections';
+import { TSectionFilterItem, UseSectionFilters, useSectionFilters } from './useSectionFilters';
+export type SectionFilterItemProps<T> = AugmentedSectionRenderItemInfo<T> & {
+    onPress: () => void;
+    selected: boolean;
+    disabled: boolean;
+    text: string;
+};
+export type SectionFilterComponentProps<T> = SectionComponentProps<T> & {
+    selectedItems: TSectionFilterItem[];
+    clearSelectedItems: () => void;
+};
+export type SectionFiltersProps<T = any> = UseSectionFilters & Omit<SectionProps<T>, 'renderItem' | 'renderSectionFooter' | 'renderSectionHeader'> & {
+    handle?: ReturnType<typeof useSectionFilters<T>>;
+    renderItem?: (props: SectionFilterItemProps<T>) => ReactElement;
+    renderSectionFooter?: (props: SectionFilterComponentProps<T>) => ReactElement;
+    renderSectionHeader?: (props: SectionFilterComponentProps<T>) => ReactElement;
+};

package/dist/components/SectionFilters/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/components/SectionFilters/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/SectionFilters/types.ts"],"names":[],"mappings":""}

package/dist/components/SectionFilters/useSectionFilters.d.ts

@@ -0,0 +1,35 @@
+export type TSectionFilterItem = {
+    value?: string | number;
+    label?: string;
+};
+type Section<T = TSectionFilterItem> = {
+    data: T[];
+    title: string;
+    selectionLimit?: number;
+    disableItemsOnLimitReached?: boolean;
+};
+type SelectedItemsPerSection<T = TSectionFilterItem> = {
+    [X: number]: T[];
+};
+export type UseSectionFilters<T = TSectionFilterItem> = {
+    sections: Section<T>[];
+    areItemsEqual?: (a: T, b: T) => boolean;
+    selectionLimit?: number;
+    sectionSelectionLimit?: number;
+    disableItemsOnLimitReached?: boolean;
+    initialSelectedItems?: SelectedItemsPerSection<T>;
+};
+export declare function useSectionFilters<T = TSectionFilterItem>(props: UseSectionFilters<T>): {
+    isSelected: (item: T) => boolean;
+    toggleItem: (item: T) => void;
+    findItemSection: (item: T) => {
+        sectionIndex: number;
+        section: Section<T>;
+    };
+    selectedItems: SelectedItemsPerSection<T>;
+    sectionLimitReached: (sectionIndex: number) => boolean;
+    limitReached: () => boolean;
+    disableItemsOnLimitReached: boolean;
+    clearSelectedItemsWithSection: (sectionIndex: number) => void;
+};
+export {};

package/dist/components/SectionFilters/useSectionFilters.js

@@ -0,0 +1,133 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSectionFilters = void 0;
+var common_1 = require("@codeleap/common");
+var react_1 = __importDefault(require("react"));
+function useSectionFilters(props) {
+    var sections = props.sections, _a = props.areItemsEqual, areItemsEqual = _a === void 0 ? common_1.deepEqual : _a, _b = props.selectionLimit, selectionLimit = _b === void 0 ? 1 : _b, _c = props.sectionSelectionLimit, sectionSelectionLimit = _c === void 0 ? null : _c, _d = props.disableItemsOnLimitReached, disableItemsOnLimitReached = _d === void 0 ? selectionLimit > 1 && !sectionSelectionLimit : _d, _e = props.initialSelectedItems, initialSelectedItems = _e === void 0 ? [] : _e;
+    var _f = react_1.default.useState(function () {
+        if (common_1.TypeGuards.isArray(initialSelectedItems)) {
+            return {
+                0: initialSelectedItems,
+            };
+        }
+        return initialSelectedItems !== null && initialSelectedItems !== void 0 ? initialSelectedItems : {};
+    }), selectedItems = _f[0], setSelectedItems = _f[1];
+    var findItemSection = function (item) {
+        if (!sections) {
+            return {
+                sectionIndex: 0,
+                section: null,
+            };
+        }
+        var sectionIndex = sections === null || sections === void 0 ? void 0 : sections.findIndex(function (section) {
+            return section.data.some(function (i) { return areItemsEqual(item, i); });
+        });
+        if (sectionIndex === -1) {
+            return {
+                sectionIndex: null,
+                section: null,
+            };
+        }
+        var section = sections[sectionIndex];
+        return {
+            sectionIndex: sectionIndex,
+            section: section,
+        };
+    };
+    var isSelected = function (item) {
+        var _a, _b;
+        if (sections) {
+            var sectionIndex = findItemSection(item).sectionIndex;
+            return (_a = selectedItems[sectionIndex]) === null || _a === void 0 ? void 0 : _a.some(function (i) { return areItemsEqual(i, item); });
+        }
+        return (_b = selectedItems[0]) === null || _b === void 0 ? void 0 : _b.some(function (i) { return areItemsEqual(i, item); });
+    };
+    var toggleItem = function (item) {
+        var _a;
+        var _b, _c;
+        var sectionIndex = -1;
+        var limit = selectionLimit;
+        if (sections) {
+            var _d = findItemSection(item), si = _d.sectionIndex, section = _d.section;
+            if (si === null) {
+                return;
+            }
+            sectionIndex = si;
+            limit = (_b = section.selectionLimit) !== null && _b !== void 0 ? _b : selectionLimit;
+        }
+        else {
+            sectionIndex = 0;
+        }
+        var currentItems = (_c = selectedItems[sectionIndex]) !== null && _c !== void 0 ? _c : [];
+        var isItemSelected = currentItems.some(function (i) { return areItemsEqual(i, item); });
+        var newItems = __spreadArray([], currentItems, true);
+        if (isItemSelected) {
+            var index = newItems.findIndex(function (i) { return areItemsEqual(i, item); });
+            newItems.splice(index, 1);
+        }
+        else {
+            if (newItems.length >= limit) {
+                newItems.shift();
+            }
+            newItems.push(item);
+        }
+        setSelectedItems(__assign(__assign({}, selectedItems), (_a = {}, _a[sectionIndex] = newItems, _a)));
+    };
+    function sectionLimitReached(sectionIndex) {
+        var _a, _b, _c;
+        var section = sections[sectionIndex];
+        if (!section) {
+            return false;
+        }
+        var limit = (_b = (_a = section.selectionLimit) !== null && _a !== void 0 ? _a : sectionSelectionLimit) !== null && _b !== void 0 ? _b : selectionLimit;
+        if (!limit) {
+            return false;
+        }
+        var nItems = (_c = selectedItems[sectionIndex]) === null || _c === void 0 ? void 0 : _c.length;
+        return nItems >= limit;
+    }
+    function limitReached() {
+        var nItems = Object.values(selectedItems).flatMap(function (i) { return i; }).length;
+        return nItems >= selectionLimit;
+    }
+    function clearSelectedItemsWithSection(sectionIndex) {
+        var _a;
+        setSelectedItems(__assign(__assign({}, selectedItems), (_a = {}, _a[sectionIndex] = [], _a)));
+    }
+    return {
+        isSelected: isSelected,
+        toggleItem: toggleItem,
+        findItemSection: findItemSection,
+        selectedItems: selectedItems,
+        sectionLimitReached: sectionLimitReached,
+        limitReached: limitReached,
+        disableItemsOnLimitReached: disableItemsOnLimitReached,
+        clearSelectedItemsWithSection: clearSelectedItemsWithSection,
+    };
+}
+exports.useSectionFilters = useSectionFilters;
+//# sourceMappingURL=useSectionFilters.js.map

package/dist/components/SectionFilters/useSectionFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSectionFilters.js","sourceRoot":"","sources":["../../../src/components/SectionFilters/useSectionFilters.tsx"],"names":[],"mappings":"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"}

package/dist/components/Sections/index.d.ts

@@ -1,5 +1,13 @@
-import { SectionListProps } from './types';
-import { StyledComponentWithProps } from '@codeleap/styles';
+/// <reference types="react" />
+import { SectionProps } from './types';
+import { AnyRecord, IJSX, StyledComponentProps } from '@codeleap/styles';
 export * from './styles';
 export * from './types';
-export declare const Sections: StyledComponentWithProps<SectionListProps>;
+export declare const Sections: {
+    <T extends unknown>(sectionsProps: SectionProps<T>): JSX.Element;
+    styleRegistryName: string;
+    elements: string[];
+    rootElement: string;
+    withVariantTypes<S extends AnyRecord>(styles: S): <T_1>(props: StyledComponentProps<SectionProps<T_1>, S>) => IJSX;
+    defaultProps: Partial<SectionProps>;
+};

package/dist/components/Sections/index.js

@@ -53,65 +53,81 @@ var react_1 = __importStar(require("react"));
 var common_1 = require("@codeleap/common");
 var react_native_1 = require("react-native");
 var View_1 = require("../View");
+var RefreshControl_1 = require("../RefreshControl");
 var utils_1 = require("../../utils");
 var Registry_1 = require("../../Registry");
 var hooks_1 = require("../../hooks");
+var EmptyPlaceholder_1 = require("../EmptyPlaceholder");
 __exportStar(require("./styles"), exports);
 __exportStar(require("./types"), exports);
-exports.Sections = (0, react_1.forwardRef)(function (sectionsProps, ref) {
-    var _a, _b, _c;
-    var _d = __assign(__assign({}, exports.Sections.defaultProps), sectionsProps), style = _d.style, onRefresh = _d.onRefresh, component = _d.component, refreshing = _d.refreshing, placeholder = _d.placeholder, keyboardAware = _d.keyboardAware, refreshControlProps = _d.refreshControlProps, contentContainerStyle = _d.contentContainerStyle, fakeEmpty = _d.fakeEmpty, refreshControl = _d.refreshControl, props = __rest(_d, ["style", "onRefresh", "component", "refreshing", "placeholder", "keyboardAware", "refreshControlProps", "contentContainerStyle", "fakeEmpty", "refreshControl"]);
+var RenderSeparator = function (props) {
+    return <View_1.View style={props.separatorStyles}/>;
+};
+var Sections = function (sectionsProps) {
+    var _a = __assign(__assign({}, exports.Sections.defaultProps), sectionsProps), style = _a.style, onRefresh = _a.onRefresh, component = _a.component, refreshing = _a.refreshing, placeholder = _a.placeholder, refreshControlProps = _a.refreshControlProps, loading = _a.loading, keyboardAware = _a.keyboardAware, _b = _a.fakeEmpty, fakeEmpty = _b === void 0 ? loading : _b, contentContainerStyle = _a.contentContainerStyle, refreshControl = _a.refreshControl, RenderItem = _a.renderItem, data = _a.sections, RenderSectionHeader = _a.renderSectionHeader, RenderSectionFooter = _a.renderSectionFooter, props = __rest(_a, ["style", "onRefresh", "component", "refreshing", "placeholder", "refreshControlProps", "loading", "keyboardAware", "fakeEmpty", "contentContainerStyle", "refreshControl", "renderItem", "sections", "renderSectionHeader", "renderSectionFooter"]);
+    var sections = (0, react_1.useMemo)(function () {
+        return data === null || data === void 0 ? void 0 : data.map(function (section, index) { return (__assign(__assign({}, section), { index: index })); });
+    }, [JSON.stringify(data)]);
     var styles = (0, hooks_1.useStylesFor)(exports.Sections.styleRegistryName, style);
-    var renderSeparator = (0, common_1.useCallback)(function () {
-        return <View_1.View style={styles === null || styles === void 0 ? void 0 : styles.separator}/>;
-    }, [styles === null || styles === void 0 ? void 0 : styles.separator]);
-    var getItemPosition = function (section, itemIdx) {
-        var listLength = (section === null || section === void 0 ? void 0 : section.length) || 0;
-        var isFirst = itemIdx === 0;
-        var isLast = itemIdx === listLength - 1;
-        var isOnly = isFirst && isLast;
-        return { isFirst: isFirst, isLast: isLast, isOnly: isOnly };
-    };
-    var getSectionPosition = function (data) {
-        var _a;
-        var listLength = ((_a = props.sections) === null || _a === void 0 ? void 0 : _a.length) || 0;
-        var isFirst = data.section.key === props.sections[0].key;
-        var isLast = data.section.key === props.sections[listLength - 1].key;
+    var separator = (0, common_1.useCallback)(function () {
+        if (!(props === null || props === void 0 ? void 0 : props.separators))
+            return null;
+        return <RenderSeparator separatorStyles={styles.separator}/>;
+    }, []);
+    var getSectionProps = function (data) {
+        var _a, _b, _c, _d, _e, _f;
+        var listLength = (sections === null || sections === void 0 ? void 0 : sections.length) || 0;
+        var isFirst = ((_a = data === null || data === void 0 ? void 0 : data.section) === null || _a === void 0 ? void 0 : _a.index) === ((_b = sections === null || sections === void 0 ? void 0 : sections[0]) === null || _b === void 0 ? void 0 : _b.index);
+        var isLast = ((_c = data === null || data === void 0 ? void 0 : data.section) === null || _c === void 0 ? void 0 : _c.index) === ((_d = sections === null || sections === void 0 ? void 0 : sections[listLength - 1]) === null || _d === void 0 ? void 0 : _d.index);
         var isOnly = isFirst && isLast;
-        return { isFirst: isFirst, isLast: isLast, isOnly: isOnly };
+        var title = (_e = data === null || data === void 0 ? void 0 : data.section) === null || _e === void 0 ? void 0 : _e.title;
+        var index = (_f = data === null || data === void 0 ? void 0 : data.section) === null || _f === void 0 ? void 0 : _f.index;
+        return { isFirst: isFirst, isLast: isLast, isOnly: isOnly, title: title, index: index };
     };
     var renderSectionHeader = (0, common_1.useCallback)(function (data) {
-        if (!(props === null || props === void 0 ? void 0 : props.renderSectionHeader))
+        if (!RenderSectionHeader)
             return null;
-        return props === null || props === void 0 ? void 0 : props.renderSectionHeader(__assign(__assign({}, data), getSectionPosition(data)));
-    }, [props === null || props === void 0 ? void 0 : props.renderSectionHeader, (_a = props === null || props === void 0 ? void 0 : props.sections) === null || _a === void 0 ? void 0 : _a.length]);
+        var positionProps = getSectionProps(data);
+        return <RenderSectionHeader {...data.section} {...positionProps}/>;
+    }, [RenderSectionHeader, sections === null || sections === void 0 ? void 0 : sections.length]);
     var renderSectionFooter = (0, common_1.useCallback)(function (data) {
-        if (!(props === null || props === void 0 ? void 0 : props.renderSectionFooter))
+        if (!RenderSectionFooter)
             return null;
-        return props === null || props === void 0 ? void 0 : props.renderSectionFooter(__assign(__assign({}, data), getSectionPosition(data)));
-    }, [props === null || props === void 0 ? void 0 : props.renderSectionFooter, (_b = props === null || props === void 0 ? void 0 : props.sections) === null || _b === void 0 ? void 0 : _b.length]);
+        var positionProps = getSectionProps(data);
+        return <RenderSectionFooter {...data.section} {...positionProps}/>;
+    }, [RenderSectionFooter, sections === null || sections === void 0 ? void 0 : sections.length]);
     var renderItem = (0, common_1.useCallback)(function (data) {
-        var _a;
-        if (!(props === null || props === void 0 ? void 0 : props.renderItem))
+        var _a, _b;
+        if (!RenderItem)
             return null;
-        return props === null || props === void 0 ? void 0 : props.renderItem(__assign(__assign({}, data), getItemPosition((_a = data.section) === null || _a === void 0 ? void 0 : _a.data, data === null || data === void 0 ? void 0 : data.index)));
-    }, [props === null || props === void 0 ? void 0 : props.renderItem, (_c = props === null || props === void 0 ? void 0 : props.sections) === null || _c === void 0 ? void 0 : _c.length]);
-    var separatorProp = props.separators;
-    var isEmpty = !props.sections || !props.sections.length;
-    var separator = !isEmpty && separatorProp == true && renderSeparator;
-    var keyboardStyle = (0, utils_1.useKeyboardPaddingStyle)([styles === null || styles === void 0 ? void 0 : styles.content, contentContainerStyle], keyboardAware);
-    return (<react_native_1.SectionList contentContainerStyle={keyboardStyle} showsVerticalScrollIndicator={false} 
-    // @ts-ignore
-    ref={ref} ItemSeparatorComponent={separator} {...props} style={styles === null || styles === void 0 ? void 0 : styles.wrapper} refreshControl={!!onRefresh && (<react_native_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh}/>)} renderItem={renderItem} renderSectionHeader={renderSectionHeader} renderSectionFooter={renderSectionFooter}/>);
-});
+        var listLength = ((_b = (_a = data === null || data === void 0 ? void 0 : data.section) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) || 0;
+        var isFirst = (data === null || data === void 0 ? void 0 : data.index) === 0;
+        var isLast = (data === null || data === void 0 ? void 0 : data.index) === listLength - 1;
+        var isOnly = isFirst && isLast;
+        return (<RenderItem {...data} isFirst={isFirst} isLast={isLast} isOnly={isOnly}/>);
+    }, [RenderItem]);
+    var isEmpty = !sections || !(sections === null || sections === void 0 ? void 0 : sections.length);
+    var _placeholder = __assign(__assign({}, placeholder), { loading: common_1.TypeGuards.isBoolean(placeholder === null || placeholder === void 0 ? void 0 : placeholder.loading) ? placeholder.loading : loading });
+    var keyboardStyle = (0, utils_1.useKeyboardPaddingStyle)([
+        styles.content,
+        contentContainerStyle,
+        isEmpty && styles['content:empty'],
+        loading && styles['content:loading'],
+    ], keyboardAware && !props.horizontal);
+    var wrapperStyle = [styles.wrapper, isEmpty && styles['wrapper:empty'], loading && styles['wrapper:loading']];
+    return (<react_native_1.SectionList ItemSeparatorComponent={separator} refreshControl={!!onRefresh && (<RefreshControl_1.RefreshControl refreshing={refreshing} onRefresh={onRefresh} {...refreshControlProps}/>)} ListEmptyComponent={<EmptyPlaceholder_1.EmptyPlaceholder {..._placeholder}/>} showsVerticalScrollIndicator={false} showsHorizontalScrollIndicator={false} {...props} ListHeaderComponentStyle={styles.header} style={wrapperStyle} contentContainerStyle={keyboardStyle} sections={sections} renderItem={renderItem} renderSectionHeader={renderSectionHeader} renderSectionFooter={renderSectionFooter}/>);
+};
+exports.Sections = Sections;
 exports.Sections.styleRegistryName = 'Sections';
-exports.Sections.elements = ['wrapper', 'content', 'separator'];
+exports.Sections.elements = ['wrapper', 'content', 'separator', 'header', 'refreshControl'];
 exports.Sections.rootElement = 'wrapper';
 exports.Sections.withVariantTypes = function (styles) {
     return exports.Sections;
 };
 exports.Sections.defaultProps = {
     keyboardShouldPersistTaps: 'handled',
+    fakeEmpty: false,
+    loading: false,
     keyboardAware: true,
 };
 Registry_1.MobileStyleRegistry.registerComponent(exports.Sections);

package/dist/components/Sections/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sections/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Sections/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/Sections/styles.d.ts

@@ -1 +1,5 @@
-export type SectionsComposition = 'wrapper' | 'content' | 'separator';
+import { ScrollComposition } from '../Scroll/styles';
+type SectionsStates = 'empty' | 'loading';
+type SectionsParts = ScrollComposition | 'separator' | 'header' | 'refreshControl';
+export type SectionsComposition = `${SectionsParts}:${SectionsStates}` | SectionsParts;
+export {};

package/dist/components/Sections/types.d.ts

@@ -1,34 +1,48 @@
 /// <reference types="react" />
 import { StyledProp } from '@codeleap/styles';
-import { SectionListRenderItemInfo } from 'react-native';
 import { SectionsComposition } from './styles';
-import { SectionListProps as RNSectionListProps } from 'react-native';
+import { SectionListRenderItemInfo, SectionListProps as RNSectionListProps } from 'react-native';
 import { ViewProps } from '../View';
 import { EmptyPlaceholderProps } from '../EmptyPlaceholder';
 import { RefreshControlProps } from '../RefreshControl';
-export type DataboundSectionListPropsTypes = 'data' | 'renderItem' | 'keyExtractor' | 'getItemLayout' | 'style';
-export type AugmentedSectionRenderItemInfo<T> = SectionListRenderItemInfo<T> & {
+export type DataboundSectionListPropsTypes = 'sections' | 'renderItem' | 'keyExtractor' | 'style' | 'renderSectionFooter' | 'renderSectionHeader';
+export type SectionInfo = {
     isFirst: boolean;
     isLast: boolean;
     isOnly: boolean;
 };
+export type AugmentedSectionRenderItemInfo<T> = SectionListRenderItemInfo<T> & SectionInfo;
+export type SectionComponentProps<T> = SectionInfo & {
+    title: string;
+    index: number;
+    data: T[];
+};
+export type SectionRenderComponentProps<T> = {
+    section: {
+        title: string;
+        index: number;
+        data: T[];
+    };
+};
 export type ReplaceSectionListProps<P, T> = Omit<P, DataboundSectionListPropsTypes> & {
-    sections: T[];
+    sections: Array<{
+        title: string;
+        data: T[];
+    }>;
     keyExtractor?: (item: T, index: number) => string;
-    renderItem: (data: AugmentedSectionRenderItemInfo<T>) => React.ReactElement;
+    renderItem: (props: AugmentedSectionRenderItemInfo<T>) => React.ReactElement;
     onRefresh?: () => void;
-    getItemLayout?: ((data: T, index: number) => {
-        length: number;
-        offset: number;
-        index: number;
-    });
     fakeEmpty?: boolean;
+    loading?: boolean;
+    renderSectionHeader?: (props: SectionComponentProps<T>) => React.ReactElement;
+    renderSectionFooter?: (props: SectionComponentProps<T>) => React.ReactElement;
 };
-export type SectionListProps<T = any[], Data = T extends Array<infer D> ? D : never> = ReplaceSectionListProps<RNSectionListProps<Data>, Data> & Omit<ViewProps, 'style'> & {
+export type SectionProps<T = any> = ReplaceSectionListProps<RNSectionListProps<T>, T> & Omit<ViewProps, 'style'> & {
     separators?: boolean;
     placeholder?: EmptyPlaceholderProps;
     refreshControlProps?: Partial<RefreshControlProps>;
     fakeEmpty?: boolean;
+    loading?: boolean;
     keyboardAware?: boolean;
     style?: StyledProp<SectionsComposition>;
 };