@ntbjs/react-components 2.0.14 → 3.0.0-rc.2

package/types/hooks/useFloatingPopover.d.ts

@@ -0,0 +1,161 @@
+import { useInteractions, useTransitionStyles } from '@floating-ui/react';
+import type { Middleware, OpenChangeReason, Placement, UseClickProps, UseDismissProps, UseFloatingReturn, UseFocusProps, UseHoverProps, UseTransitionStylesProps } from '@floating-ui/react';
+export declare const DEFAULT_ARROW_HEIGHT = 15;
+export type PopoverPlacement = Placement | AutoPlacement;
+export type AutoPlacement = 'auto' | 'auto-start' | 'auto-end';
+export type PopperOffset = readonly [skidding: number, distance: number];
+/** What `useFloatingPopover` accepts. Every member is optional. */
+export interface UseFloatingPopoverOptions {
+    /**
+     * Preferred placement, in the shared Popper/Floating UI vocabulary. `auto`,
+     * `auto-start` and `auto-end` swap `flip()` for `autoPlacement()`.
+     *
+     * @default 'bottom'
+     */
+    placement?: PopoverPlacement;
+    /**
+     * Controlled open state — our `visible` prop. `undefined` (the default) means
+     * UNCONTROLLED: the hook owns the state and the parsed `trigger` drives it. Any
+     * boolean, INCLUDING `false`, means controlled and turns the trigger Hooks off;
+     * see rule 1 in the file header.
+     */
+    open?: boolean;
+    /**
+     * Called on every open-state change, controlled or not, with Floating UI's
+     * `reason`. `reason === 'outside-press'` is what `Popover`'s `onClickOutside`
+     * prop maps onto.
+     */
+    onOpenChange?: (open: boolean, event?: Event, reason?: OpenChangeReason) => void;
+    /**
+     * tippy's `trigger` space-string, e.g. `'click focus'`, `'mouseenter'`, `''`.
+     * `undefined` means tippy's default (`'mouseenter focus'`) and `''` means no
+     * triggers at all — `parseTrigger` owns both rules and documents where `''` is
+     * used in the consumers.
+     */
+    trigger?: string | null;
+    /**
+     * `[skidding, distance]` where distance is the arrow-tip gap (see `DEFAULT_ARROW_HEIGHT`).
+     * Skidding maps to Floating UI's `crossAxis` (no sign flip for `-end` placements).
+     * @default [0, 0]
+     */
+    offset?: PopperOffset;
+    /**
+     * Whether an arrow is rendered. The hook does not render it — it only adds the
+     * `arrow()` middleware, exposes `arrowRef`, and adds `arrowHeight` to the
+     * main-axis offset.
+     *
+     * @default false
+     */
+    arrow?: boolean;
+    /**
+     * Height in px of the arrow the caller renders, i.e. how far it protrudes from
+     * the floating element. Only read when `arrow` is `true`.
+     *
+     * @default DEFAULT_ARROW_HEIGHT (15 — the popover arrow; see its derivation)
+     */
+    arrowHeight?: number;
+    /**
+     * Pointer can travel from reference to floating element without closing.
+     * Also determines `pointerEvents` in the return value.
+     * @default false
+     */
+    interactive?: boolean;
+    /**
+     * tippy's `disabled`: can never open. Forces the resolved open state to `false`
+     * and disables every interaction Hook (rule 2 in the file header).
+     *
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Transition duration in ms — our `duration` prop, fed to
+     * `useTransitionStyles`. tippy's own default is the asymmetric `[300, 250]`;
+     * both our components default it to `350`, so there is no default here and the
+     * caller states it.
+     */
+    duration?: UseTransitionStylesProps['duration'];
+    /**
+     * Overrides for the transition. `initial` defaults to a placement-aware
+     * reproduction of tippy's `animation="shift-away-subtle"`, which both
+     * components hardcode.
+     */
+    transition?: Omit<UseTransitionStylesProps, 'duration'>;
+    /**
+     * `useDismiss` overrides. Defaults match tippy: `outsidePress: true`,
+     * `referencePress: false`, `escapeKey: false`. `enabled` is `!disabled`.
+     */
+    dismiss?: Omit<UseDismissProps, 'enabled'>;
+    /** `useHover` overrides, e.g. `restMs`. `enabled` and `handleClose` are owned here. */
+    hover?: Omit<UseHoverProps, 'enabled' | 'handleClose'>;
+    /** `useClick` overrides. `enabled` is owned here. */
+    click?: Omit<UseClickProps, 'enabled'>;
+    /**
+     * `useFocus` overrides. `visibleOnly` defaults to `false` (not Floating UI's `true`)
+     * to match tippy's plain focusin listener without :focus-visible test.
+     */
+    focus?: Omit<UseFocusProps, 'enabled'>;
+    /**
+     * Cap floating element height to available space. Opt-in; only Popover uses it.
+     * @default false
+     */
+    constrainHeight?: boolean;
+    /** `padding` for the height cap. @default 10, from the modifier it replaces */
+    maxHeightPadding?: number;
+    /** `padding` for `flip()` / `shift()`. @default 5 */
+    collisionPadding?: number;
+    /**
+     * `FloatingTree` node id, for nested context-menu submenus. Passed straight to
+     * `useFloating`; unused until the `contextMenuSublevel` work (plan C5).
+     */
+    nodeId?: string;
+    /** Extra middleware, appended last. */
+    middleware?: Middleware[];
+}
+/** What `useFloatingPopover` returns. */
+export interface UseFloatingPopoverReturn {
+    /** `refs.setReference` / `refs.setFloating`, straight from `useFloating`. */
+    refs: UseFloatingReturn['refs'];
+    /** Absolute-position styles for the floating element. */
+    floatingStyles: UseFloatingReturn['floatingStyles'];
+    /** The Floating UI context — needed by `FloatingArrow`, `FloatingPortal`, `FloatingTree`. */
+    context: UseFloatingReturn['context'];
+    /** Spread onto the reference element. */
+    getReferenceProps: ReturnType<typeof useInteractions>['getReferenceProps'];
+    /** Spread onto the floating element. */
+    getFloatingProps: ReturnType<typeof useInteractions>['getFloatingProps'];
+    /** `true` while the element should be in the DOM, including during the close transition. */
+    isMounted: boolean;
+    /**
+     * The transition styles for the current phase. Named `transitionStyles` and not
+     * `styles` so a call site cannot confuse it with `floatingStyles` — the two are
+     * applied to different elements (position on the outer, transition on the
+     * inner) in all three existing implementations.
+     */
+    transitionStyles: ReturnType<typeof useTransitionStyles>['styles'];
+    /** Attach to the rendered arrow. Already wired into the `arrow()` middleware. */
+    arrowRef: React.MutableRefObject<SVGSVGElement | null>;
+    /** The resolved open state, after `disabled` and controlled/uncontrolled resolution. */
+    isOpen: boolean;
+    /**
+     * Imperative open/close, honouring controlled mode by reporting through
+     * `onOpenChange`. This is what replaces the `_tippy.hide()` + `[data-tippy-root]`
+     * DOM sweep in `Popover.tsx`'s `handleContextMenuItemClick`.
+     */
+    setOpen: (open: boolean, event?: Event, reason?: OpenChangeReason) => void;
+    /** The placement actually used after `flip()` / `autoPlacement()` resolved it. */
+    placement: Placement;
+    /**
+     * `'none'` when `interactive` is `false`, otherwise `undefined`. tippy sets
+     * `pointer-events: none` on the popper root of a non-interactive instance; the
+     * hook reports the value rather than applying it, because which element carries
+     * it differs per call site.
+     */
+    pointerEvents: 'none' | undefined;
+}
+/**
+ * Positions and drives one floating element.
+ *
+ * @param options see `UseFloatingPopoverOptions`; every member is optional
+ */
+export declare function useFloatingPopover(options?: UseFloatingPopoverOptions): UseFloatingPopoverReturn;
+export default useFloatingPopover;

package/types/hooks/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,3 @@
+import type { DependencyList, EffectCallback } from 'react';
+declare const useIsomorphicLayoutEffect: (effect: EffectCallback, deps?: DependencyList) => void;
+export default useIsomorphicLayoutEffect;

package/types/hooks/useOnClickOutside.d.ts

@@ -0,0 +1,13 @@
+import type { DomEventMap } from './useEventListner';
+import type { RefObject } from 'react';
+export type OutsideClickEventName = 'mousedown' | 'mouseup' | 'click';
+export type OutsideClickEvent = DomEventMap[OutsideClickEventName];
+/**
+ * Fires handler on pointer events outside ref (and its descendants).
+ * Ref is nullable — the runtime contract checks ref?.current.
+ *
+ * @param ref        the "inside" element; clicks on it or descendants are ignored
+ * @param handler    called only for outside clicks
+ * @param mouseEvent event to listen for; defaults to `'mousedown'` (before focus moves)
+ */
+export declare function useOnClickOutside<T extends Node = HTMLElement>(ref: RefObject<T | null> | null | undefined, handler: (event: OutsideClickEvent) => void, mouseEvent?: OutsideClickEventName): void;

package/types/hooks/useTooltipAutoShow.d.ts

@@ -0,0 +1,31 @@
+/**
+ * What `useTooltipAutoShow` returns. Spread straight onto a `Tooltip` by
+ * `TextArea` and `CompactTextInput`.
+ */
+export interface TooltipAutoShow {
+    /** Clears the forced-visible state. Wire to the trigger's `onMouseLeave`. */
+    toolTipOnMouseLeave: () => void;
+    /**
+     * The last non-empty content. Sticky on purpose, so the tooltip can animate
+     * out with its text intact instead of emptying mid-transition.
+     */
+    toolTipContent: string;
+    /** `true` while there is no content, which suppresses the tooltip entirely. */
+    toolTipDisabled: boolean;
+    /**
+     * `true | undefined`, never `false`. Any boolean (including `false`) switches
+     * to controlled mode and disables hover triggering. `undefined` means uncontrolled;
+     * `true` means force-visible. This contract is checked by `useFloatingPopover`
+     * with `typeof open === 'boolean'`.
+     */
+    toolTipVisible: true | undefined;
+}
+/**
+ * Tracks tooltip content and forces visibility when content transitions from
+ * empty → non-empty, then defaults to trigger prop.
+ *
+ * @param content the tooltip text. `string`, not `ReactNode`, because both call sites
+ *                use it with an empty-string default.
+ */
+declare function useTooltipAutoShow(content?: string): TooltipAutoShow;
+export default useTooltipAutoShow;

package/types/icons/index.d.ts

@@ -0,0 +1,41 @@
+import { ReactComponent as AddIcon } from './add.svg';
+import { ReactComponent as AddCircleIcon } from './add-circle.svg';
+import { ReactComponent as AlbumIcon } from './album.svg';
+import { ReactComponent as ArrowBackIcon } from './arrow-back.svg';
+import { ReactComponent as ArrowDropDownIcon } from './arrow-drop-down.svg';
+import { ReactComponent as ArrowForwardIcon } from './arrow-forward.svg';
+import { ReactComponent as AudioIcon } from './audio.svg';
+import { ReactComponent as BellIcon } from './bell.svg';
+import { ReactComponent as CheckCircleIcon } from './check-circle-filled.svg';
+import { ReactComponent as CheckRectangleIcon } from './check-rectangle-filled.svg';
+import { ReactComponent as CloseIcon } from './close.svg';
+import { ReactComponent as CorporateIcon } from './corporate.svg';
+import { ReactComponent as DeleteContextMenuIcon } from './delete-context-menu.svg';
+import { ReactComponent as DeleteIcon } from './delete.svg';
+import { ReactComponent as DesignServicesIcon } from './design-services.svg';
+import { ReactComponent as DownloadIcon } from './download.svg';
+import { ReactComponent as EditNoteIcon } from './edit-note.svg';
+import { ReactComponent as EditIcon } from './edit.svg';
+import { ReactComponent as ExpandMoreIcon } from './expand-more.svg';
+import { ReactComponent as FileIcon } from './file.svg';
+import { ReactComponent as FtpIcon } from './ftp.svg';
+import { ReactComponent as GearIcon } from './gear.svg';
+import { ReactComponent as HeadsetIcon } from './headset.svg';
+import { ReactComponent as LayersIcon } from './layers.svg';
+import { ReactComponent as LibraryAddIcon } from './library-add.svg';
+import { ReactComponent as LinkIcon } from './link.svg';
+import { ReactComponent as PdfIcon } from './pdf.svg';
+import { ReactComponent as PlayIcon } from './play.svg';
+import { ReactComponent as RemoveCircleIcon } from './remove-circle.svg';
+import { ReactComponent as SearchIcon } from './search.svg';
+import { ReactComponent as ShareIcon } from './share.svg';
+import { ReactComponent as ShoppingCartAddIcon } from './shopping_cart_add.svg';
+import { ReactComponent as StarFilledIcon } from './star-filled.svg';
+import { ReactComponent as StarIcon } from './star.svg';
+import { ReactComponent as TriangleRightIcon } from './triangle-right.svg';
+import { ReactComponent as VerificationIcon } from './verification.svg';
+import { ReactComponent as WarningCircleIcon } from './warning-circle.svg';
+import { ReactComponent as WarningTriangleIcon } from './warning-triangle.svg';
+import { ReactComponent as InfoRedIcon } from './info-red.svg';
+import { ReactComponent as InfoYellowIcon } from './info-yellow.svg';
+export { AddIcon, AddCircleIcon, AlbumIcon, ArrowBackIcon, ArrowDropDownIcon, ArrowForwardIcon, AudioIcon, BellIcon, CheckCircleIcon, CheckRectangleIcon, CloseIcon, CorporateIcon, DeleteContextMenuIcon, DeleteIcon, DesignServicesIcon, DownloadIcon, EditNoteIcon, EditIcon, ExpandMoreIcon, FileIcon, FtpIcon, GearIcon, HeadsetIcon, LayersIcon, LibraryAddIcon, LinkIcon, PdfIcon, PlayIcon, RemoveCircleIcon, SearchIcon, ShareIcon, ShoppingCartAddIcon, StarFilledIcon, StarIcon, TriangleRightIcon, VerificationIcon, WarningCircleIcon, WarningTriangleIcon, InfoRedIcon, InfoYellowIcon };

package/types/ssr/index.d.ts

@@ -0,0 +1 @@
+export { ServerStyleSheet } from "styled-components";

package/types/styles/utils/colors-export.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Hand-written types for colors-export.js.
+ *
+ * Do not derive this from the .js with `keyof typeof`: it works here because the library
+ * compiles with `allowJs`, but a consumer without it degrades the key to
+ * `string | number | symbol` silently and then emits TS2731 in their build, not ours.
+ * The cost is a third hand-maintained copy of the palette beside .config.scss and
+ * colors-export.js, so drift is caught by a build gate rather than at runtime.
+ * It must stay a `.d.ts` — a `.ts` would ship raw TypeScript in the published package.
+ */
+
+/**
+ * Every registered design-token colour name.
+ *
+ * `theme.getColor` takes this union, so `getColor('emerald-999')` is a compile
+ * error instead of a `throw` from inside a styled template at runtime.
+ */
+export type ColorName =
+  | 'orange-600'
+  | 'orange-500'
+  | 'orange-400'
+  | 'emerald-600'
+  | 'emerald-500'
+  | 'emerald-400'
+  | 'emerald-300'
+  | 'emerald-200'
+  | 'gray-900'
+  | 'gray-800'
+  | 'gray-700'
+  | 'gray-600'
+  | 'gray-500'
+  | 'gray-400'
+  | 'gray-300'
+  | 'gray-200'
+  | 'gray-100'
+  | 'gray-50'
+  | 'cercise-500'
+  | 'cercise-400'
+  | 'cercise-300'
+  | 'cercise-200'
+  | 'cercise-100'
+  | 'red-600'
+  | 'red-500'
+  | 'red-200'
+  | 'brown-500'
+  | 'signal-yellow-500'
+  | 'signal-yellow-400'
+  | 'signal-green-500'
+  | 'signal-green-400'
+  | 'black'
+  | 'white';
+
+/** The palette itself: every `ColorName` mapped to a `#rrggbb` string. */
+export declare const colors: Record<ColorName, string>;

package/types/utils/dateTime.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Convert time given in miliseconds to a string representation of hours, minutes and seconds
+ * in the format HH:MM:SS
+ *
+ * Hours are omitted for durations under an hour (result is MM:SS).
+ * @param ms duration in milliseconds as number (not string, to avoid NaN)
+ */
+export declare const convertMsToHMS: (ms: number) => string;

package/types/utils/defaultTheme.d.ts

@@ -0,0 +1,95 @@
+import type { ColorName } from '../styles/utils/colors-export';
+import type { Interpolation, RuleSet } from 'styled-components';
+export type { ColorName };
+export type GetColor = (name: ColorName) => string;
+export type ThemePropValue = Interpolation<object>;
+/**
+ * Emits three declarations: body.dark-theme, body.light-theme, and
+ * neither-class with prefers-color-scheme fallback, so one property can
+ * differ between themes.
+ *
+ * Two unenforceable conventions that cause visual bugs: (1) Don't call inside
+ * `&::after` / `&::before` — generated selector can't address pseudo-elements;
+ * write rules explicitly instead. (2) Use static `&[data-x='state']` selectors,
+ * not dynamic `${props => css\`\`}` — dynamic rules share componentId, so
+ * instances collide.
+ *
+ * @param property    CSS property (e.g. color, background, --custom-prop)
+ * @param darkMode    value for body.dark-theme
+ * @param lightMode   value for body.light-theme (also fallback when no class)
+ * @param specificity how many `&` to repeat in selector; a number (prevents
+ *                    passing '!important' by mistake)
+ */
+export type ThemeProp = (property: string, darkMode: ThemePropValue, lightMode: ThemePropValue, specificity?: number) => RuleSet<object>;
+export interface ThemeSpacing {
+    baseUnit: number;
+    controlHeight: number;
+    menuGutter: number;
+}
+export interface ThemeColors {
+    primary: string;
+    primary75: string;
+    primary50: string;
+    primary25: string;
+    danger: string;
+    neutral0: string;
+    neutral5: string;
+    neutral10: string;
+    neutral20: string;
+    neutral30: string;
+    neutral40: string;
+    neutral50: string;
+    neutral60: string;
+    neutral70: string;
+    neutral80: string;
+    neutral90: string;
+}
+export interface NtbTheme {
+    getColor: GetColor;
+    primaryFontFamily: string;
+    secondaryFontFamily: string;
+    themeProp: ThemeProp;
+    spacing: ThemeSpacing;
+    colors: ThemeColors;
+}
+export type PartialNtbTheme = Partial<NtbTheme>;
+export interface ThemedProps {
+    theme?: PartialNtbTheme;
+}
+export declare const defaultTheme: {
+    getColor: (name: ColorName) => string;
+    primaryFontFamily: string;
+    secondaryFontFamily: string;
+    themeProp: typeof themeProp;
+    spacing: {
+        baseUnit: number;
+        controlHeight: number;
+        menuGutter: number;
+    };
+    colors: {
+        primary: string;
+        primary75: string;
+        primary50: string;
+        primary25: string;
+        danger: string;
+        neutral0: string;
+        neutral5: string;
+        neutral10: string;
+        neutral20: string;
+        neutral30: string;
+        neutral40: string;
+        neutral50: string;
+        neutral60: string;
+        neutral70: string;
+        neutral80: string;
+        neutral90: string;
+    };
+};
+declare function themeProp(property: string, darkMode: ThemePropValue, lightMode: ThemePropValue, specificity?: number): RuleSet<object>;
+export declare function applyDefaultTheme({ theme, ...props }: ThemedProps): {
+    theme: NtbTheme;
+};
+declare module 'styled-components' {
+    interface DefaultTheme extends NtbTheme {
+    }
+}

package/types/utils/getElementRef.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function getElementRef(element: React.ReactElement): React.Ref<unknown> | null;

package/types/utils/parseTrigger.d.ts

@@ -0,0 +1,22 @@
+export interface ParsedTrigger {
+    /** `click` token present → `useClick`. */
+    click: boolean;
+    /** `mouseenter` token present → `useHover`. */
+    hover: boolean;
+    /** `focus` or `focusin` token present → `useFocus`. */
+    focus: boolean;
+}
+export declare const TIPPY_DEFAULT_TRIGGER = "mouseenter focus";
+/**
+ * Parses a tippy trigger string into Floating UI Hook flags.
+ *
+ * Three inputs are easy to get wrong: `undefined`/`null` → tippy default (hover+focus,
+ * NOT "no triggers"); `''` → no triggers (used in sales overlays to conditionally
+ * suppress tooltips); filter(Boolean) is load-bearing (empty string splits to ['']
+ * which would otherwise be treated as an unrecognised token). Controlled mode is
+ * NOT handled here — useFloatingPopover gates the Hooks based on visible.
+ *
+ * @param trigger tippy's trigger prop; `undefined`/`null` → 'mouseenter focus';
+ *                `''` → all flags false
+ */
+export declare function parseTrigger(trigger?: string | null): ParsedTrigger;

package/build/_virtual/_rollupPluginBabelHelpers.js

@@ -1,12 +0,0 @@
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function (n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-
-export { _extends as extends };
-//# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/build/_virtual/_rollupPluginBabelHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_rollupPluginBabelHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}

package/build/widgets/AssetGallery/asset.propType.js

@@ -1,56 +0,0 @@
-import PropTypes from 'prop-types';
-
-const assetShape = {
-  key: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-  previewUrl: PropTypes.string,
-  title: PropTypes.string,
-  note: PropTypes.shape({
-    icon: PropTypes.element,
-    message: PropTypes.string
-  }),
-  width: PropTypes.number,
-  height: PropTypes.number,
-  fileType: PropTypes.oneOf(['image', 'video', 'pdf', 'file', 'audio']).isRequired,
-  fileTypeIconPosition: PropTypes.oneOf(['top-left', 'top-right']),
-  group: PropTypes.string,
-  actions: PropTypes.arrayOf(PropTypes.shape({
-    title: PropTypes.string.isRequired,
-    icon: PropTypes.element.isRequired,
-    onClick: PropTypes.func.isRequired,
-    className: PropTypes.shape,
-    component: PropTypes.func
-  })),
-  statusIcon: PropTypes.element,
-  overlay: PropTypes.element,
-  completed: PropTypes.bool,
-  hasError: PropTypes.bool,
-  disabled: PropTypes.bool,
-  onClick: PropTypes.func,
-  onContextMenu: PropTypes.func,
-  onMouseEnter: PropTypes.func,
-  instructionSeverity: PropTypes.oneOf([1, 2, 3, 4, 5]),
-  summary: PropTypes.shape({
-    title: PropTypes.string,
-    description: PropTypes.string,
-    instructions: PropTypes.string,
-    instructionSeverity: PropTypes.oneOf([1, 2, 3, 4, 5]),
-    headerLeft: PropTypes.node,
-    headerRight: PropTypes.node,
-    footerLeft: PropTypes.node,
-    footerRight: PropTypes.node
-  })
-};
-const assetShapeWithLayout = {
-  ...assetShape,
-  layout: PropTypes.shape({
-    width: PropTypes.number.isRequired,
-    height: PropTypes.number.isRequired,
-    translateX: PropTypes.number.isRequired,
-    translateY: PropTypes.number.isRequired,
-    type: PropTypes.oneOf(['groupLabel', 'asset']).isRequired,
-    hasHeightAndWidth: PropTypes.bool
-  }).isRequired
-};
-
-export { assetShape, assetShapeWithLayout };
-//# sourceMappingURL=asset.propType.js.map

package/build/widgets/AssetGallery/asset.propType.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"asset.propType.js","sources":["../../../src/components/widgets/AssetGallery/asset.propType.js"],"sourcesContent":["import PropTypes from 'prop-types';\n\nexport const assetShape = {\n  key: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n  previewUrl: PropTypes.string,\n  title: PropTypes.string,\n  note: PropTypes.shape({\n    icon: PropTypes.element,\n    message: PropTypes.string\n  }),\n  width: PropTypes.number,\n  height: PropTypes.number,\n  fileType: PropTypes.oneOf(['image', 'video', 'pdf', 'file', 'audio']).isRequired,\n  fileTypeIconPosition: PropTypes.oneOf(['top-left', 'top-right']),\n  group: PropTypes.string,\n  actions: PropTypes.arrayOf(\n    PropTypes.shape({\n      title: PropTypes.string.isRequired,\n      icon: PropTypes.element.isRequired,\n      onClick: PropTypes.func.isRequired,\n      className: PropTypes.shape,\n      component: PropTypes.func\n    })\n  ),\n  statusIcon: PropTypes.element,\n  overlay: PropTypes.element,\n  completed: PropTypes.bool,\n  hasError: PropTypes.bool,\n  disabled: PropTypes.bool,\n  onClick: PropTypes.func,\n  onContextMenu: PropTypes.func,\n  onMouseEnter: PropTypes.func,\n  instructionSeverity: PropTypes.oneOf([1, 2, 3, 4, 5]),\n  summary: PropTypes.shape({\n    title: PropTypes.string,\n    description: PropTypes.string,\n    instructions: PropTypes.string,\n    instructionSeverity: PropTypes.oneOf([1, 2, 3, 4, 5]),\n    headerLeft: PropTypes.node,\n    headerRight: PropTypes.node,\n    footerLeft: PropTypes.node,\n    footerRight: PropTypes.node\n  })\n};\n\nexport const assetShapeWithLayout = {\n  ...assetShape,\n  layout: PropTypes.shape({\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n    translateX: PropTypes.number.isRequired,\n    translateY: PropTypes.number.isRequired,\n    type: PropTypes.oneOf(['groupLabel', 'asset']).isRequired,\n    hasHeightAndWidth: PropTypes.bool\n  }).isRequired\n};\n"],"names":["assetShape","key","PropTypes","oneOfType","string","number","isRequired","previewUrl","title","note","shape","icon","element","message","width","height","fileType","oneOf","fileTypeIconPosition","group","actions","arrayOf","onClick","func","className","component","statusIcon","overlay","completed","bool","hasError","disabled","onContextMenu","onMouseEnter","instructionSeverity","summary","description","instructions","headerLeft","node","headerRight","footerLeft","footerRight","assetShapeWithLayout","layout","translateX","translateY","type","hasHeightAndWidth"],"mappings":"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"}