@bynder/compact-view 4.3.0 → 4.3.2

package/components.d.ts

@@ -1,6 +1,9 @@
-/// <reference types="react" />
-import React from "react";
-import { BrowserClient } from "@sentry/browser";
+import React from 'react';
+import { SelectionMode } from '@src/app-config/appConfig.type';
+import { Theme } from '@src/style/Theming';
+export { Button, Card, Checkbox } from '@bynder/design-system';
+import { BrowserClient } from '@sentry/browser';
+
 interface MetapropertyOptionType {
     id: string;
     label: string;
@@ -14,8 +17,9 @@ interface MetapropertyOptionProps {
     onRemoveOption: () => void;
 }
 declare function MetapropertyOptionComponent(props: MetapropertyOptionProps): React.JSX.Element;
+
 interface MetapropertyType {
-    __typename: "Metaproperty";
+    __typename: 'Metaproperty';
     id: string;
     label: string;
     zIndex: number;
@@ -31,6 +35,7 @@ interface MetapropertyProps {
     onRemoveOption: (metapropertyOption: MetapropertyOptionType) => void;
 }
 declare function MetaPropertyFilterContent(props: MetapropertyProps): React.JSX.Element;
+
 interface File {
     url: string;
     width?: number;
@@ -38,11 +43,12 @@ interface File {
     fileSize?: number;
     isFakeOriginal?: boolean;
 }
+
 type AssetData = {
-    tag: "Loading";
+    tag: 'Loading';
     value: undefined | Asset[];
 } | {
-    tag: "Loaded";
+    tag: 'Loaded';
     value: Asset[];
 };
 interface Derivatives {
@@ -72,7 +78,8 @@ interface Asset {
     textMetaproperties?: TextMetapropertiesType[];
     files: Record<string, File>;
 }
-interface Props {
+
+interface Props$a {
     className?: string;
     fadeIn?: boolean;
     asset: Asset;
@@ -81,17 +88,9 @@ interface Props {
     isOutlined: boolean;
     children?: React.ReactNode;
 }
-declare function AssetCard({ className, fadeIn, asset, isSelected, isOutlined, onClick, children }: Props): React.JSX.Element;
-interface Theme {
-    colorPrimary?: string;
-    colorButtonPrimary?: string;
-    colorButtonPrimaryLabel?: string;
-    colorButtonPrimaryActive?: string;
-    colorButtonPrimaryHover?: string;
-    colorButtonPrimaryHoverLabel?: string;
-}
-type SelectionMode = "SingleSelect" | "SingleSelectFile" | "MultiSelect";
-interface Props$0 {
+declare function AssetCard({ className, fadeIn, asset, isSelected, isOutlined, onClick, children, }: Props$a): React.JSX.Element;
+
+interface Props$9 {
     assets: AssetData;
     count?: number;
     hasNextPage?: boolean;
@@ -105,26 +104,29 @@ interface Props$0 {
     theme?: Theme;
     children?: React.ReactNode;
 }
-declare function AssetList({ assets, count, hasNextPage, isLoading, loadMore, onSelect, onToggle, emptyStateElement, selectedAssetIds, selectionMode, theme, children }: Props$0): React.JSX.Element;
-interface Props$1 {
+declare function AssetList({ assets, count, hasNextPage, isLoading, loadMore, onSelect, onToggle, emptyStateElement, selectedAssetIds, selectionMode, theme, children, }: Props$9): React.JSX.Element;
+
+interface Props$8 {
     className?: string;
     onClick?: () => void;
     children: React.ReactNode;
-    ["data-testid"]?: string;
+    ['data-testid']?: string;
 }
-declare function Chip(props: Props$1): React.JSX.Element;
-interface Props$2 {
+declare function Chip(props: Props$8): React.JSX.Element;
+
+interface Props$7 {
     className?: string;
     fadeIn?: boolean;
-    buttonKind?: "clean" | "secondary";
+    buttonKind?: 'clean' | 'secondary';
     isSmall?: boolean;
-    direction?: "Down" | "Up";
+    direction?: 'Down' | 'Up';
     title: React.ReactNode;
     alt?: string;
     disabled?: boolean;
     children: (toggle: () => void) => React.ReactNode;
 }
-declare function Dropdown({ buttonKind, direction, isSmall, fadeIn, ...props }: Props$2): React.JSX.Element;
+declare function Dropdown({ buttonKind, direction, isSmall, fadeIn, ...props }: Props$7): React.JSX.Element;
+
 interface ListItemProps {
     className?: string;
     onClick?: () => void;
@@ -132,8 +134,9 @@ interface ListItemProps {
     children: React.ReactNode;
 }
 declare function DropdownListItem({ selected, ...props }: ListItemProps): React.JSX.Element;
+
 interface SmartfilterType {
-    __typename: "Smartfilter";
+    __typename: 'Smartfilter';
     id: string;
     label: string;
     metaproperties: MetapropertyType[];
@@ -148,36 +151,42 @@ interface SmartfilterProps {
     onRemoveOption: (metapropertyOption: MetapropertyOptionType) => void;
 }
 declare function SmartFilterContent(props: SmartfilterProps): React.JSX.Element;
-interface Props$3 {
+
+interface Props$6 {
     static?: React.ReactNode;
     className: string;
     children: React.ReactNode;
 }
-declare function HorizontalScroll(props: Props$3): React.JSX.Element;
-interface Props$4 {
+declare function HorizontalScroll(props: Props$6): React.JSX.Element;
+
+interface Props$5 {
     isLoading: boolean;
     hasNextPage: boolean;
     loadMore: () => void;
     children: React.ReactNode;
 }
-declare function InfiniteScroll(props: Props$4): React.JSX.Element;
-interface Props$5 {
+declare function InfiniteScroll(props: Props$5): React.JSX.Element;
+
+interface Props$4 {
     children: React.ReactNode;
     isOpen?: boolean;
     style?: React.CSSProperties;
     onClose?: () => void;
 }
-declare function Modal({ children, isOpen, style, onClose }: Props$5): React.JSX.Element | null;
-interface Props$6 {
+declare function Modal({ children, isOpen, style, onClose, }: Props$4): React.JSX.Element | null;
+
+interface Props$3 {
     onReset: () => void;
 }
-declare function NoResults(props: Props$6): React.JSX.Element;
-interface Props$7 {
+declare function NoResults(props: Props$3): React.JSX.Element;
+
+interface Props$2 {
     error: Error;
     onRetry: () => void;
     sentryClient?: BrowserClient;
 }
-declare function Oops({ error, onRetry, sentryClient }: Props$7): React.JSX.Element;
+declare function Oops({ error, onRetry, sentryClient }: Props$2): React.JSX.Element;
+
 interface ShadowRootProps {
     children: React.ReactNode;
     isContainerMode?: boolean;
@@ -189,14 +198,16 @@ interface ShadowRootProps {
  * externally from the npm package.
  */
 declare function ShadowRoot({ children, isContainerMode }: ShadowRootProps): React.JSX.Element;
-interface Props$8 {
+
+interface Props$1 {
     width?: number;
     className?: string;
 }
-declare function Skeleton({ width, className }: Props$8): React.JSX.Element;
-interface Props$9 {
+declare function Skeleton({ width, className }: Props$1): React.JSX.Element;
+
+interface Props {
     className?: string;
 }
-declare function Spinner(props: Props$9): React.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';
+declare function Spinner(props: Props): React.JSX.Element;
+
+export { AssetCard as Asset, AssetList, Chip, Dropdown, DropdownListItem, HorizontalScroll, InfiniteScroll, MetaPropertyFilterContent as Metaproperty, MetapropertyOptionComponent as MetapropertyOption, Modal, NoResults, Oops, ShadowRoot, Skeleton, SmartFilterContent as Smartfilter, Spinner, type Asset as displayAsset, type MetapropertyType as metaproperty, type MetapropertyOptionType as metapropertyOption, type SmartfilterType as smartfilter };