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

package/build/utils/defaultTheme.js

@@ -35,41 +35,27 @@ const defaultTheme = {
 };
 function themeProp(property, darkMode, lightMode, specificity = 2) {
   const specificityString = Array(specificity).fill('&').join('');
-  return css`
-    body.dark-theme ${specificityString} {
-      ${property}: ${darkMode};
-    }
-
-    body.light-theme ${specificityString} {
-      ${property}: ${lightMode};
-    }
-
-    body:not(.light-theme):not(.dark-theme) ${specificityString} {
-      ${property}: ${lightMode};
-
-      @media (prefers-color-scheme: dark) {
-        ${property}: ${darkMode};
-      }
-    }
-  `;
+  return css(["body.dark-theme ", "{", ":", ";}body.light-theme ", "{", ":", ";}body:not(.light-theme):not(.dark-theme) ", "{", ":", ";@media (prefers-color-scheme:dark){", ":", ";}}"], specificityString, property, darkMode, specificityString, property, lightMode, specificityString, property, lightMode, property, darkMode);
 }
 function applyDefaultTheme({
   theme = {},
   ...props
 }) {
-  return {
+  const merged = {
+    ...defaultTheme,
+    ...theme,
+    getColor: typeof theme.getColor === 'function' ? theme.getColor : defaultTheme.getColor,
+    themeProp: typeof theme.themeProp === 'function' ? theme.themeProp : defaultTheme.themeProp,
+    primaryFontFamily: theme.primaryFontFamily || defaultTheme.primaryFontFamily,
+    secondaryFontFamily: theme.secondaryFontFamily || defaultTheme.secondaryFontFamily,
+    spacing: theme.spacing || defaultTheme.spacing,
+    colors: theme.colors || defaultTheme.colors
+  };
+  const attrs = {
     ...props,
-    theme: {
-      ...defaultTheme,
-      ...theme,
-      getColor: typeof theme.getColor === 'function' ? theme.getColor : defaultTheme.getColor,
-      themeProp: typeof theme.themeProp === 'function' ? theme.themeProp : defaultTheme.themeProp,
-      primaryFontFamily: theme.primaryFontFamily || defaultTheme.primaryFontFamily,
-      secondaryFontFamily: theme.secondaryFontFamily || defaultTheme.secondaryFontFamily,
-      spacing: theme.spacing || defaultTheme.spacing,
-      colors: theme.colors || defaultTheme.colors
-    }
+    theme: merged
   };
+  return attrs;
 }
 
 export { applyDefaultTheme, defaultTheme };

package/build/utils/defaultTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTheme.js","sources":["../../src/utils/defaultTheme.js"],"sourcesContent":["import { colors } from '../styles/utils/colors-export';\nimport { css } from 'styled-components';\n\nexport const defaultTheme = {\n  getColor: name => {\n    if (!colors[name]) throw Error(`The color \"${name}\" is not registered.`);\n    return colors[name];\n  },\n  primaryFontFamily: \"'Roboto', sans-serif\",\n  secondaryFontFamily: \"'Overpass', sans-serif\",\n  themeProp,\n  spacing: {\n    baseUnit: 4,\n    controlHeight: 38,\n    menuGutter: 8\n  },\n  colors: {\n    primary: colors['emerald-500'],\n    primary75: colors['emerald-400'],\n    primary50: colors['emerald-300'],\n    primary25: colors['emerald-200'],\n    danger: colors['red-500'],\n    neutral0: colors['white'],\n    neutral5: colors['gray-50'],\n    neutral10: colors['gray-100'],\n    neutral20: colors['gray-300'],\n    neutral30: colors['gray-400'],\n    neutral40: colors['gray-500'],\n    neutral50: colors['gray-600'],\n    neutral60: colors['gray-700'],\n    neutral70: colors['gray-800'],\n    neutral80: colors['gray-900'],\n    neutral90: colors['black']\n  }\n};\n\n/**\n * Applies a different css property value for dark and light mode\n * @param {string} property - The css property to apply - Eg: `color`, `background`\n * @param {string} darkMode - The value that will be applied in dark mode\n * @param {string} lightMode - The value that will be applied in light mode - Will also be used if either dark or light mode is set\n * @param specificity\n */\nfunction themeProp(property, darkMode, lightMode, specificity = 2) {\n  const specificityString = Array(specificity).fill('&').join('');\n\n  return css`\n    body.dark-theme ${specificityString} {\n      ${property}: ${darkMode};\n    }\n\n    body.light-theme ${specificityString} {\n      ${property}: ${lightMode};\n    }\n\n    body:not(.light-theme):not(.dark-theme) ${specificityString} {\n      ${property}: ${lightMode};\n\n      @media (prefers-color-scheme: dark) {\n        ${property}: ${darkMode};\n      }\n    }\n  `;\n}\n\nexport function applyDefaultTheme({ theme = {}, ...props }) {\n  return {\n    ...props,\n    theme: {\n      ...defaultTheme,\n      ...theme,\n      getColor: typeof theme.getColor === 'function' ? theme.getColor : defaultTheme.getColor,\n      themeProp: typeof theme.themeProp === 'function' ? theme.themeProp : defaultTheme.themeProp,\n      primaryFontFamily: theme.primaryFontFamily || defaultTheme.primaryFontFamily,\n      secondaryFontFamily: theme.secondaryFontFamily || defaultTheme.secondaryFontFamily,\n      spacing: theme.spacing || defaultTheme.spacing,\n      colors: theme.colors || defaultTheme.colors\n    }\n  };\n}\n"],"names":["defaultTheme","getColor","name","colors","Error","primaryFontFamily","secondaryFontFamily","themeProp","spacing","baseUnit","controlHeight","menuGutter","primary","primary75","primary50","primary25","danger","neutral0","neutral5","neutral10","neutral20","neutral30","neutral40","neutral50","neutral60","neutral70","neutral80","neutral90","property","darkMode","lightMode","specificity","specificityString","Array","fill","join","css","applyDefaultTheme","theme","props"],"mappings":";;;AAGO,MAAMA,YAAY,GAAG;EAC1BC,QAAQ,EAAEC,IAAI,IAAI;AAChB,IAAA,IAAI,CAACC,MAAM,CAACD,IAAI,CAAC,EAAE,MAAME,KAAK,CAAC,CAAA,WAAA,EAAcF,IAAI,CAAA,oBAAA,CAAsB,CAAC,CAAA;IACxE,OAAOC,MAAM,CAACD,IAAI,CAAC,CAAA;GACpB;AACDG,EAAAA,iBAAiB,EAAE,sBAAsB;AACzCC,EAAAA,mBAAmB,EAAE,wBAAwB;EAC7CC,SAAS;AACTC,EAAAA,OAAO,EAAE;AACPC,IAAAA,QAAQ,EAAE,CAAC;AACXC,IAAAA,aAAa,EAAE,EAAE;AACjBC,IAAAA,UAAU,EAAE,CAAA;GACb;AACDR,EAAAA,MAAM,EAAE;AACNS,IAAAA,OAAO,EAAET,MAAM,CAAC,aAAa,CAAC;AAC9BU,IAAAA,SAAS,EAAEV,MAAM,CAAC,aAAa,CAAC;AAChCW,IAAAA,SAAS,EAAEX,MAAM,CAAC,aAAa,CAAC;AAChCY,IAAAA,SAAS,EAAEZ,MAAM,CAAC,aAAa,CAAC;AAChCa,IAAAA,MAAM,EAAEb,MAAM,CAAC,SAAS,CAAC;AACzBc,IAAAA,QAAQ,EAAEd,MAAM,CAAC,OAAO,CAAC;AACzBe,IAAAA,QAAQ,EAAEf,MAAM,CAAC,SAAS,CAAC;AAC3BgB,IAAAA,SAAS,EAAEhB,MAAM,CAAC,UAAU,CAAC;AAC7BiB,IAAAA,SAAS,EAAEjB,MAAM,CAAC,UAAU,CAAC;AAC7BkB,IAAAA,SAAS,EAAElB,MAAM,CAAC,UAAU,CAAC;AAC7BmB,IAAAA,SAAS,EAAEnB,MAAM,CAAC,UAAU,CAAC;AAC7BoB,IAAAA,SAAS,EAAEpB,MAAM,CAAC,UAAU,CAAC;AAC7BqB,IAAAA,SAAS,EAAErB,MAAM,CAAC,UAAU,CAAC;AAC7BsB,IAAAA,SAAS,EAAEtB,MAAM,CAAC,UAAU,CAAC;AAC7BuB,IAAAA,SAAS,EAAEvB,MAAM,CAAC,UAAU,CAAC;IAC7BwB,SAAS,EAAExB,MAAM,CAAC,OAAO,CAAA;AAC3B,GAAA;AACF,EAAC;AASD,SAASI,SAASA,CAACqB,QAAQ,EAAEC,QAAQ,EAAEC,SAAS,EAAEC,WAAW,GAAG,CAAC,EAAE;AACjE,EAAA,MAAMC,iBAAiB,GAAGC,KAAK,CAACF,WAAW,CAAC,CAACG,IAAI,CAAC,GAAG,CAAC,CAACC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE/D,EAAA,OAAOC,GAAG,CAAA;AACZ,oBAAA,EAAsBJ,iBAAiB,CAAA;AACvC,MAAQJ,EAAAA,QAAQ,KAAKC,QAAQ,CAAA;AAC7B;AACA;AACA,qBAAA,EAAuBG,iBAAiB,CAAA;AACxC,MAAQJ,EAAAA,QAAQ,KAAKE,SAAS,CAAA;AAC9B;AACA;AACA,4CAAA,EAA8CE,iBAAiB,CAAA;AAC/D,MAAQJ,EAAAA,QAAQ,KAAKE,SAAS,CAAA;AAC9B;AACA;AACA,QAAUF,EAAAA,QAAQ,KAAKC,QAAQ,CAAA;AAC/B;AACA;AACA,EAAG,CAAA,CAAA;AACH,CAAA;AAEO,SAASQ,iBAAiBA,CAAC;EAAEC,KAAK,GAAG,EAAE;EAAE,GAAGC,KAAAA;AAAM,CAAC,EAAE;EAC1D,OAAO;AACL,IAAA,GAAGA,KAAK;AACRD,IAAAA,KAAK,EAAE;AACL,MAAA,GAAGtC,YAAY;AACf,MAAA,GAAGsC,KAAK;AACRrC,MAAAA,QAAQ,EAAE,OAAOqC,KAAK,CAACrC,QAAQ,KAAK,UAAU,GAAGqC,KAAK,CAACrC,QAAQ,GAAGD,YAAY,CAACC,QAAQ;AACvFM,MAAAA,SAAS,EAAE,OAAO+B,KAAK,CAAC/B,SAAS,KAAK,UAAU,GAAG+B,KAAK,CAAC/B,SAAS,GAAGP,YAAY,CAACO,SAAS;AAC3FF,MAAAA,iBAAiB,EAAEiC,KAAK,CAACjC,iBAAiB,IAAIL,YAAY,CAACK,iBAAiB;AAC5EC,MAAAA,mBAAmB,EAAEgC,KAAK,CAAChC,mBAAmB,IAAIN,YAAY,CAACM,mBAAmB;AAClFE,MAAAA,OAAO,EAAE8B,KAAK,CAAC9B,OAAO,IAAIR,YAAY,CAACQ,OAAO;AAC9CL,MAAAA,MAAM,EAAEmC,KAAK,CAACnC,MAAM,IAAIH,YAAY,CAACG,MAAAA;AACvC,KAAA;GACD,CAAA;AACH;;;;"}
+{"version":3,"file":"defaultTheme.js","sources":["../../src/utils/defaultTheme.ts"],"sourcesContent":["/// <reference path=\"../types/assets.d.ts\" />\n// Theme contract. Two load-bearing facts:\n// 1. The `/// <reference>` on line 1 makes assets.d.ts reachable to consumers\n//    (declarations must flow through the import graph, not just tsconfig include).\n// 2. DefaultTheme augmentation lives here, not separate — reachable by construction\n//    from all 36 importers with no import cycle.\nimport { colors } from '../styles/utils/colors-export';\nimport { css } from 'styled-components';\n\nimport type { ColorName } from '../styles/utils/colors-export';\nimport type { Interpolation, RuleSet } from 'styled-components';\n\nexport type { ColorName };\n\n// Throws at runtime for unregistered names. Parameter is closed ColorName union\n// (not string) so the error is compile-time at the call site, not runtime in template.\nexport type GetColor = (name: ColorName) => string;\n\n// Value themeProp interpolates — widened to Interpolation to accept callbacks and numbers.\n// The guarantee is ARITY (it works in css`` templates), not value narrowness.\nexport type ThemePropValue = Interpolation<object>;\n\n/**\n * Emits three declarations: body.dark-theme, body.light-theme, and\n * neither-class with prefers-color-scheme fallback, so one property can\n * differ between themes.\n *\n * Two unenforceable conventions that cause visual bugs: (1) Don't call inside\n * `&::after` / `&::before` — generated selector can't address pseudo-elements;\n * write rules explicitly instead. (2) Use static `&[data-x='state']` selectors,\n * not dynamic `${props => css\\`\\`}` — dynamic rules share componentId, so\n * instances collide.\n *\n * @param property    CSS property (e.g. color, background, --custom-prop)\n * @param darkMode    value for body.dark-theme\n * @param lightMode   value for body.light-theme (also fallback when no class)\n * @param specificity how many `&` to repeat in selector; a number (prevents\n *                    passing '!important' by mistake)\n */\nexport type ThemeProp = (\n  property: string,\n  darkMode: ThemePropValue,\n  lightMode: ThemePropValue,\n  specificity?: number\n) => RuleSet<object>;\n\n// Spacing scale. Member names are react-select's (consumed by their theme prop).\nexport interface ThemeSpacing {\n  baseUnit: number;\n  controlHeight: number;\n  menuGutter: number;\n}\n\n// react-select's color contract. Names are react-select's, not ours — don't rename.\nexport interface ThemeColors {\n  primary: string;\n  primary75: string;\n  primary50: string;\n  primary25: string;\n  danger: string;\n  neutral0: string;\n  neutral5: string;\n  neutral10: string;\n  neutral20: string;\n  neutral30: string;\n  neutral40: string;\n  neutral50: string;\n  neutral60: string;\n  neutral70: string;\n  neutral80: string;\n  neutral90: string;\n}\n\n// Whole theme as seen in styled templates. Every member required (truth in interpolations\n// and at ThemeProvider boundary). Consumers override with PartialNtbTheme + applyDefaultTheme.\nexport interface NtbTheme {\n  getColor: GetColor;\n  primaryFontFamily: string;\n  secondaryFontFamily: string;\n  themeProp: ThemeProp;\n  spacing: ThemeSpacing;\n  colors: ThemeColors;\n}\n\nexport type PartialNtbTheme = Partial<NtbTheme>;\n\n// Parameter for applyDefaultTheme. Not `ExecutionProps & ...` — intersection would\n// make theme required again (DefaultTheme is now NtbTheme with all members required).\n// Extra props still accepted and spread through at runtime.\nexport interface ThemedProps {\n  theme?: PartialNtbTheme;\n}\n\nexport const defaultTheme = {\n  getColor: name => {\n    if (!colors[name]) throw Error(`The color \"${name}\" is not registered.`);\n    return colors[name];\n  },\n  primaryFontFamily: \"'Roboto', sans-serif\",\n  secondaryFontFamily: \"'Overpass', sans-serif\",\n  themeProp,\n  spacing: {\n    baseUnit: 4,\n    controlHeight: 38,\n    menuGutter: 8\n  },\n  colors: {\n    primary: colors['emerald-500'],\n    primary75: colors['emerald-400'],\n    primary50: colors['emerald-300'],\n    primary25: colors['emerald-200'],\n    danger: colors['red-500'],\n    neutral0: colors['white'],\n    neutral5: colors['gray-50'],\n    neutral10: colors['gray-100'],\n    neutral20: colors['gray-300'],\n    neutral30: colors['gray-400'],\n    neutral40: colors['gray-500'],\n    neutral50: colors['gray-600'],\n    neutral60: colors['gray-700'],\n    neutral70: colors['gray-800'],\n    neutral80: colors['gray-900'],\n    neutral90: colors['black']\n  }\n  // satisfies (not : NtbTheme) — checks both directions and keeps literal types.\n  // Drift guard: runtime object and interface cannot disagree. Annotation would\n  // widen strings; deriving contract would lose JSDoc and named exports.\n} satisfies NtbTheme;\n\n// Applies different CSS values for dark/light mode (see ThemeProp type for conventions).\nfunction themeProp(\n  property: string,\n  darkMode: ThemePropValue,\n  lightMode: ThemePropValue,\n  specificity: number = 2\n): RuleSet<object> {\n  const specificityString = Array(specificity).fill('&').join('');\n\n  return css`\n    body.dark-theme ${specificityString} {\n      ${property}: ${darkMode};\n    }\n\n    body.light-theme ${specificityString} {\n      ${property}: ${lightMode};\n    }\n\n    body:not(.light-theme):not(.dark-theme) ${specificityString} {\n      ${property}: ${lightMode};\n\n      @media (prefers-color-scheme: dark) {\n        ${property}: ${darkMode};\n      }\n    }\n  `;\n}\n\n// .attrs() helper: merges caller's partial theme over defaultTheme.\n// Return type { theme: NtbTheme } (not P & ...) describes what this contributes,\n// not what attrs spreads back (avoiding 25-31 TS2345 assignability errors).\nexport function applyDefaultTheme({ theme = {}, ...props }: ThemedProps): { theme: NtbTheme } {\n  const merged: NtbTheme = {\n    ...defaultTheme,\n    ...theme,\n    getColor: typeof theme.getColor === 'function' ? theme.getColor : defaultTheme.getColor,\n    themeProp: typeof theme.themeProp === 'function' ? theme.themeProp : defaultTheme.themeProp,\n    primaryFontFamily: theme.primaryFontFamily || defaultTheme.primaryFontFamily,\n    secondaryFontFamily: theme.secondaryFontFamily || defaultTheme.secondaryFontFamily,\n    spacing: theme.spacing || defaultTheme.spacing,\n    colors: theme.colors || defaultTheme.colors\n  };\n\n  // Assigned to local so returned object isn't a fresh literal (would fail excess-property check).\n  const attrs = { ...props, theme: merged };\n  return attrs;\n}\n\n// Module augmentation of styled-components DefaultTheme (not a separate interface).\n// Needed because ExecutionContext.theme is typed as DefaultTheme in styled-components' own declarations.\ndeclare module 'styled-components' {\n  export interface DefaultTheme extends NtbTheme {}\n}\n"],"names":["defaultTheme","getColor","name","colors","Error","primaryFontFamily","secondaryFontFamily","themeProp","spacing","baseUnit","controlHeight","menuGutter","primary","primary75","primary50","primary25","danger","neutral0","neutral5","neutral10","neutral20","neutral30","neutral40","neutral50","neutral60","neutral70","neutral80","neutral90","property","darkMode","lightMode","specificity","specificityString","Array","fill","join","css","applyDefaultTheme","theme","props","merged","attrs"],"mappings":"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"}

package/build/utils/getElementRef.js

@@ -0,0 +1,14 @@
+function getElementRef(element) {
+  const withRef = element;
+  const propsRef = Object.getOwnPropertyDescriptor(element.props, 'ref');
+  if (propsRef?.get && propsRef.get.isReactWarning) {
+    return withRef.ref ?? null;
+  }
+  if (propsRef) {
+    return withRef.props.ref ?? null;
+  }
+  return withRef.ref ?? null;
+}
+
+export { getElementRef };
+//# sourceMappingURL=getElementRef.js.map

package/build/utils/getElementRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getElementRef.js","sources":["../../src/utils/getElementRef.ts"],"sourcesContent":["import * as React from 'react';\n\n// Reads a child's ref across react >= 16.14.\n// React 19 has ref as a regular prop; <19 moves it to element.ref. The property shape\n// (data prop vs warning getter) determines which branch to use — early return on React 19's\n// data prop avoids warning getters in all branches.\nexport function getElementRef(element: React.ReactElement): React.Ref<unknown> | null {\n  type WarningGetter = (() => unknown) & { isReactWarning?: boolean };\n\n  const withRef = element as React.ReactElement<{ ref?: React.Ref<unknown> }> & {\n    ref?: React.Ref<unknown>;\n  };\n\n  const propsRef = Object.getOwnPropertyDescriptor(element.props as object, 'ref');\n\n  // React 18.3: props.ref warns — read from element.ref instead.\n  if (propsRef?.get && (propsRef.get as WarningGetter).isReactWarning) {\n    return withRef.ref ?? null;\n  }\n\n  // React 19: props.ref is a genuine data prop (avoids deprecated element.ref getter).\n  if (propsRef) {\n    return withRef.props.ref ?? null;\n  }\n\n  // React <19 or React 19 with no ref — element.ref is a data property.\n  return withRef.ref ?? null;\n}\n"],"names":["getElementRef","element","withRef","propsRef","Object","getOwnPropertyDescriptor","props","get","isReactWarning","ref"],"mappings":"AAMO,SAASA,aAAaA,CAACC,OAA2B,EAA6B;EAGpF,MAAMC,OAAO,GAAGD,OAEf;EAED,MAAME,QAAQ,GAAGC,MAAM,CAACC,wBAAwB,CAACJ,OAAO,CAACK,KAAK,EAAY,KAAK,CAAC;EAGhF,IAAIH,QAAQ,EAAEI,GAAG,IAAKJ,QAAQ,CAACI,GAAG,CAAmBC,cAAc,EAAE;AACnE,IAAA,OAAON,OAAO,CAACO,GAAG,IAAI,IAAI;AAC5B,EAAA;AAGA,EAAA,IAAIN,QAAQ,EAAE;AACZ,IAAA,OAAOD,OAAO,CAACI,KAAK,CAACG,GAAG,IAAI,IAAI;AAClC,EAAA;AAGA,EAAA,OAAOP,OAAO,CAACO,GAAG,IAAI,IAAI;AAC5B;;;;"}

package/build/utils/parseTrigger.js

@@ -0,0 +1,16 @@
+const TIPPY_DEFAULT_TRIGGER = 'mouseenter focus';
+const CLICK_TOKEN = 'click';
+const HOVER_TOKEN = 'mouseenter';
+const FOCUS_TOKENS = ['focus', 'focusin'];
+function parseTrigger(trigger) {
+  const source = trigger == null ? TIPPY_DEFAULT_TRIGGER : trigger;
+  const tokens = source.split(/\s+/).filter(Boolean);
+  return {
+    click: tokens.includes(CLICK_TOKEN),
+    hover: tokens.includes(HOVER_TOKEN),
+    focus: tokens.some(token => FOCUS_TOKENS.includes(token))
+  };
+}
+
+export { TIPPY_DEFAULT_TRIGGER, parseTrigger };
+//# sourceMappingURL=parseTrigger.js.map

package/build/utils/parseTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseTrigger.js","sources":["../../src/utils/parseTrigger.ts"],"sourcesContent":["// Parses tippy's trigger space-string into Floating UI's three separate Hook flags.\n// Pure function: no Hook call, so it's testable and reusable beyond useFloatingPopover.\n\n// Floating UI interaction Hooks enabled by a tippy trigger string.\n// All three members required (not optional) — \"not mentioned\" and \"off\" are the same.\nexport interface ParsedTrigger {\n  /** `click` token present → `useClick`. */\n  click: boolean;\n  /** `mouseenter` token present → `useHover`. */\n  hover: boolean;\n  /** `focus` or `focusin` token present → `useFocus`. */\n  focus: boolean;\n}\n\n// tippy's default. Tooltip passes undefined for trigger, meaning this default applies.\n// Popover has its own default ('click focus'), so only Tooltip relies on this.\nexport const TIPPY_DEFAULT_TRIGGER = 'mouseenter focus';\n\n// Token mappings: click → useClick, mouseenter → useHover, focus/focusin → useFocus.\n// focus and focusin collapse (useFocus covers both). Unrecognized tokens are silently\n// inert (matching tippy), not thrown — a typo at a working call site stays working.\nconst CLICK_TOKEN = 'click';\nconst HOVER_TOKEN = 'mouseenter';\nconst FOCUS_TOKENS = ['focus', 'focusin'];\n\n/**\n * Parses a tippy trigger string into Floating UI Hook flags.\n *\n * Three inputs are easy to get wrong: `undefined`/`null` → tippy default (hover+focus,\n * NOT \"no triggers\"); `''` → no triggers (used in sales overlays to conditionally\n * suppress tooltips); filter(Boolean) is load-bearing (empty string splits to ['']\n * which would otherwise be treated as an unrecognised token). Controlled mode is\n * NOT handled here — useFloatingPopover gates the Hooks based on visible.\n *\n * @param trigger tippy's trigger prop; `undefined`/`null` → 'mouseenter focus';\n *                `''` → all flags false\n */\nexport function parseTrigger(trigger?: string | null): ParsedTrigger {\n  const source = trigger == null ? TIPPY_DEFAULT_TRIGGER : trigger;\n  const tokens = source.split(/\\s+/).filter(Boolean);\n\n  return {\n    click: tokens.includes(CLICK_TOKEN),\n    hover: tokens.includes(HOVER_TOKEN),\n    focus: tokens.some(token => FOCUS_TOKENS.includes(token))\n  };\n}\n"],"names":["TIPPY_DEFAULT_TRIGGER","CLICK_TOKEN","HOVER_TOKEN","FOCUS_TOKENS","parseTrigger","trigger","source","tokens","split","filter","Boolean","click","includes","hover","focus","some","token"],"mappings":"AAgBO,MAAMA,qBAAqB,GAAG;AAKrC,MAAMC,WAAW,GAAG,OAAO;AAC3B,MAAMC,WAAW,GAAG,YAAY;AAChC,MAAMC,YAAY,GAAG,CAAC,OAAO,EAAE,SAAS,CAAC;AAclC,SAASC,YAAYA,CAACC,OAAuB,EAAiB;EACnE,MAAMC,MAAM,GAAGD,OAAO,IAAI,IAAI,GAAGL,qBAAqB,GAAGK,OAAO;AAChE,EAAA,MAAME,MAAM,GAAGD,MAAM,CAACE,KAAK,CAAC,KAAK,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC;EAElD,OAAO;AACLC,IAAAA,KAAK,EAAEJ,MAAM,CAACK,QAAQ,CAACX,WAAW,CAAC;AACnCY,IAAAA,KAAK,EAAEN,MAAM,CAACK,QAAQ,CAACV,WAAW,CAAC;AACnCY,IAAAA,KAAK,EAAEP,MAAM,CAACQ,IAAI,CAACC,KAAK,IAAIb,YAAY,CAACS,QAAQ,CAACI,KAAK,CAAC;GACzD;AACH;;;;"}

package/build/widgets/AssetAction/AssetAction.js

@@ -1,9 +1,8 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default, { useRef, useState, useCallback } from 'react';
-import PropTypes from 'prop-types';
 import { AssetAction as AssetAction$1, AssetActionButton, Floating, ActionTitle, StyledFloatingArrow } from './AssetAction.styled.js';
 import { isFunction } from 'lodash';
 import { useFloating, autoUpdate, offset, flip, shift, arrow, useTransitionStyles, useHover, useDismiss, useInteractions } from '@floating-ui/react';
+import { jsxs, jsx } from 'react/jsx-runtime';
 
 const AssetAction = React__default.forwardRef(function AssetAction({
   action,
@@ -62,38 +61,32 @@ const AssetAction = React__default.forwardRef(function AssetAction({
       action.onClick(asset);
     }
   }, [action]);
-  return React__default.createElement(AssetAction$1, _extends({
-    ref: forwardedRef
-  }, props), React__default.createElement(AssetActionButton, _extends({
-    key: itemKey,
-    ref: refs.setReference
-  }, getReferenceProps(), {
-    onClick: e => onActionClick(e, action.onClick(asset), itemKey),
-    $actionWidthHeight: action.actionWidthHeight
-  }), action.icon), isOpen && isMounted && React__default.createElement(Floating, _extends({
-    className: "floating",
-    ref: refs.setFloating,
-    style: floatingStyles
-  }, getFloatingProps()), React__default.createElement(ActionTitle, {
-    style: styles
-  }, action.title), React__default.createElement(StyledFloatingArrow, {
-    ref: arrowRef,
-    context: context,
-    width: ARROW_WIDTH,
-    height: ARROW_HEIGHT
-  })));
+  return jsxs(AssetAction$1, {
+    ref: forwardedRef,
+    ...props,
+    children: [jsx(AssetActionButton, {
+      ref: refs.setReference,
+      ...getReferenceProps(),
+      onClick: e => onActionClick(e, action.onClick(asset), itemKey),
+      $actionWidthHeight: action.actionWidthHeight,
+      children: action.icon
+    }, itemKey), isOpen && isMounted && jsxs(Floating, {
+      className: "floating",
+      ref: refs.setFloating,
+      style: floatingStyles,
+      ...getFloatingProps(),
+      children: [jsx(ActionTitle, {
+        style: styles,
+        children: action.title
+      }), jsx(StyledFloatingArrow, {
+        ref: arrowRef,
+        context: context,
+        width: ARROW_WIDTH,
+        height: ARROW_HEIGHT
+      })]
+    })]
+  });
 });
-AssetAction.propTypes = process.env.NODE_ENV !== "production" ? {
-  action: PropTypes.shape({
-    icon: PropTypes.node,
-    onClick: PropTypes.func,
-    actionWidthHeight: PropTypes.arrayOf(PropTypes.number),
-    title: PropTypes.string
-  }),
-  asset: PropTypes.object,
-  itemKey: PropTypes.string
-} : {};
-AssetAction.defaultProps = {};
 
 export { AssetAction as default };
 //# sourceMappingURL=AssetAction.js.map

package/build/widgets/AssetAction/AssetAction.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetAction.js","sources":["../../../src/components/widgets/AssetAction/AssetAction.js"],"sourcesContent":["import React, { useRef, useState, useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport * as S from './AssetAction.styled';\n\nimport { isFunction } from 'lodash';\n\nimport {\n  useFloating,\n  useHover,\n  useInteractions,\n  useTransitionStyles,\n  flip,\n  shift,\n  arrow,\n  autoUpdate,\n  offset,\n  useDismiss\n} from '@floating-ui/react';\n\n/**\n * This is a component to help you get started with development.\n */\nconst AssetAction = React.forwardRef(function AssetAction(\n  { action, asset, itemKey, ...props },\n  forwardedRef\n) {\n  const ARROW_WIDTH = 10;\n  const ARROW_HEIGHT = 5;\n  const GAP = 3;\n\n  const arrowRef = useRef(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const [placement] = useState('bottom');\n\n  const { refs, floatingStyles, context } = useFloating({\n    placement,\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    whileElementsMounted: autoUpdate,\n    middleware: [\n      offset(ARROW_HEIGHT + GAP),\n      flip({ padding: 5 }),\n      shift({ padding: 5 }),\n      arrow({\n        element: arrowRef\n      })\n    ]\n  });\n\n  const { isMounted, styles } = useTransitionStyles(context, {\n    initial: {\n      transform: 'translateY(-8px)',\n      opacity: 0\n    },\n    duration: {\n      open: 200,\n      close: 100\n    }\n  });\n\n  const hover = useHover(context);\n  const dismiss = useDismiss(context, {\n    referencePress: true\n  });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, hover]);\n\n  const onActionClick = useCallback(\n    (e, action) => {\n      e.preventDefault();\n      e.stopPropagation();\n\n      if (isFunction(action?.onClick)) {\n        action.onClick(asset);\n      }\n    },\n    [action]\n  );\n\n  return (\n    <S.AssetAction ref={forwardedRef} {...props}>\n      <S.AssetActionButton\n        key={itemKey}\n        ref={refs.setReference}\n        {...getReferenceProps()}\n        onClick={e => onActionClick(e, action.onClick(asset), itemKey)}\n        $actionWidthHeight={action.actionWidthHeight}\n      >\n        {action.icon}\n      </S.AssetActionButton>\n\n      {isOpen && isMounted && (\n        <S.Floating\n          className=\"floating\"\n          ref={refs.setFloating}\n          style={floatingStyles}\n          {...getFloatingProps()}\n        >\n          <S.ActionTitle style={styles}>{action.title}</S.ActionTitle>\n          <S.StyledFloatingArrow\n            ref={arrowRef}\n            context={context}\n            width={ARROW_WIDTH}\n            height={ARROW_HEIGHT}\n          />\n        </S.Floating>\n      )}\n    </S.AssetAction>\n  );\n});\n\nAssetAction.propTypes = {\n  action: PropTypes.shape({\n    icon: PropTypes.node,\n    onClick: PropTypes.func,\n    actionWidthHeight: PropTypes.arrayOf(PropTypes.number),\n    title: PropTypes.string\n  }),\n  asset: PropTypes.object,\n  itemKey: PropTypes.string\n};\n\nAssetAction.defaultProps = {};\n\nexport default AssetAction;\n"],"names":["AssetAction","React","forwardRef","action","asset","itemKey","props","forwardedRef","ARROW_WIDTH","ARROW_HEIGHT","GAP","arrowRef","useRef","isOpen","setIsOpen","useState","placement","refs","floatingStyles","context","useFloating","open","onOpenChange","whileElementsMounted","autoUpdate","middleware","offset","flip","padding","shift","arrow","element","isMounted","styles","useTransitionStyles","initial","transform","opacity","duration","close","hover","useHover","dismiss","useDismiss","referencePress","getReferenceProps","getFloatingProps","useInteractions","onActionClick","useCallback","e","preventDefault","stopPropagation","isFunction","onClick","createElement","S","_extends","ref","key","setReference","$actionWidthHeight","actionWidthHeight","icon","className","setFloating","style","title","width","height","propTypes","process","env","NODE_ENV","PropTypes","shape","node","func","arrayOf","number","string","object","defaultProps"],"mappings":"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"}
+{"version":3,"file":"AssetAction.js","sources":["../../../src/components/widgets/AssetAction/AssetAction.tsx"],"sourcesContent":["import React, { useRef, useState, useCallback } from 'react';\nimport * as S from './AssetAction.styled';\n\nimport { isFunction } from 'lodash';\n\nimport {\n  useFloating,\n  useHover,\n  useInteractions,\n  useTransitionStyles,\n  flip,\n  shift,\n  arrow,\n  autoUpdate,\n  offset,\n  useDismiss\n} from '@floating-ui/react';\n\ntype AssetActionOwnProps = {\n  action?: {\n    icon?: React.ReactNode;\n    onClick?: (...args: any[]) => any;\n    actionWidthHeight?: number[];\n    title?: string;\n  };\n  asset?: any;\n  itemKey?: string;\n};\n\n// Omit before & — a bare intersection narrows colliding props instead of overriding them.\ntype Props = Omit<React.ComponentPropsWithoutRef<typeof S.AssetAction>, keyof AssetActionOwnProps> &\n  AssetActionOwnProps;\n\n/**\n * This is a component to help you get started with development.\n */\nconst AssetAction = React.forwardRef<any, Props>(function AssetAction(\n  { action, asset, itemKey, ...props },\n  forwardedRef\n) {\n  const ARROW_WIDTH = 10;\n  const ARROW_HEIGHT = 5;\n  const GAP = 3;\n\n  const arrowRef = useRef(null);\n\n  const [isOpen, setIsOpen] = useState(false);\n  // `useState('bottom')` widens to `string`, not the Placement union; `as const` pins it to the literal.\n  const [placement] = useState('bottom' as const);\n\n  const { refs, floatingStyles, context } = useFloating({\n    placement,\n    open: isOpen,\n    onOpenChange: setIsOpen,\n    whileElementsMounted: autoUpdate,\n    middleware: [\n      offset(ARROW_HEIGHT + GAP),\n      flip({ padding: 5 }),\n      shift({ padding: 5 }),\n      arrow({\n        element: arrowRef\n      })\n    ]\n  });\n\n  const { isMounted, styles } = useTransitionStyles(context, {\n    initial: {\n      transform: 'translateY(-8px)',\n      opacity: 0\n    },\n    duration: {\n      open: 200,\n      close: 100\n    }\n  });\n\n  const hover = useHover(context);\n  const dismiss = useDismiss(context, {\n    referencePress: true\n  });\n\n  const { getReferenceProps, getFloatingProps } = useInteractions([dismiss, hover]);\n\n  const onActionClick = useCallback(\n    (e, action) => {\n      e.preventDefault();\n      e.stopPropagation();\n\n      if (isFunction(action?.onClick)) {\n        action.onClick(asset);\n      }\n    },\n    [action]\n  );\n\n  return (\n    <S.AssetAction ref={forwardedRef} {...props}>\n      <S.AssetActionButton\n        key={itemKey}\n        ref={refs.setReference}\n        {...getReferenceProps()}\n        onClick={e => onActionClick(e, action.onClick(asset), itemKey)}\n        $actionWidthHeight={action.actionWidthHeight}\n      >\n        {action.icon}\n      </S.AssetActionButton>\n\n      {isOpen && isMounted && (\n        <S.Floating\n          className=\"floating\"\n          ref={refs.setFloating}\n          style={floatingStyles}\n          {...getFloatingProps()}\n        >\n          <S.ActionTitle style={styles}>{action.title}</S.ActionTitle>\n          <S.StyledFloatingArrow\n            ref={arrowRef}\n            context={context}\n            width={ARROW_WIDTH}\n            height={ARROW_HEIGHT}\n          />\n        </S.Floating>\n      )}\n    </S.AssetAction>\n  );\n});\n\nexport default AssetAction;\n"],"names":["AssetAction","React","forwardRef","action","asset","itemKey","props","forwardedRef","ARROW_WIDTH","ARROW_HEIGHT","GAP","arrowRef","useRef","isOpen","setIsOpen","useState","placement","refs","floatingStyles","context","useFloating","open","onOpenChange","whileElementsMounted","autoUpdate","middleware","offset","flip","padding","shift","arrow","element","isMounted","styles","useTransitionStyles","initial","transform","opacity","duration","close","hover","useHover","dismiss","useDismiss","referencePress","getReferenceProps","getFloatingProps","useInteractions","onActionClick","useCallback","e","preventDefault","stopPropagation","isFunction","onClick","_jsxs","S","ref","children","_jsx","setReference","$actionWidthHeight","actionWidthHeight","icon","className","setFloating","style","title","width","height"],"mappings":"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"}

package/build/widgets/AssetAction/AssetAction.styled.js

@@ -7,46 +7,32 @@ const shouldForwardProp = prop => {
 };
 const AssetAction = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-family: ${props => props.theme.primaryFontFamily};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetActionstyled__AssetAction",
+  componentId: "sc-htu0wd-0"
+})(["font-family:", ";"], props => props.theme.primaryFontFamily);
 const AssetActionButton = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  border-radius: 50%;
-  width: ${props => props.$actionWidthHeight ? `${props.$actionWidthHeight[0]}px` : 'auto'};
-  height: ${props => props.$actionWidthHeight ? `${props.$actionWidthHeight[1]}px` : 'auto'};
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
-  ${props => props.theme.themeProp('background-color', props.theme.getColor('gray-900'), props.theme.getColor('white'))};
-  svg {
-    pointer-events: none;
-    width: ${props => props.$actionWidthHeightactionWidthHeight ? `${props.$actionWidthHeight[0] - 14}px` : 'auto'};
-    height: ${props => props.$actionWidthHeight ? `${props.$actionWidthHeight[1] - 14}px` : 'auto'};
-    ${props => props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('white'))};
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetActionstyled__AssetActionButton",
+  componentId: "sc-htu0wd-1"
+})(["border-radius:50%;width:", ";height:", ";cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0px 3px 6px rgba(0,0,0,0.16);", ";svg{pointer-events:none;width:", ";height:", ";", ";}"], props => props.$actionWidthHeight ? `${props.$actionWidthHeight[0]}px` : 'auto', props => props.$actionWidthHeight ? `${props.$actionWidthHeight[1]}px` : 'auto', props => props.theme.themeProp('background-color', props.theme.getColor('gray-900'), props.theme.getColor('white')), props => props.$actionWidthHeight ? `${props.$actionWidthHeight[0] - 14}px` : 'auto', props => props.$actionWidthHeight ? `${props.$actionWidthHeight[1] - 14}px` : 'auto', props => props.theme.themeProp('color', props.theme.getColor('gray-900'), props.theme.getColor('white')));
 const ActionTitle = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-size: 14px;
-  border-radius: 4px;
-  padding: 8px 12px;
-  white-space: nowrap;
-  color: white;
-  background: ${props => props.theme.getColor('gray-700')};
-`;
-const StyledFloatingArrow = styled(FloatingArrow).attrs(applyDefaultTheme)`
-  fill: ${props => props.theme.getColor('gray-700')};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetActionstyled__ActionTitle",
+  componentId: "sc-htu0wd-2"
+})(["font-size:14px;border-radius:4px;padding:8px 12px;white-space:nowrap;color:white;background:", ";"], props => props.theme.getColor('gray-700'));
+const StyledFloatingArrow = styled(FloatingArrow).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetActionstyled__StyledFloatingArrow",
+  componentId: "sc-htu0wd-3"
+})(["fill:", ";"], props => props.theme.getColor('gray-700'));
 const Floating = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  pointer-events: none;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetActionstyled__Floating",
+  componentId: "sc-htu0wd-4"
+})(["pointer-events:none;"]);
 
 export { ActionTitle, AssetAction, AssetActionButton, Floating, StyledFloatingArrow };
 //# sourceMappingURL=AssetAction.styled.js.map

package/build/widgets/AssetAction/AssetAction.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetAction.styled.js","sources":["../../../src/components/widgets/AssetAction/AssetAction.styled.js"],"sourcesContent":["import styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nimport { FloatingArrow } from '@floating-ui/react';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const AssetAction = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n`;\n\nexport const AssetActionButton = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  border-radius: 50%;\n  width: ${props => (props.$actionWidthHeight ? `${props.$actionWidthHeight[0]}px` : 'auto')};\n  height: ${props => (props.$actionWidthHeight ? `${props.$actionWidthHeight[1]}px` : 'auto')};\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);\n  ${props =>\n    props.theme.themeProp(\n      'background-color',\n      props.theme.getColor('gray-900'),\n      props.theme.getColor('white')\n    )};\n  svg {\n    pointer-events: none;\n    width: ${props =>\n      props.$actionWidthHeightactionWidthHeight ? `${props.$actionWidthHeight[0] - 14}px` : 'auto'};\n    height: ${props =>\n      props.$actionWidthHeight ? `${props.$actionWidthHeight[1] - 14}px` : 'auto'};\n    ${props =>\n      props.theme.themeProp(\n        'color',\n        props.theme.getColor('gray-900'),\n        props.theme.getColor('white')\n      )};\n  }\n`;\n\nexport const ActionTitle = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 14px;\n  border-radius: 4px;\n  padding: 8px 12px;\n  white-space: nowrap;\n  color: white;\n  background: ${props => props.theme.getColor('gray-700')};\n`;\n\nexport const StyledFloatingArrow = styled(FloatingArrow).attrs(applyDefaultTheme)`\n  fill: ${props => props.theme.getColor('gray-700')};\n`;\n\nexport const Floating = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  pointer-events: none;\n`;\n"],"names":["shouldForwardProp","prop","startsWith","AssetAction","styled","div","withConfig","attrs","applyDefaultTheme","props","theme","primaryFontFamily","AssetActionButton","$actionWidthHeight","themeProp","getColor","$actionWidthHeightactionWidthHeight","ActionTitle","StyledFloatingArrow","FloatingArrow","Floating"],"mappings":";;;;AAKA,MAAMA,iBAAiB,GAAGC,IAAI,IAAI;EAChC,OAAOA,IAAI,KAAK,OAAO,IAAI,CAACA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,CAAA;AAClD,CAAC,CAAA;AAEM,MAAMC,WAAW,GAAGC,MAAM,CAACC,GAAG,CAClCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B,eAAA,EAAiBC,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,iBAAiB,CAAA;AACvD,EAAC;AAEM,MAAMC,iBAAiB,GAAGR,MAAM,CAACC,GAAG,CACxCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA,SAAA,EAAWC,KAAK,IAAKA,KAAK,CAACI,kBAAkB,GAAG,CAAA,EAAGJ,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI,GAAG,MAAO,CAAA;AAC5F,UAAA,EAAYJ,KAAK,IAAKA,KAAK,CAACI,kBAAkB,GAAG,CAAA,EAAGJ,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC,CAAA,EAAA,CAAI,GAAG,MAAO,CAAA;AAC7F;AACA;AACA;AACA;AACA;AACA,EAAIJ,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACI,SAAS,CACnB,kBAAkB,EAClBL,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,EAChCN,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,OAAO,CAC9B,CAAC,CAAA;AACL;AACA;AACA,WAAA,EAAaN,KAAK,IACZA,KAAK,CAACO,mCAAmC,GAAG,CAAGP,EAAAA,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC,GAAG,EAAE,CAAA,EAAA,CAAI,GAAG,MAAM,CAAA;AAClG,YAAA,EAAcJ,KAAK,IACbA,KAAK,CAACI,kBAAkB,GAAG,CAAGJ,EAAAA,KAAK,CAACI,kBAAkB,CAAC,CAAC,CAAC,GAAG,EAAE,CAAA,EAAA,CAAI,GAAG,MAAM,CAAA;AACjF,IAAMJ,EAAAA,KAAK,IACLA,KAAK,CAACC,KAAK,CAACI,SAAS,CACnB,OAAO,EACPL,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,EAChCN,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,OAAO,CAC9B,CAAC,CAAA;AACP;AACA,EAAC;AAEM,MAAME,WAAW,GAAGb,MAAM,CAACC,GAAG,CAClCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;AACA;AACA;AACA;AACA,cAAgBC,EAAAA,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,CAAA;AACzD,EAAC;AAEM,MAAMG,mBAAmB,GAAGd,MAAM,CAACe,aAAa,CAAC,CAACZ,KAAK,CAACC,iBAAiB,CAAC,CAAA;AACjF,QAAUC,EAAAA,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACK,QAAQ,CAAC,UAAU,CAAC,CAAA;AACnD,EAAC;AAEM,MAAMK,QAAQ,GAAGhB,MAAM,CAACC,GAAG,CAC/BC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B;AACA;;;;"}
+{"version":3,"file":"AssetAction.styled.js","sources":["../../../src/components/widgets/AssetAction/AssetAction.styled.ts"],"sourcesContent":["// Fixed defect: guard now reads $actionWidthHeight (was run-together $actionWidthHeightactionWidthHeight).\nimport styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nimport { FloatingArrow } from '@floating-ui/react';\n\n/**\n * Props passed by `AssetAction.tsx` to `<S.AssetActionButton>`.\n */\ninterface AssetActionButtonStyleProps {\n  /**\n   * `[width, height]` in pixels, used arithmetically.\n   */\n  $actionWidthHeight?: number[];\n}\n\n// Single-argument to stay compatible with styled-components v5.1 and v6. Annotation required despite noImplicitAny being off.\nconst shouldForwardProp = (prop: string): boolean => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const AssetAction = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n`;\n\nexport const AssetActionButton = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<AssetActionButtonStyleProps>(applyDefaultTheme)`\n  border-radius: 50%;\n  width: ${props => (props.$actionWidthHeight ? `${props.$actionWidthHeight[0]}px` : 'auto')};\n  height: ${props => (props.$actionWidthHeight ? `${props.$actionWidthHeight[1]}px` : 'auto')};\n  cursor: pointer;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);\n  ${props =>\n    props.theme.themeProp(\n      'background-color',\n      props.theme.getColor('gray-900'),\n      props.theme.getColor('white')\n    )};\n  svg {\n    pointer-events: none;\n    width: ${props =>\n      props.$actionWidthHeight ? `${props.$actionWidthHeight[0] - 14}px` : 'auto'};\n    height: ${props =>\n      props.$actionWidthHeight ? `${props.$actionWidthHeight[1] - 14}px` : 'auto'};\n    ${props =>\n      props.theme.themeProp(\n        'color',\n        props.theme.getColor('gray-900'),\n        props.theme.getColor('white')\n      )};\n  }\n`;\n\nexport const ActionTitle = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-size: 14px;\n  border-radius: 4px;\n  padding: 8px 12px;\n  white-space: nowrap;\n  color: white;\n  background: ${props => props.theme.getColor('gray-700')};\n`;\n\nexport const StyledFloatingArrow = styled(FloatingArrow).attrs(applyDefaultTheme)`\n  fill: ${props => props.theme.getColor('gray-700')};\n`;\n\nexport const Floating = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  pointer-events: none;\n`;\n"],"names":["shouldForwardProp","prop","startsWith","AssetAction","styled","div","withConfig","attrs","applyDefaultTheme","displayName","componentId","props","theme","primaryFontFamily","AssetActionButton","$actionWidthHeight","themeProp","getColor","ActionTitle","StyledFloatingArrow","FloatingArrow","Floating"],"mappings":"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"}

package/build/widgets/AssetActionsBase/AssetActionsBase.js

@@ -1,29 +1,24 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
-import PropTypes from 'prop-types';
 import { AssetActions } from './AssetActionsBase.styled.js';
 import AssetAction from '../AssetAction/AssetAction.js';
+import { jsx } from 'react/jsx-runtime';
 
 const AssetActionsBase = React__default.forwardRef(function AssetActionsBase({
   actions,
   asset,
   ...props
 }, forwardedRef) {
-  const assetActions = actions.map((action, index) => React__default.createElement(AssetAction, _extends({
-    key: `index_${action.title}`,
-    ref: forwardedRef
-  }, props, {
+  const assetActions = actions.map((action, index) => jsx(AssetAction, {
+    ref: forwardedRef,
+    ...props,
     action: action,
     asset: asset,
     itemKey: `${index}-${action.title}`
-  })));
-  return React__default.createElement(AssetActions, null, assetActions);
+  }, `index_${action.title}`));
+  return jsx(AssetActions, {
+    children: assetActions
+  });
 });
-AssetActionsBase.propTypes = process.env.NODE_ENV !== "production" ? {
-  actions: PropTypes.arrayOf(PropTypes.object),
-  asset: PropTypes.object
-} : {};
-AssetActionsBase.defaultProps = {};
 
 export { AssetActionsBase as default };
 //# sourceMappingURL=AssetActionsBase.js.map

package/build/widgets/AssetActionsBase/AssetActionsBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetActionsBase.js","sources":["../../../src/components/widgets/AssetActionsBase/AssetActionsBase.js"],"sourcesContent":["import React from 'react';\n\nimport PropTypes from 'prop-types';\n\nimport * as S from './AssetActionsBase.styled';\n\nimport AssetAction from '../AssetAction/AssetAction';\n\nconst AssetActionsBase = React.forwardRef(function AssetActionsBase(\n  { actions, asset, ...props },\n  forwardedRef\n) {\n  const assetActions = actions.map((action, index) => (\n    <AssetAction\n      key={`index_${action.title}`}\n      ref={forwardedRef}\n      {...props}\n      action={action}\n      asset={asset}\n      itemKey={`${index}-${action.title}`}\n    />\n  ));\n\n  return <S.AssetActions>{assetActions}</S.AssetActions>;\n});\n\nAssetActionsBase.propTypes = {\n  actions: PropTypes.arrayOf(PropTypes.object),\n  asset: PropTypes.object\n};\n\nAssetActionsBase.defaultProps = {};\n\nexport default AssetActionsBase;\n"],"names":["AssetActionsBase","React","forwardRef","actions","asset","props","forwardedRef","assetActions","map","action","index","createElement","AssetAction","_extends","key","title","ref","itemKey","S","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","object","defaultProps"],"mappings":";;;;;;AAQMA,MAAAA,gBAAgB,GAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,gBAAgBA,CACjE;EAAEG,OAAO;EAAEC,KAAK;EAAE,GAAGC,KAAAA;AAAM,CAAC,EAC5BC,YAAY,EACZ;AACA,EAAA,MAAMC,YAAY,GAAGJ,OAAO,CAACK,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KAC7CT,cAAA,CAAAU,aAAA,CAACC,WAAW,EAAAC,QAAA,CAAA;AACVC,IAAAA,GAAG,EAAE,CAAA,MAAA,EAASL,MAAM,CAACM,KAAK,CAAG,CAAA;AAC7BC,IAAAA,GAAG,EAAEV,YAAAA;AAAa,GAAA,EACdD,KAAK,EAAA;AACTI,IAAAA,MAAM,EAAEA,MAAO;AACfL,IAAAA,KAAK,EAAEA,KAAM;AACba,IAAAA,OAAO,EAAE,CAAGP,EAAAA,KAAK,CAAID,CAAAA,EAAAA,MAAM,CAACM,KAAK,CAAA,CAAA;AAAG,GAAA,CACrC,CACF,CAAC,CAAA;EAEF,OAAOd,cAAA,CAAAU,aAAA,CAACO,YAAc,EAAEX,IAAAA,EAAAA,YAA6B,CAAC,CAAA;AACxD,CAAC,EAAC;AAEFP,gBAAgB,CAACmB,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;EAC3BnB,OAAO,EAAEoB,SAAS,CAACC,OAAO,CAACD,SAAS,CAACE,MAAM,CAAC;EAC5CrB,KAAK,EAAEmB,SAAS,CAACE,MAAAA;AACnB,CAAC,GAAA,EAAA,CAAA;AAEDzB,gBAAgB,CAAC0B,YAAY,GAAG,EAAE;;;;"}
+{"version":3,"file":"AssetActionsBase.js","sources":["../../../src/components/widgets/AssetActionsBase/AssetActionsBase.tsx"],"sourcesContent":["import React from 'react';\n\nimport * as S from './AssetActionsBase.styled';\n\nimport AssetAction from '../AssetAction/AssetAction';\n\ntype AssetActionsBaseOwnProps = {\n  actions?: any[];\n  asset?: any;\n};\n\n// Omit before & — a bare intersection narrows colliding props instead of overriding them.\ntype Props = Omit<\n  React.ComponentPropsWithoutRef<typeof AssetAction>,\n  keyof AssetActionsBaseOwnProps\n> &\n  AssetActionsBaseOwnProps;\n\nconst AssetActionsBase = React.forwardRef<any, Props>(function AssetActionsBase(\n  { actions, asset, ...props },\n  forwardedRef\n) {\n  const assetActions = actions.map((action, index) => (\n    <AssetAction\n      key={`index_${action.title}`}\n      ref={forwardedRef}\n      {...props}\n      action={action}\n      asset={asset}\n      itemKey={`${index}-${action.title}`}\n    />\n  ));\n\n  return <S.AssetActions>{assetActions}</S.AssetActions>;\n});\n\nexport default AssetActionsBase;\n"],"names":["AssetActionsBase","React","forwardRef","actions","asset","props","forwardedRef","assetActions","map","action","index","_jsx","AssetAction","ref","itemKey","title","S","children"],"mappings":";;;;;AAkBA,MAAMA,gBAAgB,GAAGC,cAAK,CAACC,UAAU,CAAa,SAASF,gBAAgBA,CAC7E;EAAEG,OAAO;EAAEC,KAAK;EAAE,GAAGC;AAAM,CAAC,EAC5BC,YAAY,EACZ;AACA,EAAA,MAAMC,YAAY,GAAGJ,OAAO,CAACK,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KAC7CC,GAAA,CAACC,WAAW,EAAA;AAEVC,IAAAA,GAAG,EAAEP,YAAa;AAAA,IAAA,GACdD,KAAK;AACTI,IAAAA,MAAM,EAAEA,MAAO;AACfL,IAAAA,KAAK,EAAEA,KAAM;AACbU,IAAAA,OAAO,EAAE,CAAA,EAAGJ,KAAK,CAAA,CAAA,EAAID,MAAM,CAACM,KAAK,CAAA;AAAG,GAAA,EAL/B,SAASN,MAAM,CAACM,KAAK,CAAA,CAM3B,CACF,CAAC;AAEF,EAAA,OAAOJ,GAAA,CAACK,YAAc,EAAA;AAAAC,IAAAA,QAAA,EAAEV;AAAY,GAAiB,CAAC;AACxD,CAAC;;;;"}

package/build/widgets/AssetActionsBase/AssetActionsBase.styled.js

@@ -6,15 +6,10 @@ const shouldForwardProp = prop => {
 };
 const AssetActions = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  font-family: ${props => props.theme.primaryFontFamily};
-  font-size: 1rem;
-  font-weight: 500;
-  display: flex;
-  flex-direction: column;
-  padding: 2px;
-  gap: 8px;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "AssetActionsBasestyled__AssetActions",
+  componentId: "sc-41xsmz-0"
+})(["font-family:", ";font-size:1rem;font-weight:500;display:flex;flex-direction:column;padding:2px;gap:8px;"], props => props.theme.primaryFontFamily);
 
 export { AssetActions };
 //# sourceMappingURL=AssetActionsBase.styled.js.map

package/build/widgets/AssetActionsBase/AssetActionsBase.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssetActionsBase.styled.js","sources":["../../../src/components/widgets/AssetActionsBase/AssetActionsBase.styled.js"],"sourcesContent":["import styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const AssetActions = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n  font-size: 1rem;\n  font-weight: 500;\n  display: flex;\n  flex-direction: column;\n  padding: 2px;\n  gap: 8px;\n`;\n"],"names":["shouldForwardProp","prop","startsWith","AssetActions","styled","div","withConfig","attrs","applyDefaultTheme","props","theme","primaryFontFamily"],"mappings":";;;AAGA,MAAMA,iBAAiB,GAAGC,IAAI,IAAI;EAChC,OAAOA,IAAI,KAAK,OAAO,IAAI,CAACA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC,CAAA;AAClD,CAAC,CAAA;AAEM,MAAMC,YAAY,GAAGC,MAAM,CAACC,GAAG,CACnCC,UAAU,CAAC;AACVN,EAAAA,iBAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAA;AAC3B,eAAA,EAAiBC,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,iBAAiB,CAAA;AACvD;AACA;AACA;AACA;AACA;AACA;AACA;;;;"}
+{"version":3,"file":"AssetActionsBase.styled.js","sources":["../../../src/components/widgets/AssetActionsBase/AssetActionsBase.styled.ts"],"sourcesContent":["// No components read props, so no transient-prop types to declare.\nimport styled from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\n// Single-argument to stay compatible with styled-components v5.1 and v6. Annotation required despite noImplicitAny being off.\nconst shouldForwardProp = (prop: string): boolean => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const AssetActions = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  font-family: ${props => props.theme.primaryFontFamily};\n  font-size: 1rem;\n  font-weight: 500;\n  display: flex;\n  flex-direction: column;\n  padding: 2px;\n  gap: 8px;\n`;\n"],"names":["shouldForwardProp","prop","startsWith","AssetActions","styled","div","withConfig","attrs","applyDefaultTheme","displayName","componentId","props","theme","primaryFontFamily"],"mappings":";;;AAKA,MAAMA,iBAAiB,GAAIC,IAAY,IAAc;EACnD,OAAOA,IAAI,KAAK,OAAO,IAAI,CAACA,IAAI,CAACC,UAAU,CAAC,GAAG,CAAC;AAClD,CAAC;AAEM,MAAMC,YAAY,GAAGC,MAAM,CAACC,GAAG,CACnCC,UAAU,CAAC;AACVN,EAAAA;AACF,CAAC,CAAC,CACDO,KAAK,CAACC,iBAAiB,CAAC,CAAAF,UAAA,CAAA;EAAAG,WAAA,EAAA,sCAAA;EAAAC,WAAA,EAAA;AAAA,CAAA,CAAA,CAAA,CAAA,cAAA,EAAA,yFAAA,CAAA,EACVC,KAAK,IAAIA,KAAK,CAACC,KAAK,CAACC,iBAAiB;;;;"}

package/build/widgets/AssetGallery/AssetGallery.js

@@ -1,31 +1,30 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { isFunction } from 'lodash';
-import PropTypes from 'prop-types';
 import React__default, { useState, useEffect, useCallback } from 'react';
 import AssetGalleryBase from './AssetGalleryBase/AssetGalleryBase.js';
-import { assetShape } from './asset.propType.js';
+import { jsx } from 'react/jsx-runtime';
 
+const EMPTY_ARRAY = [];
 const AssetGallery = React__default.forwardRef(function AssetGallery({
-  assets,
-  activeSummaryCard,
-  viewMode,
-  thumbnailMaxHeight,
+  assets = EMPTY_ARRAY,
+  activeSummaryCard = false,
+  viewMode = 'compact',
+  thumbnailMaxHeight = 300,
   selectable,
-  customSelectedBorder,
-  selectedAssetKeys,
+  customSelectedBorder = EMPTY_ARRAY,
+  selectedAssetKeys = EMPTY_ARRAY,
   onSelectedChanged,
   softSelectable,
   scrollElement,
   onSoftSelectedChanged,
   component,
-  displayIcon,
+  displayIcon = '',
   hideConsentSummary,
   ...props
 }, forwardedRef) {
-  const [selectedAssetKeysInternalState, setSelectedAssetKeysInternalState] = useState(selectedAssetKeys || []);
+  const [selectedAssetKeysInternalState, setSelectedAssetKeysInternalState] = useState(selectedAssetKeys || EMPTY_ARRAY);
   const [softSelectedAssetKeyInternalState, setSoftSelectedAssetKeyInternalState] = useState(null);
   useEffect(() => {
-    setSelectedAssetKeysInternalState(selectedAssetKeys || []);
+    setSelectedAssetKeysInternalState(selectedAssetKeys || EMPTY_ARRAY);
   }, [selectedAssetKeys]);
   useEffect(() => {
     setSelectedAssetKeysInternalState(current => {
@@ -52,7 +51,7 @@ const AssetGallery = React__default.forwardRef(function AssetGallery({
   const onAssetSoftSelectedChanged = useCallback((assetKey = null) => {
     setSoftSelectedAssetKeyInternalState(assetKey);
   }, []);
-  return React__default.createElement(AssetGalleryBase, _extends({
+  return jsx(AssetGalleryBase, {
     ref: forwardedRef,
     assets: assets,
     activeSummaryCard: activeSummaryCard,
@@ -69,34 +68,10 @@ const AssetGallery = React__default.forwardRef(function AssetGallery({
     onAssetSoftSelectedChanged: onAssetSoftSelectedChanged,
     component: component,
     viewMode: viewMode,
-    hideConsentSummary: hideConsentSummary
-  }, props));
+    hideConsentSummary: hideConsentSummary,
+    ...props
+  });
 });
-AssetGallery.propTypes = process.env.NODE_ENV !== "production" ? {
-  assets: PropTypes.arrayOf(PropTypes.shape(assetShape)),
-  displayIcon: PropTypes.string,
-  activeSummaryCard: PropTypes.bool,
-  viewMode: PropTypes.oneOf(['compact', 'grid']),
-  thumbnailMaxHeight: PropTypes.number,
-  selectable: PropTypes.bool,
-  customSelectedBorder: PropTypes.arrayOf(PropTypes.string),
-  selectedAssetKeys: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.arrayOf(PropTypes.number)]),
-  onSelectedChanged: PropTypes.func,
-  softSelectable: PropTypes.bool,
-  scrollElement: PropTypes.instanceOf(Element),
-  onSoftSelectedChanged: PropTypes.func,
-  component: PropTypes.func,
-  hideConsentSummary: PropTypes.bool
-} : {};
-AssetGallery.defaultProps = {
-  assets: [],
-  viewMode: 'compact',
-  thumbnailMaxHeight: 300,
-  selectedAssetKeys: [],
-  customSelectedBorder: [],
-  activeSummaryCard: false,
-  displayIcon: ''
-};
 
 export { AssetGallery as default };
 //# sourceMappingURL=AssetGallery.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AssetGallery.js","sources":["../../../src/components/widgets/AssetGallery/AssetGallery.js"],"sourcesContent":["import { isFunction } from 'lodash';\nimport PropTypes from 'prop-types';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport AssetGalleryBase from './AssetGalleryBase/AssetGalleryBase';\nimport { assetShape } from './asset.propType';\n\n/**\n * An asset gallery that can be used to display a larger amounts of assets. The Asset Gallery supports displaying\n * images and videos.\n *\n * ### Import\n *\n * ``` js\n * import { AssetGallery } from '@ntbjs/react-components/widgets'\n * // or\n * import AssetGallery from '@ntbjs/react-components/widgets/AssetGallery'\n * ```\n *\n * ### Custom asset card element\n * In some cases you may want to swap out the boring `<div>`-tag that wraps each individual asset in the gallery for\n * something more useful.\n * By doing this you can achieve side-effects that this library has no concept about – like wrapping the assets\n * in [React-routers](https://reactrouter.com/web/api/Link) `<Link>`-component for internal application routing when\n * you click the asset.\n *\n * The asset gallery allows you to change the root element that will be rendered around all individual asset via a\n * property on the asset object called `component`.\n *\n * ```jsx\n * const assets = [{\n *   previewUrl: 'https://preview.sdl.no/v1/no/7Zb20FDFCu-dne-lxi1thQ/uRs25Mh-FJY?v=1613865342365',\n *   width: 512,\n *   height: 324\n * }]\n *\n * const customComponent = (asset, children) => (\n *   <a href={`https://www.ntb.no/?fromAssetId=${asset.key}`} target=\"_blank\">\n *     {children}\n *   </a>\n * )\n *\n * <AssetGallery assets={assets} component={customComponent} />\n * ```\n *\n * When providing a custom element it will take the place of the `<div>` being the outer most parent of the\n * asset itself. All required props will then be automatically applied, like the `style`-attribute containing the\n * positioning style of the asset. To tell the asset gallery where you want the rest of the asset card we provide the `{children}`.\n *\n * **Note:** If the root-element of the custom component is a React component the component must accept rest props (`{...props}`).\n *\n * This pattern is very powerful and allows for great flexibility, as well as a way to interoperate with other\n * libraries, such as your favorite routing or forms library. **But it also comes with a small caveat!**\n *\n * #### Caveat with inlining\n * Using an inline function as an argument for the component prop may result in unexpected unmounting, since a new\n * component is passed every time React renders.\n *\n * If we are using an inline function to change the rendered component, React will remount each individual assets every\n * time `AssetGallery` is re-rendered. Not only will React update the DOM unnecessarily, the ripple effect of the individual\n * assets will also not work correctly.\n *\n * To fix this issue **avoid using inline functions or wrap the function in some sort of memoization**\n * like `React.useMemo()`.\n *\n * #### Prop Collisions\n * Prop Collisions is something to be aware of. The asset gallery will render your custom element like this:\n *\n * ```js\n * return React.createElement(props.component, props)\n * ```\n *\n * That means that all the required props that the library automatically applies will take precedence over consumer\n * defined props. An example of this is the `style`-prop.\n *\n */\nconst AssetGallery = React.forwardRef(function AssetGallery(\n  {\n    assets,\n    activeSummaryCard,\n    viewMode,\n    thumbnailMaxHeight,\n    selectable,\n    customSelectedBorder,\n    selectedAssetKeys,\n    onSelectedChanged,\n    softSelectable,\n    scrollElement,\n    onSoftSelectedChanged,\n    component,\n    displayIcon,\n    hideConsentSummary,\n    ...props\n  },\n  forwardedRef\n) {\n  // Internal state of the selected assets\n  const [selectedAssetKeysInternalState, setSelectedAssetKeysInternalState] = useState(\n    selectedAssetKeys || []\n  );\n\n  // Internal state of the soft selected asset\n  const [softSelectedAssetKeyInternalState, setSoftSelectedAssetKeyInternalState] = useState(null);\n\n  // Whenever the `selectedAssetKeys`-props changes we need to update the internal state\n  useEffect(() => {\n    setSelectedAssetKeysInternalState(selectedAssetKeys || []);\n  }, [selectedAssetKeys]);\n\n  // When the assets change we need to check if we have to update the list of selected assets\n  // (removing keys of assets that is no longer present in `assets`)\n  useEffect(() => {\n    setSelectedAssetKeysInternalState(current => {\n      return current.filter(c => assets.some(a => a.key === c));\n    });\n  }, [assets.length]);\n\n  // Run the `onSelectedChanged` callback whenever `selectedAssetKeysInternalState` change\n  useEffect(() => {\n    // If the external and internal state of selected assets is in sync we can skip this update callback\n    if (selectedAssetKeys === selectedAssetKeysInternalState) return;\n\n    if (isFunction(onSelectedChanged)) {\n      onSelectedChanged(selectedAssetKeysInternalState);\n    }\n  }, [selectedAssetKeysInternalState]);\n\n  // Run the `onSoftSelectedChanged` callback whenever `softSelectedAssetKeyInternalState` change\n  useEffect(() => {\n    if (isFunction(onSoftSelectedChanged)) {\n      onSoftSelectedChanged(softSelectedAssetKeyInternalState);\n    }\n  }, [softSelectedAssetKeyInternalState]);\n\n  const onSelected = useCallback(assetKey => {\n    setSelectedAssetKeysInternalState(currentState => [...currentState, assetKey]);\n  }, []);\n\n  const onUnselected = useCallback(assetKey => {\n    setSelectedAssetKeysInternalState(currentState =>\n      currentState.filter(filteredAssetKey => filteredAssetKey !== assetKey)\n    );\n  }, []);\n\n  const onAssetSoftSelectedChanged = useCallback((assetKey = null) => {\n    setSoftSelectedAssetKeyInternalState(assetKey);\n  }, []);\n\n  return (\n    <AssetGalleryBase\n      ref={forwardedRef}\n      assets={assets}\n      activeSummaryCard={activeSummaryCard}\n      displayIcon={displayIcon}\n      thumbnailMaxHeight={thumbnailMaxHeight}\n      selectable={selectable}\n      customSelectedBorder={customSelectedBorder}\n      selectedAssetKeys={selectedAssetKeysInternalState}\n      onAssetSelected={onSelected}\n      onAssetUnselected={onUnselected}\n      softSelectable={softSelectable}\n      softSelectedAssetKey={softSelectedAssetKeyInternalState}\n      scrollElement={scrollElement}\n      onAssetSoftSelectedChanged={onAssetSoftSelectedChanged}\n      component={component}\n      viewMode={viewMode}\n      hideConsentSummary={hideConsentSummary}\n      {...props}\n    />\n  );\n});\n\nAssetGallery.propTypes = {\n  /**\n   * An array of assets to display in the gallery.\n   */\n  assets: PropTypes.arrayOf(PropTypes.shape(assetShape)),\n\n  /**\n   * Whether the asset gallery should display the Version Count or Verifications on default.\n   */\n  displayIcon: PropTypes.string,\n\n  /**\n   * Whether the asset gallery should render the Asset Summary Card on hover.\n   */\n  activeSummaryCard: PropTypes.bool,\n\n  /**\n   * The view mode of the gallery.\n   */\n  viewMode: PropTypes.oneOf(['compact', 'grid']),\n\n  /**\n   * The maximum height of thumbnails in the gallery. When the grid is computed the gallery will try\n   * to have each row of the gallery as close to the max height as possible.\n   * This option is ignored unless `viewMode: 'compact'`.\n   */\n  thumbnailMaxHeight: PropTypes.number,\n\n  /**\n   * Whether or not the asset gallery should have selectable asset cards\n   */\n  selectable: PropTypes.bool,\n\n  /**\n   * Whether or not the asset gallery should have custom borders on selected asset:  Example: customSelectedBorder: ['#893FEB', '#EB513F'], where: customSelectedBorder.[0] is for darkMode and customSelectedBorder.[1] is for lightMode\n   */\n  customSelectedBorder: PropTypes.arrayOf(PropTypes.string),\n\n  /**\n   * An array containing the keys of all selected assets\n   */\n  selectedAssetKeys: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.string),\n    PropTypes.arrayOf(PropTypes.number)\n  ]),\n\n  /**\n   * A callback function to run when the selected assets change\n   */\n  onSelectedChanged: PropTypes.func,\n\n  /**\n   * Whether the asset gallery should have soft selectable asset cards\n   */\n  softSelectable: PropTypes.bool,\n\n  /**\n   * Scrollable element to attach event listeners to. Defaults to window.\n   */\n  scrollElement: PropTypes.instanceOf(Element),\n\n  /**\n   * A callback function to run when the soft selected asset change\n   */\n  onSoftSelectedChanged: PropTypes.func,\n\n  /**\n   * A function that returns a custom component to use for the card in the gallery - The function provides\n   * `asset` as its first argument\n   */\n  component: PropTypes.func,\n\n  /**\n   * When true, hides the consent summary footer on grid cards (CardFooter + CardDivider). Default: false.\n   */\n  hideConsentSummary: PropTypes.bool\n};\n\nAssetGallery.defaultProps = {\n  assets: [],\n  viewMode: 'compact',\n  thumbnailMaxHeight: 300,\n  selectedAssetKeys: [],\n  customSelectedBorder: [],\n  activeSummaryCard: false,\n  displayIcon: ''\n};\n\nexport default AssetGallery;\n"],"names":["AssetGallery","React","forwardRef","assets","activeSummaryCard","viewMode","thumbnailMaxHeight","selectable","customSelectedBorder","selectedAssetKeys","onSelectedChanged","softSelectable","scrollElement","onSoftSelectedChanged","component","displayIcon","hideConsentSummary","props","forwardedRef","selectedAssetKeysInternalState","setSelectedAssetKeysInternalState","useState","softSelectedAssetKeyInternalState","setSoftSelectedAssetKeyInternalState","useEffect","current","filter","c","some","a","key","length","isFunction","onSelected","useCallback","assetKey","currentState","onUnselected","filteredAssetKey","onAssetSoftSelectedChanged","createElement","AssetGalleryBase","_extends","ref","onAssetSelected","onAssetUnselected","softSelectedAssetKey","propTypes","process","env","NODE_ENV","PropTypes","arrayOf","shape","assetShape","string","bool","oneOf","number","oneOfType","func","instanceOf","Element","defaultProps"],"mappings":"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"}
+{"version":3,"file":"AssetGallery.js","sources":["../../../src/components/widgets/AssetGallery/AssetGallery.tsx"],"sourcesContent":["import { isFunction } from 'lodash';\nimport React, { useCallback, useEffect, useState } from 'react';\nimport AssetGalleryBase from './AssetGalleryBase/AssetGalleryBase';\n\nconst EMPTY_ARRAY = [];\nimport type { Asset } from './asset.types';\n\ntype AssetGalleryOwnProps = {\n  /**\n   * An array of assets to display in the gallery.\n   */\n  assets?: Asset[];\n  /**\n   * Whether the asset gallery should display the Version Count or Verifications on default.\n   */\n  displayIcon?: string;\n  /**\n   * Whether the asset gallery should render the Asset Summary Card on hover.\n   */\n  activeSummaryCard?: boolean;\n  /**\n   * The view mode of the gallery.\n   */\n  viewMode?: 'compact' | 'grid';\n  /**\n   * The maximum height of thumbnails in the gallery. When the grid is computed the gallery will try\n   * to have each row of the gallery as close to the max height as possible.\n   * This option is ignored unless `viewMode: 'compact'`.\n   */\n  thumbnailMaxHeight?: number;\n  /**\n   * Whether or not the asset gallery should have selectable asset cards\n   */\n  selectable?: boolean;\n  /**\n   * Whether or not the asset gallery should have custom borders on selected asset:  Example: customSelectedBorder: ['#893FEB', '#EB513F'], where: customSelectedBorder.[0] is for darkMode and customSelectedBorder.[1] is for lightMode\n   */\n  customSelectedBorder?: string[];\n  /**\n   * An array containing the keys of all selected assets\n   */\n  selectedAssetKeys?: string[] | number[];\n  /**\n   * A callback function to run when the selected assets change\n   */\n  onSelectedChanged?: (...args: any[]) => any;\n  /**\n   * Whether the asset gallery should have soft selectable asset cards\n   */\n  softSelectable?: boolean;\n  /**\n   * Scrollable element to attach event listeners to. Defaults to window.\n   */\n  scrollElement?: any; // TODO: PropTypes.instanceOf(Element)\n  /**\n   * A callback function to run when the soft selected asset change\n   */\n  onSoftSelectedChanged?: (...args: any[]) => any;\n  /**\n   * A function that returns a custom component to use for the card in the gallery - The function provides\n   * `asset` as its first argument\n   */\n  component?: (...args: any[]) => any;\n  /**\n   * When true, hides the consent summary footer on grid cards (CardFooter + CardDivider). Default: false.\n   */\n  hideConsentSummary?: boolean;\n};\n\n// Omit before & — a bare intersection narrows colliding props instead of overriding them.\ntype Props = Omit<\n  React.ComponentPropsWithoutRef<typeof AssetGalleryBase>,\n  keyof AssetGalleryOwnProps\n> &\n  AssetGalleryOwnProps;\n\n/**\n * An asset gallery that can be used to display a larger amounts of assets. The Asset Gallery supports displaying\n * images and videos.\n *\n * ### Import\n *\n * ``` js\n * import { AssetGallery } from '@ntbjs/react-components/widgets'\n * // or\n * import AssetGallery from '@ntbjs/react-components/widgets/AssetGallery'\n * ```\n *\n * ### Custom asset card element\n * In some cases you may want to swap out the boring `<div>`-tag that wraps each individual asset in the gallery for\n * something more useful.\n * By doing this you can achieve side-effects that this library has no concept about – like wrapping the assets\n * in [React-routers](https://reactrouter.com/web/api/Link) `<Link>`-component for internal application routing when\n * you click the asset.\n *\n * The asset gallery allows you to change the root element that will be rendered around all individual asset via a\n * property on the asset object called `component`.\n *\n * ```jsx\n * const assets = [{\n *   previewUrl: 'https://preview.sdl.no/v1/no/7Zb20FDFCu-dne-lxi1thQ/uRs25Mh-FJY?v=1613865342365',\n *   width: 512,\n *   height: 324\n * }]\n *\n * const customComponent = (asset, children) => (\n *   <a href={`https://www.ntb.no/?fromAssetId=${asset.key}`} target=\"_blank\">\n *     {children}\n *   </a>\n * )\n *\n * <AssetGallery assets={assets} component={customComponent} />\n * ```\n *\n * When providing a custom element it will take the place of the `<div>` being the outer most parent of the\n * asset itself. All required props will then be automatically applied, like the `style`-attribute containing the\n * positioning style of the asset. To tell the asset gallery where you want the rest of the asset card we provide the `{children}`.\n *\n * **Note:** If the root-element of the custom component is a React component the component must accept rest props (`{...props}`).\n *\n * This pattern is very powerful and allows for great flexibility, as well as a way to interoperate with other\n * libraries, such as your favorite routing or forms library. **But it also comes with a small caveat!**\n *\n * #### Caveat with inlining\n * Using an inline function as an argument for the component prop may result in unexpected unmounting, since a new\n * component is passed every time React renders.\n *\n * If we are using an inline function to change the rendered component, React will remount each individual assets every\n * time `AssetGallery` is re-rendered. Not only will React update the DOM unnecessarily, the ripple effect of the individual\n * assets will also not work correctly.\n *\n * To fix this issue **avoid using inline functions or wrap the function in some sort of memoization**\n * like `React.useMemo()`.\n *\n * #### Prop Collisions\n * Prop Collisions is something to be aware of. The asset gallery will render your custom element like this:\n *\n * ```js\n * return React.createElement(props.component, props)\n * ```\n *\n * That means that all the required props that the library automatically applies will take precedence over consumer\n * defined props. An example of this is the `style`-prop.\n *\n */\nconst AssetGallery = React.forwardRef<any, Props>(function AssetGallery(\n  {\n    assets = EMPTY_ARRAY,\n    activeSummaryCard = false,\n    viewMode = 'compact',\n    thumbnailMaxHeight = 300,\n    selectable,\n    customSelectedBorder = EMPTY_ARRAY,\n    selectedAssetKeys = EMPTY_ARRAY,\n    onSelectedChanged,\n    softSelectable,\n    scrollElement,\n    onSoftSelectedChanged,\n    component,\n    displayIcon = '',\n    hideConsentSummary,\n    ...props\n  },\n  forwardedRef\n) {\n  // Internal state of the selected assets\n  const [selectedAssetKeysInternalState, setSelectedAssetKeysInternalState] = useState(\n    selectedAssetKeys || EMPTY_ARRAY\n  );\n\n  // Internal state of the soft selected asset\n  const [softSelectedAssetKeyInternalState, setSoftSelectedAssetKeyInternalState] = useState(null);\n\n  // Whenever the `selectedAssetKeys`-props changes we need to update the internal state\n  useEffect(() => {\n    setSelectedAssetKeysInternalState(selectedAssetKeys || EMPTY_ARRAY);\n  }, [selectedAssetKeys]);\n\n  // When the assets change we need to check if we have to update the list of selected assets\n  // (removing keys of assets that is no longer present in `assets`)\n  useEffect(() => {\n    setSelectedAssetKeysInternalState(current => {\n      return current.filter(c => assets.some(a => a.key === c));\n    });\n  }, [assets.length]);\n\n  // Run the `onSelectedChanged` callback whenever `selectedAssetKeysInternalState` change\n  useEffect(() => {\n    // If the external and internal state of selected assets is in sync we can skip this update callback\n    if (selectedAssetKeys === selectedAssetKeysInternalState) return;\n\n    if (isFunction(onSelectedChanged)) {\n      onSelectedChanged(selectedAssetKeysInternalState);\n    }\n  }, [selectedAssetKeysInternalState]);\n\n  // Run the `onSoftSelectedChanged` callback whenever `softSelectedAssetKeyInternalState` change\n  useEffect(() => {\n    if (isFunction(onSoftSelectedChanged)) {\n      onSoftSelectedChanged(softSelectedAssetKeyInternalState);\n    }\n  }, [softSelectedAssetKeyInternalState]);\n\n  const onSelected = useCallback(assetKey => {\n    setSelectedAssetKeysInternalState(currentState => [...currentState, assetKey]);\n  }, []);\n\n  const onUnselected = useCallback(assetKey => {\n    setSelectedAssetKeysInternalState(currentState =>\n      currentState.filter(filteredAssetKey => filteredAssetKey !== assetKey)\n    );\n  }, []);\n\n  const onAssetSoftSelectedChanged = useCallback((assetKey = null) => {\n    setSoftSelectedAssetKeyInternalState(assetKey);\n  }, []);\n\n  return (\n    <AssetGalleryBase\n      ref={forwardedRef}\n      assets={assets}\n      activeSummaryCard={activeSummaryCard}\n      displayIcon={displayIcon}\n      thumbnailMaxHeight={thumbnailMaxHeight}\n      selectable={selectable}\n      customSelectedBorder={customSelectedBorder}\n      selectedAssetKeys={selectedAssetKeysInternalState}\n      onAssetSelected={onSelected}\n      onAssetUnselected={onUnselected}\n      softSelectable={softSelectable}\n      softSelectedAssetKey={softSelectedAssetKeyInternalState}\n      scrollElement={scrollElement}\n      onAssetSoftSelectedChanged={onAssetSoftSelectedChanged}\n      component={component}\n      viewMode={viewMode}\n      hideConsentSummary={hideConsentSummary}\n      {...props}\n    />\n  );\n});\n\nexport default AssetGallery;\n"],"names":["EMPTY_ARRAY","AssetGallery","React","forwardRef","assets","activeSummaryCard","viewMode","thumbnailMaxHeight","selectable","customSelectedBorder","selectedAssetKeys","onSelectedChanged","softSelectable","scrollElement","onSoftSelectedChanged","component","displayIcon","hideConsentSummary","props","forwardedRef","selectedAssetKeysInternalState","setSelectedAssetKeysInternalState","useState","softSelectedAssetKeyInternalState","setSoftSelectedAssetKeyInternalState","useEffect","current","filter","c","some","a","key","length","isFunction","onSelected","useCallback","assetKey","currentState","onUnselected","filteredAssetKey","onAssetSoftSelectedChanged","_jsx","AssetGalleryBase","ref","onAssetSelected","onAssetUnselected","softSelectedAssetKey"],"mappings":";;;;;AAIA,MAAMA,WAAW,GAAG,EAAE;AA6ItB,MAAMC,YAAY,GAAGC,cAAK,CAACC,UAAU,CAAa,SAASF,YAAYA,CACrE;AACEG,EAAAA,MAAM,GAAGJ,WAAW;AACpBK,EAAAA,iBAAiB,GAAG,KAAK;AACzBC,EAAAA,QAAQ,GAAG,SAAS;AACpBC,EAAAA,kBAAkB,GAAG,GAAG;EACxBC,UAAU;AACVC,EAAAA,oBAAoB,GAAGT,WAAW;AAClCU,EAAAA,iBAAiB,GAAGV,WAAW;EAC/BW,iBAAiB;EACjBC,cAAc;EACdC,aAAa;EACbC,qBAAqB;EACrBC,SAAS;AACTC,EAAAA,WAAW,GAAG,EAAE;EAChBC,kBAAkB;EAClB,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;EAEA,MAAM,CAACC,8BAA8B,EAAEC,iCAAiC,CAAC,GAAGC,QAAQ,CAClFZ,iBAAiB,IAAIV,WACvB,CAAC;EAGD,MAAM,CAACuB,iCAAiC,EAAEC,oCAAoC,CAAC,GAAGF,QAAQ,CAAC,IAAI,CAAC;AAGhGG,EAAAA,SAAS,CAAC,MAAM;AACdJ,IAAAA,iCAAiC,CAACX,iBAAiB,IAAIV,WAAW,CAAC;AACrE,EAAA,CAAC,EAAE,CAACU,iBAAiB,CAAC,CAAC;AAIvBe,EAAAA,SAAS,CAAC,MAAM;IACdJ,iCAAiC,CAACK,OAAO,IAAI;AAC3C,MAAA,OAAOA,OAAO,CAACC,MAAM,CAACC,CAAC,IAAIxB,MAAM,CAACyB,IAAI,CAACC,CAAC,IAAIA,CAAC,CAACC,GAAG,KAAKH,CAAC,CAAC,CAAC;AAC3D,IAAA,CAAC,CAAC;AACJ,EAAA,CAAC,EAAE,CAACxB,MAAM,CAAC4B,MAAM,CAAC,CAAC;AAGnBP,EAAAA,SAAS,CAAC,MAAM;IAEd,IAAIf,iBAAiB,KAAKU,8BAA8B,EAAE;AAE1D,IAAA,IAAIa,UAAU,CAACtB,iBAAiB,CAAC,EAAE;MACjCA,iBAAiB,CAACS,8BAA8B,CAAC;AACnD,IAAA;AACF,EAAA,CAAC,EAAE,CAACA,8BAA8B,CAAC,CAAC;AAGpCK,EAAAA,SAAS,CAAC,MAAM;AACd,IAAA,IAAIQ,UAAU,CAACnB,qBAAqB,CAAC,EAAE;MACrCA,qBAAqB,CAACS,iCAAiC,CAAC;AAC1D,IAAA;AACF,EAAA,CAAC,EAAE,CAACA,iCAAiC,CAAC,CAAC;AAEvC,EAAA,MAAMW,UAAU,GAAGC,WAAW,CAACC,QAAQ,IAAI;IACzCf,iCAAiC,CAACgB,YAAY,IAAI,CAAC,GAAGA,YAAY,EAAED,QAAQ,CAAC,CAAC;EAChF,CAAC,EAAE,EAAE,CAAC;AAEN,EAAA,MAAME,YAAY,GAAGH,WAAW,CAACC,QAAQ,IAAI;AAC3Cf,IAAAA,iCAAiC,CAACgB,YAAY,IAC5CA,YAAY,CAACV,MAAM,CAACY,gBAAgB,IAAIA,gBAAgB,KAAKH,QAAQ,CACvE,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,0BAA0B,GAAGL,WAAW,CAAC,CAACC,QAAQ,GAAG,IAAI,KAAK;IAClEZ,oCAAoC,CAACY,QAAQ,CAAC;EAChD,CAAC,EAAE,EAAE,CAAC;EAEN,OACEK,GAAA,CAACC,gBAAgB,EAAA;AACfC,IAAAA,GAAG,EAAExB,YAAa;AAClBf,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,iBAAiB,EAAEA,iBAAkB;AACrCW,IAAAA,WAAW,EAAEA,WAAY;AACzBT,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,oBAAoB,EAAEA,oBAAqB;AAC3CC,IAAAA,iBAAiB,EAAEU,8BAA+B;AAClDwB,IAAAA,eAAe,EAAEV,UAAW;AAC5BW,IAAAA,iBAAiB,EAAEP,YAAa;AAChC1B,IAAAA,cAAc,EAAEA,cAAe;AAC/BkC,IAAAA,oBAAoB,EAAEvB,iCAAkC;AACxDV,IAAAA,aAAa,EAAEA,aAAc;AAC7B2B,IAAAA,0BAA0B,EAAEA,0BAA2B;AACvDzB,IAAAA,SAAS,EAAEA,SAAU;AACrBT,IAAAA,QAAQ,EAAEA,QAAS;AACnBW,IAAAA,kBAAkB,EAAEA,kBAAmB;IAAA,GACnCC;AAAK,GACV,CAAC;AAEN,CAAC;;;;"}