@bynder/compact-view 2.5.0 → 3.0.0

package/components.d.ts

@@ -1,5 +1,34 @@
 /// <reference types="react" />
 import React from "react";
+interface MetapropertyOptionType {
+    id: string;
+    label: string;
+    assetCount: number;
+}
+interface MetapropertyOptionProps {
+    metapropertyOption: MetapropertyOptionType;
+    selectedOptionIds?: string[];
+    isLoading?: boolean;
+    onAddOption: () => void;
+    onRemoveOption: () => void;
+}
+declare function MetapropertyOptionComponent(props: MetapropertyOptionProps): JSX.Element;
+interface MetapropertyType {
+    __typename: "Metaproperty";
+    id: string;
+    label: string;
+    options: MetapropertyOptionType[];
+    showInGridView: boolean;
+    showInListView: boolean;
+}
+interface MetapropertyProps {
+    metaproperty: MetapropertyType;
+    selectedOptionIds: string[];
+    isLoading: boolean;
+    onAddOption: (metapropertyOption: MetapropertyOptionType) => void;
+    onRemoveOption: (metapropertyOption: MetapropertyOptionType) => void;
+}
+declare function MetaPropertyFilterContent(props: MetapropertyProps): JSX.Element;
 interface Derivatives {
     thumbnail?: string;
 }
@@ -11,6 +40,9 @@ interface Asset {
     url: string;
     isArchived: boolean;
     isWatermarked: boolean;
+    metaproperties?: {
+        nodes: MetapropertyType[];
+    };
 }
 interface Props {
     className?: string;
@@ -22,7 +54,6 @@ interface Props {
     children?: React.ReactNode;
 }
 declare function AssetCard({ className, fadeIn, asset, isSelected, isOutlined, onClick, children }: Props): JSX.Element;
-type Kind = "Flat" | "Primary" | "Secondary" | "FlatSm" | "PrimarySm" | "SecondarySm";
 interface Theme {
     colorPrimary?: string;
     colorButtonPrimary?: string;
@@ -55,65 +86,24 @@ interface Props$0 {
 }
 declare function AssetList({ assets, count, hasNextPage, isLoading, loadMore, onSelect, onToggle, emptyStateElement, selectedAssetIds, selectionMode, theme, children }: Props$0): JSX.Element;
 interface Props$1 {
-    className?: string;
-    title?: string;
-    isDisabled?: boolean;
-    onClick?: React.MouseEventHandler;
-    kind?: Kind;
-    testId?: string;
-    children: React.ReactNode;
-}
-declare const Button: React.ForwardRefExoticComponent<Props$1 & React.RefAttributes<HTMLButtonElement>>;
-interface CardProps {
-    alt?: string;
-    className?: string;
-    fadeIn?: boolean;
-    id?: string;
-    style?: React.CSSProperties;
-    stacked?: boolean;
-    title: React.ReactNode;
-    onClick?: (e: React.MouseEvent) => void;
-    children?: React.ReactNode;
-    ["aria-selected"]?: boolean;
-}
-declare function Card({ alt, className, fadeIn, id, style, stacked, title, onClick, children, ...props }: CardProps): JSX.Element;
-interface CardImagesProps {
-    urls: string[];
-    totalCount: number;
-    alt: string;
-}
-declare function CardImages({ urls, totalCount, alt }: CardImagesProps): JSX.Element;
-interface ImageProps {
-    url?: string;
-    cover?: boolean;
-    alt?: string;
-}
-declare function CardImage({ url, cover, alt }: ImageProps): JSX.Element;
-interface Props$2 {
-    className?: string;
-    onClick?: () => void;
-    isChecked?: boolean;
-    title?: string;
-}
-declare function Checkbox({ className, onClick, isChecked, title }: Props$2): JSX.Element;
-interface Props$3 {
     className?: string;
     onClick?: () => void;
     children: React.ReactNode;
     ["data-testid"]?: string;
 }
-declare function Chip(props: Props$3): JSX.Element;
-interface Props$4 {
+declare function Chip(props: Props$1): JSX.Element;
+interface Props$2 {
     className?: string;
-    buttonClassName?: string;
-    buttonKind?: Kind;
+    fadeIn?: boolean;
+    buttonKind?: "clean" | "secondary";
+    isSmall?: boolean;
     direction?: "Down" | "Up";
     title: React.ReactNode;
     alt?: string;
     disabled?: boolean;
     children: (toggle: () => void) => React.ReactNode;
 }
-declare function Dropdown({ buttonKind, direction, ...props }: Props$4): JSX.Element;
+declare function Dropdown({ buttonKind, direction, isSmall, fadeIn, ...props }: Props$2): JSX.Element;
 interface ListItemProps {
     className?: string;
     onClick?: () => void;
@@ -121,33 +111,6 @@ interface ListItemProps {
     children: React.ReactNode;
 }
 declare function DropdownListItem({ selected, ...props }: ListItemProps): JSX.Element;
-interface MetapropertyOptionType {
-    id: string;
-    label: string;
-    assetCount: number;
-}
-interface MetapropertyOptionProps {
-    metapropertyOption: MetapropertyOptionType;
-    selectedOptionIds?: string[];
-    isLoading?: boolean;
-    onAddOption: () => void;
-    onRemoveOption: () => void;
-}
-declare function MetapropertyOptionComponent(props: MetapropertyOptionProps): JSX.Element;
-interface MetapropertyType {
-    __typename: "Metaproperty";
-    id: string;
-    label: string;
-    options: MetapropertyOptionType[];
-}
-interface MetapropertyProps {
-    metaproperty: MetapropertyType;
-    selectedOptionIds: string[];
-    isLoading: boolean;
-    onAddOption: (metapropertyOption: MetapropertyOptionType) => void;
-    onRemoveOption: (metapropertyOption: MetapropertyOptionType) => void;
-}
-declare function MetapropertyComponent(props: MetapropertyProps): JSX.Element;
 interface SmartfilterType {
     __typename: "Smartfilter";
     id: string;
@@ -163,44 +126,36 @@ interface SmartfilterProps {
     onAddOption: (metapropertyOption: MetapropertyOptionType) => void;
     onRemoveOption: (metapropertyOption: MetapropertyOptionType) => void;
 }
-declare function SmartfilterComponent(props: SmartfilterProps): JSX.Element;
-interface Props$5 {
+declare function SmartFilterContent(props: SmartfilterProps): JSX.Element;
+interface Props$3 {
     static?: React.ReactNode;
     className: string;
     children: React.ReactNode;
 }
-declare function HorizontalScroll(props: Props$5): JSX.Element;
-interface Props$6 {
+declare function HorizontalScroll(props: Props$3): JSX.Element;
+interface Props$4 {
     isLoading: boolean;
     hasNextPage: boolean;
     loadMore: () => void;
     children: React.ReactNode;
 }
-declare function InfiniteScroll(props: Props$6): JSX.Element;
-interface Props$7 {
+declare function InfiniteScroll(props: Props$4): JSX.Element;
+interface Props$5 {
     children: React.ReactNode;
     isOpen?: boolean;
     style?: React.CSSProperties;
     onClose?: () => void;
 }
-declare function Modal({ children, isOpen, style, onClose }: Props$7): JSX.Element | null;
-interface Props$8 {
+declare function Modal({ children, isOpen, style, onClose }: Props$5): JSX.Element | null;
+interface Props$6 {
     onReset: () => void;
 }
-declare function NoResults(props: Props$8): JSX.Element;
-interface Props$9 {
+declare function NoResults(props: Props$6): JSX.Element;
+interface Props$7 {
     error: Error;
     onRetry: () => void;
 }
-declare function Oops({ error, onRetry }: Props$9): JSX.Element;
-interface Props$10 {
-    className?: string;
-    active?: boolean;
-    onClick?: (e: React.MouseEvent) => void;
-    title?: string;
-    children: React.ReactNode;
-}
-declare function OverlayButton(props: Props$10): JSX.Element;
+declare function Oops({ error, onRetry }: Props$7): JSX.Element;
 /**
  * This component will create a shadow root if it is the first ShadowRoot in the tree.
  * Otherwise it will just render it's childred. This is useful as we don't always know
@@ -210,13 +165,14 @@ declare function OverlayButton(props: Props$10): JSX.Element;
 declare function ShadowRoot(props: {
     children: React.ReactNode;
 }): JSX.Element;
-interface Props$11 {
+interface Props$8 {
     width?: number;
     className?: string;
 }
-declare function Skeleton({ width, className }: Props$11): JSX.Element;
-interface Props$12 {
+declare function Skeleton({ width, className }: Props$8): JSX.Element;
+interface Props$9 {
     className?: string;
 }
-declare function Spinner(props: Props$12): JSX.Element;
-export { AssetCard as Asset, Asset as displayAsset, AssetList, Button, Card, CardImages, CardImage, Checkbox, Chip, Dropdown, DropdownListItem, MetapropertyComponent as Metaproperty, MetapropertyType as metaproperty, MetapropertyOptionComponent as MetapropertyOption, MetapropertyOptionType as metapropertyOption, SmartfilterComponent as Smartfilter, SmartfilterType as smartfilter, HorizontalScroll, InfiniteScroll, Modal, NoResults, Oops, OverlayButton, ShadowRoot, Skeleton, Spinner };
+declare function Spinner(props: Props$9): JSX.Element;
+export { AssetCard as Asset, Asset as displayAsset, AssetList, Chip, Dropdown, DropdownListItem, MetaPropertyFilterContent as Metaproperty, MetapropertyType as metaproperty, MetapropertyOptionComponent as MetapropertyOption, MetapropertyOptionType as metapropertyOption, SmartFilterContent as Smartfilter, SmartfilterType as smartfilter, HorizontalScroll, InfiniteScroll, Modal, NoResults, Oops, ShadowRoot, Skeleton, Spinner };
+export { Button, Card, Checkbox } from '@bynder/design-system';