@chayns-components/core 5.3.9 → 5.3.10

package/lib/types/components/masonry/Masonry.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledMasonry: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$height"> & {
+    $height: number;
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$height"> & {
+    $height: number;
+}, never>>> & string;

package/lib/types/components/masonry/Masonry.types.d.ts

@@ -0,0 +1,40 @@
+import { ReactElement, ReactNode } from 'react';
+export interface MasonryProps {
+    children: ReactNode;
+    gap?: number;
+    columnWidth?: number;
+    rowHeight?: number;
+}
+export interface MasonryItemProps {
+    children: ReactNode;
+    columns?: number;
+}
+export interface MasonryContextValue {
+    registerItem: (key: string, height: number) => void;
+}
+export interface MasonryLayoutItem {
+    key: string;
+    columns: number;
+    rows: number;
+}
+export interface PackedMasonryItem {
+    key: string;
+    x: number;
+    y: number;
+    width: number;
+}
+export interface PackedMasonryGrid {
+    items: Record<string, PackedMasonryItem>;
+    height: number;
+}
+export interface InternalMasonryItemProps {
+    children: ReactNode;
+    itemKey: string;
+    x: number;
+    y: number;
+    width: number;
+}
+export type MasonryChild = ReactElement<MasonryItemProps>;
+export type MasonryComponent = React.FC<MasonryProps> & {
+    Item: React.FC<MasonryItemProps>;
+};

package/lib/types/components/masonry/Masonry.utils.d.ts

@@ -0,0 +1,22 @@
+import { ReactElement } from 'react';
+import { MasonryItemProps, MasonryLayoutItem, PackedMasonryGrid } from './Masonry.types';
+export declare const getMasonryItemKey: (item: ReactElement<MasonryItemProps>, index: number) => string;
+interface PackMasonryGridParams {
+    items: MasonryLayoutItem[];
+    columnCount: number;
+    columnWidth: number;
+    rowHeight: number;
+    gap: number;
+}
+export declare const packMasonryGrid: ({ items, columnCount, columnWidth, rowHeight, gap, }: PackMasonryGridParams) => PackedMasonryGrid;
+export declare const calculateColumnCount: ({ containerWidth, columnWidth, gap, }: {
+    containerWidth: number;
+    columnWidth: number;
+    gap: number;
+}) => number;
+export declare const calculateRowSpan: ({ height, rowHeight, gap, }: {
+    height: number;
+    rowHeight: number;
+    gap: number;
+}) => number;
+export {};

package/lib/types/components/masonry/masonry-item/MasonryItem.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { InternalMasonryItemProps, MasonryItemProps } from '../Masonry.types';
+declare const MasonryItem: FC<MasonryItemProps>;
+export declare const InternalMasonryItem: FC<InternalMasonryItemProps>;
+export default MasonryItem;

package/lib/types/components/masonry/masonry-item/MasonryItem.styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledMasonryItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}, never> & Partial<Pick<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: React.RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
+}, never>>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof React.Component<any, {}, any>>;

package/lib/types/index.d.ts

@@ -100,3 +100,4 @@ export { ComboBoxSize } from './components/combobox/ComboBox.types';
 export type { IComboBoxItem as ComboBoxItem, ComboBoxTextStyles, IComboBoxItems as ComboBoxItems, ComboBoxRef, } from './components/combobox/ComboBox.types';
 export { default as Skeleton } from './components/skeleton';
 export { SkeletonAnimationType } from './components/skeleton/types';
+export { default as Masonry } from './components/masonry/Masonry';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.3.9",
+    "version": "5.3.10",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -88,5 +88,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "d47204bde2d504689320e48b9f2520bd90338ba6"
+    "gitHead": "ae538b0fd6f041f55b5b842cb47dc7363fc9511d"
 }