@bynder/compact-view 5.1.3 → 5.2.0

package/TagItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TagItem.js","sources":["../../src/filter/filters/tags/TagItem.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from 'styled-components';\nimport { token } from '@bynder/design-system';\nimport { Chip } from '../../../common/components/Chip';\nimport { useAssetFilter } from '../../AssetFilterContext';\nimport { Tag } from '../metaproperty/MetapropertyFilterContent';\n\nexport function TagItem(props: { tag: Tag; isLoading: boolean }) {\n\tconst assetFilterState = useAssetFilter();\n\n\tconst active = assetFilterState.tags.includes(props.tag.name);\n\n\tfunction handleClick() {\n\t\tif (active) {\n\t\t\tassetFilterState.removeTag(props.tag.name);\n\t\t} else if (!props.isLoading) {\n\t\t\tassetFilterState.addTag(props.tag.name);\n\t\t}\n\t}\n\n\treturn (\n\t\t<Chip\n\t\t\tkey={props.tag.id}\n\t\t\tloading={props.isLoading}\n\t\t\tactive={active}\n\t\t\tonClick={handleClick}\n\t\t\tdata-testid=\"tag-item\"\n\t\t>\n\t\t\t<ChipName>{props.tag.name}</ChipName>\n\t\t\t<ChipCount>{props.tag.assetCount}</ChipCount>\n\t\t</Chip>\n\t);\n}\n\nconst ChipName = styled.span`\n\tmax-with: 128px;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n\twhite-space: nowrap;\n`;\n\nconst ChipCount = styled.span`\n\tcolor: rgba(0, 34, 51, 0.5);\n\tmargin-left: ${token.spacing3};\n`;\n"],"names":["TagItem","props","assetFilterState","useAssetFilter","active","handleClick","jsxs","Chip","jsx","ChipName","ChipCount","styled","token"],"mappings":";;;;;AAOO,SAASA,EAAQC,GAAyC;AAChE,QAAMC,IAAmBC,EAAA,GAEnBC,IAASF,EAAiB,KAAK,SAASD,EAAM,IAAI,IAAI;AAE5D,WAASI,IAAc;AACtB,IAAID,IACHF,EAAiB,UAAUD,EAAM,IAAI,IAAI,IAC9BA,EAAM,aACjBC,EAAiB,OAAOD,EAAM,IAAI,IAAI;AAAA,EAExC;AAEA,SACC,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MAEA,SAASN,EAAM;AAAA,MACf,QAAAG;AAAA,MACA,SAASC;AAAA,MACT,eAAY;AAAA,MAEZ,UAAA;AAAA,QAAA,gBAAAG,EAACC,GAAA,EAAU,UAAAR,EAAM,IAAI,MAAK;AAAA,QAC1B,gBAAAO,EAACE,GAAA,EAAW,UAAAT,EAAM,IAAI,WAAA,CAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAP5BA,EAAM,IAAI;AAAA,EAAA;AAUlB;AAEA,MAAMQ,IAAWE,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOlBD,IAAYC,EAAO;AAAA;AAAA,gBAETC,EAAM,QAAQ;AAAA;"}

package/Tags.js

@@ -0,0 +1,48 @@
+import { jsx as n, jsxs as a, Fragment as e } from "react/jsx-runtime";
+import { styled as s } from "styled-components";
+import { token as i } from "@bynder/design-system";
+import { IconTag as d } from "@bynder/icons";
+import { Dropdown as p } from "./Dropdown.js";
+import { __ as g } from "./index2.js";
+import { TagItem as c } from "./TagItem.js";
+import { Spinner as m } from "./Spinner.js";
+function j(t) {
+  const o = l(t.tags);
+  return /* @__PURE__ */ n(p, { title: /* @__PURE__ */ n(f, {}), isSmall: !0, fadeIn: !0, children: () => /* @__PURE__ */ a(e, { children: [
+    t.isLoading && /* @__PURE__ */ n(m, {}),
+    /* @__PURE__ */ a(h, { children: [
+      " ",
+      g("Tags"),
+      " "
+    ] }),
+    /* @__PURE__ */ n(u, { children: o.map((r) => /* @__PURE__ */ n(c, { tag: r, isLoading: t.isLoading }, r.id)) })
+  ] }) });
+}
+function l(t) {
+  return [...t].sort((o, r) => r.assetCount - o.assetCount);
+}
+function f() {
+  return /* @__PURE__ */ a(e, { children: [
+    /* @__PURE__ */ n(T, {}),
+    /* @__PURE__ */ n("span", { "data-testid": "tags-filter", children: g("Tags") })
+  ] });
+}
+const h = s.h1`
+	padding: ${i.spacing5} ${i.spacing5} 0 ${i.spacing5};
+	margin: 0 0 ${i.spacing5} 0;
+	font-size: ${i.fontSize100};
+`, u = s.div`
+	display: flex;
+	flex-wrap: wrap;
+	padding: 0 ${i.spacing5};
+	padding-bottom: ${i.spacing2};
+`, T = s(d)`
+	display: inline;
+	margin-right: ${i.spacing3};
+	height: ${i.spacing6};
+	width: ${i.spacing6};
+`;
+export {
+  j as Tags
+};
+//# sourceMappingURL=Tags.js.map

package/Tags.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tags.js","sources":["../../src/filter/filters/tags/Tags.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from 'styled-components';\nimport { token } from '@bynder/design-system';\nimport { IconTag } from '@bynder/icons';\nimport { Dropdown } from '../../../common/components/dropdown/Dropdown';\nimport { __ } from '../../../localization';\nimport { Tag } from '../metaproperty/MetapropertyFilterContent';\nimport { TagItem } from './TagItem';\nimport { Spinner } from '../../../common/components/Spinner';\n\ninterface Props {\n\ttags: Tag[];\n\tisLoading: boolean;\n}\n\nexport function Tags(props: Props) {\n\tconst sortedTags = sortTags(props.tags);\n\n\treturn (\n\t\t<Dropdown title={<Title />} isSmall fadeIn>\n\t\t\t{() => (\n\t\t\t\t<>\n\t\t\t\t\t{props.isLoading && <Spinner />}\n\t\t\t\t\t<DropdownTitle> {__('Tags')} </DropdownTitle>\n\t\t\t\t\t<TagsContainer>\n\t\t\t\t\t\t{sortedTags.map((tag) => (\n\t\t\t\t\t\t\t<TagItem key={tag.id} tag={tag} isLoading={props.isLoading} />\n\t\t\t\t\t\t))}\n\t\t\t\t\t</TagsContainer>\n\t\t\t\t</>\n\t\t\t)}\n\t\t</Dropdown>\n\t);\n}\n\nfunction sortTags(tags: Tag[]) {\n\treturn [...tags].sort((a, b) => b.assetCount - a.assetCount);\n}\n\n// eslint-disable-next-line react/no-multi-comp\nfunction Title() {\n\treturn (\n\t\t<>\n\t\t\t<Icon />\n\t\t\t<span data-testid=\"tags-filter\">{__('Tags')}</span>\n\t\t</>\n\t);\n}\n\nconst DropdownTitle = styled.h1`\n\tpadding: ${token.spacing5} ${token.spacing5} 0 ${token.spacing5};\n\tmargin: 0 0 ${token.spacing5} 0;\n\tfont-size: ${token.fontSize100};\n`;\n\nconst TagsContainer = styled.div`\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tpadding: 0 ${token.spacing5};\n\tpadding-bottom: ${token.spacing2};\n`;\n\nconst Icon = styled(IconTag)`\n\tdisplay: inline;\n\tmargin-right: ${token.spacing3};\n\theight: ${token.spacing6};\n\twidth: ${token.spacing6};\n`;\n"],"names":["Tags","props","sortedTags","sortTags","jsx","Dropdown","Title","jsxs","Fragment","Spinner","DropdownTitle","__","TagsContainer","tag","TagItem","tags","a","b","Icon","styled","token","IconTag"],"mappings":";;;;;;;;AAeO,SAASA,EAAKC,GAAc;AAClC,QAAMC,IAAaC,EAASF,EAAM,IAAI;AAEtC,SACC,gBAAAG,EAACC,GAAA,EAAS,OAAO,gBAAAD,EAACE,GAAA,CAAA,CAAM,GAAI,SAAO,IAAC,QAAM,IACxC,UAAA,MACA,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAAP,EAAM,+BAAcQ,GAAA,CAAA,CAAQ;AAAA,sBAC5BC,GAAA,EAAc,UAAA;AAAA,MAAA;AAAA,MAAEC,EAAG,MAAM;AAAA,MAAE;AAAA,IAAA,GAAC;AAAA,IAC7B,gBAAAP,EAACQ,GAAA,EACC,UAAAV,EAAW,IAAI,CAACW,MAChB,gBAAAT,EAACU,GAAA,EAAqB,KAAAD,GAAU,WAAWZ,EAAM,UAAA,GAAnCY,EAAI,EAA0C,CAC5D,EAAA,CACF;AAAA,EAAA,EAAA,CACD,EAAA,CAEF;AAEF;AAEA,SAASV,EAASY,GAAa;AAC9B,SAAO,CAAC,GAAGA,CAAI,EAAE,KAAK,CAACC,GAAGC,MAAMA,EAAE,aAAaD,EAAE,UAAU;AAC5D;AAGA,SAASV,IAAQ;AAChB,SACC,gBAAAC,EAAAC,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAJ,EAACc,GAAA,EAAK;AAAA,sBACL,QAAA,EAAK,eAAY,eAAe,UAAAP,EAAG,MAAM,EAAA,CAAE;AAAA,EAAA,GAC7C;AAEF;AAEA,MAAMD,IAAgBS,EAAO;AAAA,YACjBC,EAAM,QAAQ,IAAIA,EAAM,QAAQ,MAAMA,EAAM,QAAQ;AAAA,eACjDA,EAAM,QAAQ;AAAA,cACfA,EAAM,WAAW;AAAA,GAGzBR,IAAgBO,EAAO;AAAA;AAAA;AAAA,cAGfC,EAAM,QAAQ;AAAA,mBACTA,EAAM,QAAQ;AAAA,GAG3BF,IAAOC,EAAOE,CAAO;AAAA;AAAA,iBAEVD,EAAM,QAAQ;AAAA,WACpBA,EAAM,QAAQ;AAAA,UACfA,EAAM,QAAQ;AAAA;"}

package/Theming.js

@@ -0,0 +1,30 @@
+import { css as n, createGlobalStyle as i } from "styled-components";
+const c = (o) => ({
+  // Button component
+  "--componentButtonPrimaryBorderHover": o?.colorButtonPrimaryHover,
+  "--componentButtonPrimaryBorderActive": o?.colorButtonPrimaryActive ?? o?.colorButtonPrimaryHover,
+  "--componentButtonPrimaryBorderFocus": o?.colorButtonPrimary,
+  "--componentButtonPrimaryColor": o?.colorButtonPrimaryLabel,
+  "--componentButtonPrimaryColorHover": o?.colorButtonPrimaryHoverLabel,
+  "--componentButtonPrimaryColorActive": o?.colorButtonPrimaryLabel,
+  "--componentButtonPrimaryColorFocus": o?.colorButtonPrimaryLabel,
+  "--componentButtonPrimaryColorDisabled": o?.colorButtonPrimaryLabel,
+  "--componentButtonPrimaryFill": o?.colorButtonPrimary,
+  "--componentButtonPrimaryFillHover": o?.colorButtonPrimaryHover,
+  "--componentButtonPrimaryFillActive": o?.colorButtonPrimaryActive ?? o?.colorButtonPrimaryHover,
+  "--componentButtonPrimaryFillFocus": o?.colorButtonPrimary
+}), u = i`${n`
+	.cv-root {
+		${(o) => l(o.theme)}
+	}:
+`}`;
+function l(o) {
+  const r = c(o);
+  return Object.entries(r).map((t) => t.join(":")).join(";") + ";";
+}
+export {
+  u as ThemeStyles,
+  l as stringifyTheme,
+  c as themeVariables
+};
+//# sourceMappingURL=Theming.js.map

package/Theming.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Theming.js","sources":["../../src/style/Theming.ts"],"sourcesContent":["import { createGlobalStyle, css } from 'styled-components';\n\nexport interface Theme {\n\tcolorPrimary?: string;\n\tcolorButtonPrimary?: string;\n\tcolorButtonPrimaryLabel?: string;\n\tcolorButtonPrimaryActive?: string;\n\tcolorButtonPrimaryHover?: string;\n\tcolorButtonPrimaryHoverLabel?: string;\n}\n\nexport const themeVariables = (theme?: Theme) => ({\n\t// Button component\n\t'--componentButtonPrimaryBorderHover': theme?.colorButtonPrimaryHover,\n\t'--componentButtonPrimaryBorderActive':\n\t\ttheme?.colorButtonPrimaryActive ?? theme?.colorButtonPrimaryHover,\n\t'--componentButtonPrimaryBorderFocus': theme?.colorButtonPrimary,\n\n\t'--componentButtonPrimaryColor': theme?.colorButtonPrimaryLabel,\n\t'--componentButtonPrimaryColorHover': theme?.colorButtonPrimaryHoverLabel,\n\t'--componentButtonPrimaryColorActive': theme?.colorButtonPrimaryLabel,\n\t'--componentButtonPrimaryColorFocus': theme?.colorButtonPrimaryLabel,\n\t'--componentButtonPrimaryColorDisabled': theme?.colorButtonPrimaryLabel,\n\n\t'--componentButtonPrimaryFill': theme?.colorButtonPrimary,\n\t'--componentButtonPrimaryFillHover': theme?.colorButtonPrimaryHover,\n\t'--componentButtonPrimaryFillActive':\n\t\ttheme?.colorButtonPrimaryActive ?? theme?.colorButtonPrimaryHover,\n\t'--componentButtonPrimaryFillFocus': theme?.colorButtonPrimary,\n});\n\nexport const ThemeStyles = createGlobalStyle<{ theme?: Theme }>`${css`\n\t.cv-root {\n\t\t${(props) => stringifyTheme(props.theme)}\n\t}:\n`}`;\n\nexport function stringifyTheme(theme?: Theme) {\n\tconst themeObject = themeVariables(theme);\n\tconst propertiesAndValues = Object.entries(themeObject).map((i) => {\n\t\treturn i.join(':');\n\t});\n\n\t// Also adds semicolon after the last property\n\treturn propertiesAndValues.join(';') + ';';\n}\n"],"names":["themeVariables","theme","ThemeStyles","createGlobalStyle","css","props","stringifyTheme","themeObject","i"],"mappings":";AAWO,MAAMA,IAAiB,CAACC,OAAmB;AAAA;AAAA,EAEjD,uCAAuCA,GAAO;AAAA,EAC9C,wCACCA,GAAO,4BAA4BA,GAAO;AAAA,EAC3C,uCAAuCA,GAAO;AAAA,EAE9C,iCAAiCA,GAAO;AAAA,EACxC,sCAAsCA,GAAO;AAAA,EAC7C,uCAAuCA,GAAO;AAAA,EAC9C,sCAAsCA,GAAO;AAAA,EAC7C,yCAAyCA,GAAO;AAAA,EAEhD,gCAAgCA,GAAO;AAAA,EACvC,qCAAqCA,GAAO;AAAA,EAC5C,sCACCA,GAAO,4BAA4BA,GAAO;AAAA,EAC3C,qCAAqCA,GAAO;AAC7C,IAEaC,IAAcC,IAAuCC;AAAA;AAAA,IAE9D,CAACC,MAAUC,EAAeD,EAAM,KAAK,CAAC;AAAA;AAAA,CAEzC;AAEM,SAASC,EAAeL,GAAe;AAC7C,QAAMM,IAAcP,EAAeC,CAAK;AAMxC,SAL4B,OAAO,QAAQM,CAAW,EAAE,IAAI,CAACC,MACrDA,EAAE,KAAK,GAAG,CACjB,EAG0B,KAAK,GAAG,IAAI;AACxC;"}

package/Toolbar.js

@@ -0,0 +1,53 @@
+import { jsxs as n, Fragment as p, jsx as o } from "react/jsx-runtime";
+import m from "styled-components";
+import { IconExitApp as u, IconCancel as f } from "@bynder/icons";
+import { token as i, Button as l } from "@bynder/design-system";
+import { __ as a } from "./index2.js";
+import { useIsLoggedIn as g, useAuth as h } from "./LoginContext.js";
+import { useModalContext as x } from "./Modal.js";
+import { SearchInput as C } from "./SearchInput.js";
+import { ViewSwitch as I } from "./ViewSwitch.js";
+import { useAssetFilter as v, useHideSwitch as w } from "./ConfigContext.js";
+function z() {
+  const e = g(), t = x(), r = h(), s = v(), d = w(), c = s !== void 0 && !s.showToolbar;
+  return !e && !t && c ? null : /* @__PURE__ */ n(y, { children: [
+    !c && /* @__PURE__ */ n(p, { children: [
+      !d && /* @__PURE__ */ o(I, {}),
+      /* @__PURE__ */ o(C, {})
+    ] }),
+    /* @__PURE__ */ n(b, { children: [
+      e && !r?.hideLogout && /* @__PURE__ */ o(
+        l,
+        {
+          variant: "clean",
+          onClick: () => r?.logout(),
+          rightIcon: /* @__PURE__ */ o(u, {}),
+          children: a("Log out")
+        }
+      ),
+      t && /* @__PURE__ */ o(
+        l,
+        {
+          variant: "clean",
+          onClick: () => t.onClose(),
+          title: a("Close"),
+          icon: /* @__PURE__ */ o(f, {})
+        }
+      )
+    ] })
+  ] });
+}
+const y = m.nav`
+	display: flex;
+	justify-content: space-between;
+	background: ${i.gray10};
+	padding: ${i.spacing4} ${i.spacing4};
+	z-index: 30;
+`, b = m.div`
+	display: inline-flex;
+	margin-left: auto;
+`;
+export {
+  z as Toolbar
+};
+//# sourceMappingURL=Toolbar.js.map

package/Toolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Toolbar.js","sources":["../../src/toolbar/Toolbar.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { IconCancel, IconExitApp } from '@bynder/icons';\nimport { Button, token } from '@bynder/design-system';\n\nimport { __ } from '../localization';\nimport { useAuth, useIsLoggedIn } from '../login/LoginContext';\nimport { useModalContext } from '../common/components/Modal';\nimport { SearchInput } from '../search';\nimport { ViewSwitch } from './ViewSwitch';\nimport { useAssetFilter, useHideSwitch } from '../app-config/ConfigContext';\n\nexport function Toolbar() {\n\tconst isLoggedIn = useIsLoggedIn();\n\tconst modal = useModalContext();\n\tconst auth = useAuth();\n\tconst assetFilter = useAssetFilter();\n\tconst hideSwitch = useHideSwitch();\n\n\t/* If the user provides a predefined filter through the config option, then\n\t * only this filter is used and filtering through the toolbar is disabled. */\n\tconst isFilterPredefined = assetFilter !== undefined && !assetFilter.showToolbar;\n\n\t// Do not render toolbar if there is going to be no contents\n\tif (!isLoggedIn && !modal && isFilterPredefined) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<Nav>\n\t\t\t{!isFilterPredefined && (\n\t\t\t\t<>\n\t\t\t\t\t{!hideSwitch && <ViewSwitch />}\n\t\t\t\t\t<SearchInput />\n\t\t\t\t</>\n\t\t\t)}\n\n\t\t\t<ButtonContainer>\n\t\t\t\t{isLoggedIn && !auth?.hideLogout && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"clean\"\n\t\t\t\t\t\tonClick={() => auth?.logout()}\n\t\t\t\t\t\trightIcon={<IconExitApp />}\n\t\t\t\t\t>\n\t\t\t\t\t\t{__('Log out')}\n\t\t\t\t\t</Button>\n\t\t\t\t)}\n\n\t\t\t\t{modal && (\n\t\t\t\t\t<Button\n\t\t\t\t\t\tvariant=\"clean\"\n\t\t\t\t\t\tonClick={() => modal.onClose()}\n\t\t\t\t\t\ttitle={__('Close')}\n\t\t\t\t\t\ticon={<IconCancel />}\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t</ButtonContainer>\n\t\t</Nav>\n\t);\n}\n\nconst Nav = styled.nav`\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tbackground: ${token.gray10};\n\tpadding: ${token.spacing4} ${token.spacing4};\n\tz-index: 30;\n`;\n\nconst ButtonContainer = styled.div`\n\tdisplay: inline-flex;\n\tmargin-left: auto;\n`;\n"],"names":["Toolbar","isLoggedIn","useIsLoggedIn","modal","useModalContext","auth","useAuth","assetFilter","useAssetFilter","hideSwitch","useHideSwitch","isFilterPredefined","Nav","jsxs","Fragment","ViewSwitch","SearchInput","ButtonContainer","jsx","Button","IconExitApp","__","IconCancel","styled","token"],"mappings":";;;;;;;;;;AAYO,SAASA,IAAU;AACzB,QAAMC,IAAaC,EAAA,GACbC,IAAQC,EAAA,GACRC,IAAOC,EAAA,GACPC,IAAcC,EAAA,GACdC,IAAaC,EAAA,GAIbC,IAAqBJ,MAAgB,UAAa,CAACA,EAAY;AAGrE,SAAI,CAACN,KAAc,CAACE,KAASQ,IACrB,yBAINC,GAAA,EACC,UAAA;AAAA,IAAA,CAACD,KACD,gBAAAE,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,CAACL,uBAAeM,GAAA,EAAW;AAAA,wBAC3BC,GAAA,CAAA,CAAY;AAAA,IAAA,GACd;AAAA,sBAGAC,GAAA,EACC,UAAA;AAAA,MAAAhB,KAAc,CAACI,GAAM,cACrB,gBAAAa;AAAA,QAACC;AAAA,QAAA;AAAA,UACA,SAAQ;AAAA,UACR,SAAS,MAAMd,GAAM,OAAA;AAAA,UACrB,6BAAYe,GAAA,EAAY;AAAA,UAEvB,YAAG,SAAS;AAAA,QAAA;AAAA,MAAA;AAAA,MAIdjB,KACA,gBAAAe;AAAA,QAACC;AAAA,QAAA;AAAA,UACA,SAAQ;AAAA,UACR,SAAS,MAAMhB,EAAM,QAAA;AAAA,UACrB,OAAOkB,EAAG,OAAO;AAAA,UACjB,wBAAOC,GAAA,CAAA,CAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IACnB,EAAA,CAEF;AAAA,EAAA,GACD;AAEF;AAEA,MAAMV,IAAMW,EAAO;AAAA;AAAA;AAAA,eAGJC,EAAM,MAAM;AAAA,YACfA,EAAM,QAAQ,IAAIA,EAAM,QAAQ;AAAA;AAAA,GAItCP,IAAkBM,EAAO;AAAA;AAAA;AAAA;"}

package/Tooltip.js

@@ -0,0 +1,81 @@
+import { jsxs as l, jsx as c } from "react/jsx-runtime";
+import { styled as o } from "styled-components";
+import { token as r } from "@bynder/design-system";
+const b = ({
+  text: e,
+  position: t = "top",
+  margin: n,
+  marginAmount: a,
+  children: s
+}) => /* @__PURE__ */ l(i, { margin: n, marginAmount: a, children: [
+  s,
+  /* @__PURE__ */ c(p, { position: t, children: e })
+] }), i = o.div`
+	position: relative;
+	display: flex;
+
+	${({ margin: e, marginAmount: t }) => {
+  if (e && t)
+    switch (e) {
+      case "top":
+        return `margin-top: ${r[t]};`;
+      case "bottom":
+        return `margin-bottom: ${r[t]};`;
+      case "left":
+        return `margin-left: ${r[t]};`;
+      case "right":
+        return `margin-right: ${r[t]};`;
+      default:
+        return "";
+    }
+  return "";
+}}
+`, p = o.span`
+	visibility: hidden;
+	min-width: max-content;
+	background-color: black;
+	color: #fff;
+	text-align: center;
+	border-radius: 5px;
+	padding: ${r.spacing3} ${r.spacing4};
+	font-size: ${r.fontSize75};
+	position: absolute;
+
+	${({ position: e }) => {
+  switch (e) {
+    case "bottom":
+      return `
+          top: calc(100% + 5px);
+          left: 50%;
+          transform: translateX(-50%);
+        `;
+    case "left":
+      return `
+          right: calc(100% + 5px);
+          top: 50%;
+          transform: translateY(-50%);
+        `;
+    case "right":
+      return `
+          left: calc(100% + 5px);
+          top: 50%;
+          transform: translateY(-50%);
+        `;
+    case "top":
+    default:
+      return `
+          bottom: calc(100% + 5px);
+          left: 50%;
+          transform: translateX(-50%);
+        `;
+  }
+}}
+
+	${i}:hover & {
+		visibility: visible;
+	}
+`;
+export {
+  b as Tooltip
+};
+//# sourceMappingURL=Tooltip.js.map

package/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../src/common/components/Tooltip.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { styled } from 'styled-components';\nimport { token } from '@bynder/design-system';\n\ntype TooltipPosition = 'top' | 'bottom' | 'left' | 'right';\ntype TooltipMargin = 'top' | 'bottom' | 'left' | 'right';\ntype TooltipMarginAmount = 'spacing1' | 'spacing2' | 'spacing3' | 'spacing4' | 'spacing5';\n\ninterface TooltipProps {\n\ttext: string;\n\tposition?: TooltipPosition;\n\tmargin?: TooltipMargin;\n\tmarginAmount?: TooltipMarginAmount;\n\tchildren?: ReactNode;\n}\nexport const Tooltip = ({\n\ttext,\n\tposition = 'top',\n\tmargin,\n\tmarginAmount,\n\tchildren,\n}: TooltipProps) => {\n\treturn (\n\t\t<TooltipContainer margin={margin} marginAmount={marginAmount}>\n\t\t\t{children}\n\t\t\t<TooltipContent position={position}>{text}</TooltipContent>\n\t\t</TooltipContainer>\n\t);\n};\n\ninterface TooltipContainerProps {\n\tmargin?: TooltipMargin;\n\tmarginAmount?: TooltipMarginAmount;\n}\n\nconst TooltipContainer = styled.div<TooltipContainerProps>`\n\tposition: relative;\n\tdisplay: flex;\n\n\t${({ margin, marginAmount }) => {\n\t\tif (margin && marginAmount) {\n\t\t\tswitch (margin) {\n\t\t\t\tcase 'top':\n\t\t\t\t\treturn `margin-top: ${token[marginAmount]};`;\n\t\t\t\tcase 'bottom':\n\t\t\t\t\treturn `margin-bottom: ${token[marginAmount]};`;\n\t\t\t\tcase 'left':\n\t\t\t\t\treturn `margin-left: ${token[marginAmount]};`;\n\t\t\t\tcase 'right':\n\t\t\t\t\treturn `margin-right: ${token[marginAmount]};`;\n\t\t\t\tdefault:\n\t\t\t\t\treturn '';\n\t\t\t}\n\t\t}\n\n\t\treturn '';\n\t}}\n`;\n\ninterface TooltipContentProps {\n\tposition: TooltipPosition;\n}\n\nconst TooltipContent = styled.span<TooltipContentProps>`\n\tvisibility: hidden;\n\tmin-width: max-content;\n\tbackground-color: black;\n\tcolor: #fff;\n\ttext-align: center;\n\tborder-radius: 5px;\n\tpadding: ${token.spacing3} ${token.spacing4};\n\tfont-size: ${token.fontSize75};\n\tposition: absolute;\n\n\t${({ position }) => {\n\t\tswitch (position) {\n\t\t\tcase 'bottom':\n\t\t\t\treturn `\n          top: calc(100% + 5px);\n          left: 50%;\n          transform: translateX(-50%);\n        `;\n\t\t\tcase 'left':\n\t\t\t\treturn `\n          right: calc(100% + 5px);\n          top: 50%;\n          transform: translateY(-50%);\n        `;\n\t\t\tcase 'right':\n\t\t\t\treturn `\n          left: calc(100% + 5px);\n          top: 50%;\n          transform: translateY(-50%);\n        `;\n\t\t\tcase 'top':\n\t\t\tdefault:\n\t\t\t\treturn `\n          bottom: calc(100% + 5px);\n          left: 50%;\n          transform: translateX(-50%);\n        `;\n\t\t}\n\t}}\n\n\t${TooltipContainer}:hover & {\n\t\tvisibility: visible;\n\t}\n`;\n"],"names":["Tooltip","text","position","margin","marginAmount","children","jsxs","TooltipContainer","jsx","TooltipContent","styled","token"],"mappings":";;;AAeO,MAAMA,IAAU,CAAC;AAAA,EACvB,MAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AACD,MAEE,gBAAAC,EAACC,GAAA,EAAiB,QAAAJ,GAAgB,cAAAC,GAChC,UAAA;AAAA,EAAAC;AAAA,EACD,gBAAAG,EAACC,GAAA,EAAe,UAAAP,GAAqB,UAAAD,EAAA,CAAK;AAAA,GAC3C,GASIM,IAAmBG,EAAO;AAAA;AAAA;AAAA;AAAA,GAI7B,CAAC,EAAE,QAAAP,GAAQ,cAAAC,QAAmB;AAC/B,MAAID,KAAUC;AACb,YAAQD,GAAA;AAAA,MACP,KAAK;AACJ,eAAO,eAAeQ,EAAMP,CAAY,CAAC;AAAA,MAC1C,KAAK;AACJ,eAAO,kBAAkBO,EAAMP,CAAY,CAAC;AAAA,MAC7C,KAAK;AACJ,eAAO,gBAAgBO,EAAMP,CAAY,CAAC;AAAA,MAC3C,KAAK;AACJ,eAAO,iBAAiBO,EAAMP,CAAY,CAAC;AAAA,MAC5C;AACC,eAAO;AAAA,IAAA;AAIV,SAAO;AACR,CAAC;AAAA,GAOIK,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOlBC,EAAM,QAAQ,IAAIA,EAAM,QAAQ;AAAA,cAC9BA,EAAM,UAAU;AAAA;AAAA;AAAA,GAG3B,CAAC,EAAE,UAAAT,QAAe;AACnB,UAAQA,GAAA;AAAA,IACP,KAAK;AACJ,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,KAAK;AACJ,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,KAAK;AACJ,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA,IAKR,KAAK;AAAA,IACL;AACC,aAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMV,CAAC;AAAA;AAAA,GAECK,CAAgB;AAAA;AAAA;AAAA;"}

package/ViewSwitch.js

@@ -0,0 +1,45 @@
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import m from "styled-components";
+import { token as p, Button as o } from "@bynder/design-system";
+import { __ as r } from "./index2.js";
+import { useRouter as f } from "./useRouterStore.js";
+import { useSimilaritySearchStore as d } from "./useSimilaritySearchStore.js";
+import { useSimilarityAssets as g } from "./getSimilarityAssets.js";
+function A() {
+  const [e, s] = f(), { setIsSelected: a, setIsNLSSelected: n } = d(), { resetData: c } = g(), t = () => {
+    a(!1), n(!1), c();
+  };
+  return /* @__PURE__ */ l(S, { children: [
+    /* @__PURE__ */ i(
+      o,
+      {
+        isPressed: e.page === "assets",
+        variant: "clean",
+        onClick: () => {
+          s({ page: "assets" }), t();
+        },
+        children: r("Assets")
+      }
+    ),
+    /* @__PURE__ */ i(
+      o,
+      {
+        isPressed: e.page === "collections",
+        variant: "clean",
+        onClick: () => {
+          s({ page: "collections" }), t();
+        },
+        children: r("Collections")
+      }
+    )
+  ] });
+}
+const S = m.div`
+	display: inline-flex;
+	margin-right: auto;
+	gap: ${p.spacing2};
+`;
+export {
+  A as ViewSwitch
+};
+//# sourceMappingURL=ViewSwitch.js.map

package/ViewSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewSwitch.js","sources":["../../src/toolbar/ViewSwitch.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { Button, token } from '@bynder/design-system';\n\nimport { __ } from '../localization';\nimport { useRouter } from '@src/store/useRouterStore';\nimport { useSimilaritySearchStore } from '@src/store/useSimilaritySearchStore';\nimport { useSimilarityAssets } from '@src/api/getSimilarityAssets';\n\nexport function ViewSwitch() {\n\tconst [page, setPage] = useRouter();\n\tconst { setIsSelected, setIsNLSSelected } = useSimilaritySearchStore();\n\tconst { resetData } = useSimilarityAssets();\n\n\tconst resetAISearch = () => {\n\t\tsetIsSelected(false);\n\t\tsetIsNLSSelected(false);\n\t\tresetData();\n\t};\n\n\treturn (\n\t\t<Container>\n\t\t\t<Button\n\t\t\t\tisPressed={page.page === 'assets'}\n\t\t\t\tvariant=\"clean\"\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetPage({ page: 'assets' });\n\t\t\t\t\tresetAISearch();\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{__('Assets')}\n\t\t\t</Button>\n\t\t\t<Button\n\t\t\t\tisPressed={page.page === 'collections'}\n\t\t\t\tvariant=\"clean\"\n\t\t\t\tonClick={() => {\n\t\t\t\t\tsetPage({ page: 'collections' });\n\t\t\t\t\tresetAISearch();\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t{__('Collections')}\n\t\t\t</Button>\n\t\t</Container>\n\t);\n}\n\nconst Container = styled.div`\n\tdisplay: inline-flex;\n\tmargin-right: auto;\n\tgap: ${token.spacing2};\n`;\n"],"names":["ViewSwitch","page","setPage","useRouter","setIsSelected","setIsNLSSelected","useSimilaritySearchStore","resetData","useSimilarityAssets","resetAISearch","Container","jsx","Button","styled","token"],"mappings":";;;;;;;AASO,SAASA,IAAa;AAC5B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAA,GAClB,EAAE,eAAAC,GAAe,kBAAAC,EAAA,IAAqBC,EAAA,GACtC,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAEhBC,IAAgB,MAAM;AAC3B,IAAAL,EAAc,EAAK,GACnBC,EAAiB,EAAK,GACtBE,EAAA;AAAA,EACD;AAEA,2BACEG,GAAA,EACA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,WAAWX,EAAK,SAAS;AAAA,QACzB,SAAQ;AAAA,QACR,SAAS,MAAM;AACd,UAAAC,EAAQ,EAAE,MAAM,UAAU,GAC1BO,EAAA;AAAA,QACD;AAAA,QAEC,YAAG,QAAQ;AAAA,MAAA;AAAA,IAAA;AAAA,IAEb,gBAAAE;AAAA,MAACC;AAAA,MAAA;AAAA,QACA,WAAWX,EAAK,SAAS;AAAA,QACzB,SAAQ;AAAA,QACR,SAAS,MAAM;AACd,UAAAC,EAAQ,EAAE,MAAM,eAAe,GAC/BO,EAAA;AAAA,QACD;AAAA,QAEC,YAAG,aAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAClB,GACD;AAEF;AAEA,MAAMC,IAAYG,EAAO;AAAA;AAAA;AAAA,QAGjBC,EAAM,QAAQ;AAAA;"}

package/api/filterAssets.d.ts

@@ -1,5 +1,5 @@
 import { Result } from '../auth/result.type';
-import { Ordering } from '@src/store/useOrderingStore';
+import { Ordering } from '../store/useOrderingStore';
 import { Collection } from '../views/collection/collection.types';
 import { AssetType, Asset } from '../views/asset/asset.type';
 import { Connection } from './graphql.types';

package/api/getCollections.d.ts

@@ -1,4 +1,4 @@
-import { Ordering } from '@src/store/useOrderingStore';
+import { Ordering } from '../store/useOrderingStore';
 import { Collection } from '../views/collection/collection.types';
 import { Connection } from './graphql.types';
 export interface GraphqlResponse {

package/api/getFilterOptions.d.ts

@@ -0,0 +1,9 @@
+import { FilterOptionsData } from './types/getFilters_new';
+export declare const query = "\nquery getMetapropertyFilterOptions($smartfilterId: String!, $metapropertyId: String!, $cursor: String) {\n    filterOptions(smartfilterId: $smartfilterId, metapropertyId: $metapropertyId, cursor: $cursor) {\n        metadata {\n            nextCursorMark\n        }\n        metaproperty {\n            id,\n            name,\n            options {\n                count,\n                zindex,\n                name,\n                id,\n                isSelected,\n                label\n            },\n            showImage,\n            type,\n            label,\n            showCounter,\n            zindex\n        }\n    }\n}";
+export declare const useGetFilterOptions: (options: {
+    smartfilterId: string;
+    metapropertyId: string;
+}, noCache?: boolean) => {
+    isLoading: boolean;
+    fetchFilterOptions: (cursor: string) => Promise<FilterOptionsData | null | undefined>;
+};

package/api/getFilters.d.ts

@@ -2,7 +2,7 @@ import { Data } from './graphql.types';
 import { Tag } from '../filter/filters/metaproperty/MetapropertyFilterContent';
 import { Filter } from '../filter/AssetFilterContext';
 import { AssetType } from '../views/asset/asset.type';
-import { AssetFilterJson } from '@src/filter/assetFilter.type';
+import { AssetFilterJson } from '../filter/assetFilter.type';
 export interface GraphqlFiltersResponse {
     searchAssets: {
         count: {
@@ -19,7 +19,7 @@ export interface GraphqlFiltersResponse {
         };
     };
 }
-export declare const query = "\nquery searchAssets($filter: AssetFilter!, $language: String!) {\n    searchAssets(filter: $filter) {\n      tags {\n        nodes {\n          id\n          name\n          assetCount\n        }\n      }\n      count {\n        assetType {\n          image\n          video\n          audio\n          document\n          archive\n        }\n      }\n    }\n  }";
+export declare const query = "\n\tquery searchAssets($filter: AssetFilter!, $language: String!) {\n\t\tsearchAssets(filter: $filter) {\n\t\ttags {\n\t\t\tnodes {\n\t\t\tid\n\t\t\tname\n\t\t\tassetCount\n\t\t\t}\n\t\t}\n\t\tcount {\n\t\t\tassetType {\n\t\t\timage\n\t\t\tvideo\n\t\t\taudio\n\t\t\tdocument\n\t\t\tarchive\n\t\t\t}\n\t\t}\n\t\t}\n\t}";
 export declare function useGetFilters(options: {
     filter: Filter;
     searchTerm: null | undefined | string;

package/api/getFilters_new.d.ts

@@ -0,0 +1,7 @@
+import { Data } from './graphql.types';
+import { FilterData } from './types/getFilters_new';
+export declare const query = "\nquery getFilters {\n    filters {\n        smartfilter {\n            id,\n            icon,\n            zindex,\n            metaproperties\n            labels\n        }\n        metapropertyFilters {\n            metadata {\n                nextCursorMark\n            }\n            metaproperty {\n                id,\n                name,\n                options {\n                    count,\n                    zindex,\n                    name,\n                    id,\n                    isSelected,\n                    label\n                },\n                showImage,\n                type,\n                label,\n                showCounter,\n                zindex,\n\t\t\t\tisMultifilter\n            }\n        }\n    }\n}";
+export declare const useGetFilters: (noCache?: boolean) => {
+    data: Data<FilterData>;
+    isLoading: boolean;
+};

package/api/getSimilarityAssets.d.ts

@@ -1,4 +1,4 @@
-import { Result } from '@src/auth/result.type';
+import { Result } from '../auth/result.type';
 import { Assets, GraphqlResponse } from './filterAssets';
 import { Connection } from './graphql.types';
 import { AuthInformationState } from '../auth/useAuthInformation';

package/api/index.d.ts

@@ -1,8 +1,8 @@
-import { AuthInformationState } from '@src/auth/useAuthInformation';
+import { AuthInformationState } from '../auth/useAuthInformation';
 export declare function fetchWithGraphql(options: {
     query: string;
-    variables: Record<string, unknown>;
+    variables?: Record<string, unknown>;
     auth: AuthInformationState | null;
     noCache?: boolean;
     isNewGQL?: boolean;
-}): Promise<import("@src/auth/result.type").Err<any> | import("@src/auth/result.type").Ok<unknown>>;
+}): Promise<import('../auth/result.type').Err<any> | import('../auth/result.type').Ok<unknown>>;

package/api/rest/autocomplete.d.ts

@@ -1,4 +1,4 @@
-import { AuthInformationState } from '@src/auth/useAuthInformation';
+import { AuthInformationState } from '../../auth/useAuthInformation';
 type AutocompleteOption = {
     icon: string;
     id: string;

package/api/rest/getAssetCounts.d.ts

@@ -1,5 +1,5 @@
-import { AssetType } from '@src/views/asset/asset.type';
-import { AuthInformationState } from '@src/auth/useAuthInformation';
+import { AssetType } from '../../views/asset/asset.type';
+import { AuthInformationState } from '../../auth/useAuthInformation';
 import { selectedSmartfilterOptionsType, AssetCountType } from './types';
 export interface AssetFilter {
     searchTerm?: string;

package/api/rest/getInitialFilters.d.ts

@@ -1,7 +1,7 @@
-import { AuthInformationState } from '@src/auth/useAuthInformation';
+import { AuthInformationState } from '../../auth/useAuthInformation';
 export declare const getInitialFilters: ({ auth }: {
     auth: AuthInformationState | null;
 }) => Promise<{
-    filters: import("./types").Smartfilter[];
+    filters: import('./types').Smartfilter[];
     metaproperties: {};
 }>;

package/api/rest/getMetapropertiesOptions.d.ts

@@ -1,4 +1,4 @@
-import { AuthInformationState } from '@src/auth/useAuthInformation';
+import { AuthInformationState } from '../../auth/useAuthInformation';
 import { SmartfilterMetaproperty } from './types';
 type OptionsRequestType = {
     auth: AuthInformationState | null;

package/api/types/getFilters_new.d.ts

@@ -0,0 +1,56 @@
+export interface Labels {
+    [key: string]: string;
+}
+export interface MetapropertyOption {
+    count: number;
+    zindex: number;
+    name: string;
+    id: string;
+    isSelected: boolean;
+    label: string;
+}
+export interface Metaproperty {
+    id: string;
+    name: string;
+    options: MetapropertyOption[];
+    showImage: boolean;
+    type: string;
+    label: string;
+    showCounter: boolean;
+    zindex: number;
+    isMultifilter: number;
+}
+export interface FilterMetadata {
+    nextCursorMark: string;
+}
+export interface MetapropertyFilter {
+    metadata: FilterMetadata;
+    metaproperty: Metaproperty;
+}
+export interface SmartFilter {
+    id: string;
+    icon: string;
+    zindex: number;
+    metaproperties: string[];
+    labels: Labels;
+}
+export interface Filters {
+    smartfilter: SmartFilter;
+    metapropertyFilters: MetapropertyFilter[];
+}
+export interface FilterData {
+    filters: Filters[];
+}
+export interface FilterResponse {
+    data: FilterData;
+}
+export interface FilterOptions {
+    metadata: FilterMetadata;
+    metaproperty: Metaproperty;
+}
+export interface FilterOptionsData {
+    filterOptions: FilterOptions;
+}
+export interface FilterOptionsResponse {
+    data: FilterOptionsData;
+}

package/app-config/ConfigContext.d.ts

@@ -1,13 +1,12 @@
-/// <reference types="react" />
 import { Config as ProvidedConfig, SelectionMode } from './appConfig.type';
-type Config = Required<Pick<ProvidedConfig, 'language' | 'onSuccess' | 'assetTypes'>> & Pick<ProvidedConfig, 'assetFieldSelection' | 'assetFilter' | 'hideExternalAccess' | 'theme' | 'mode' | 'hideSwitch' | '__shouldAddOriginal__' | 'noCache' | 'selectAllOption'> & {
+type Config = Required<Pick<ProvidedConfig, 'language' | 'onSuccess' | 'assetTypes'>> & Pick<ProvidedConfig, 'assetFieldSelection' | 'assetFilter' | 'hideExternalAccess' | 'defaultImageDerivativeName' | 'defaultVideoDerivativeName' | 'theme' | 'mode' | 'hideSwitch' | '__shouldAddOriginal__' | 'noCache' | 'selectAllOption'> & {
     selectionMode: SelectionMode;
 };
 export declare const defaultConfig: Config;
-export declare const ConfigProvider: import("react").Provider<Config>;
+export declare const ConfigProvider: import('react').Provider<Config>;
 export declare const useConfig: () => Config;
-export declare const useTheme: () => import("..").theme | undefined;
-export declare const useAssetFilter: () => import("..").assetFilter | undefined;
+export declare const useTheme: () => import('..').theme | undefined;
+export declare const useAssetFilter: () => import('..').assetFilter | undefined;
 export declare const useSelectionMode: () => SelectionMode;
 export declare const useHideSwitch: () => boolean | undefined;
 export {};

package/app-config/appConfig.type.d.ts

@@ -24,6 +24,8 @@ export interface Config {
     container?: HTMLElement;
     language?: string;
     onSuccess?: OnSuccessCallback;
+    defaultImageDerivativeName?: string;
+    defaultVideoDerivativeName?: string;
     mode?: SelectionMode;
     portal?: PortalConfig;
     defaultSearchTerm?: string;

package/app-config/appConfig.type.guard.d.ts

@@ -1,2 +1,2 @@
-import { Config } from "./appConfig.type";
+import { Config } from './appConfig.type';
 export declare function validateConfig(obj: any, argumentName?: string): obj is Config;

package/asset.type.js

@@ -0,0 +1,31 @@
+import { IconArchive as o, IconVideocam as c, IconCamera as n, IconFile as t, IconVolumeUp as I } from "@bynder/icons";
+import { __ as i } from "./index2.js";
+function a(e) {
+  const r = {
+    AUDIO: "Audio",
+    DOCUMENT: "Document",
+    IMAGE: "Image",
+    VIDEO: "Video",
+    ARCHIVE: "Archive"
+  }[e];
+  return i(r);
+}
+function A(e) {
+  switch (e) {
+    case "AUDIO":
+      return I;
+    case "DOCUMENT":
+      return t;
+    case "IMAGE":
+      return n;
+    case "VIDEO":
+      return c;
+    case "ARCHIVE":
+      return o;
+  }
+}
+export {
+  a as assetTypeToString,
+  A as getAssetTypeIcon
+};
+//# sourceMappingURL=asset.type.js.map

package/asset.type.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asset.type.js","sources":["../../src/views/asset/asset.type.ts"],"sourcesContent":["import { IconFile, IconCamera, IconVideocam, IconVolumeUp, IconArchive } from '@bynder/icons';\nimport { MetapropertyType } from '../../filter/filters/metaproperty/MetapropertyFilterContent';\nimport { __ } from '../../localization';\nimport { File } from '../../select/file.type';\n\nexport type AssetType = 'AUDIO' | 'DOCUMENT' | 'IMAGE' | 'VIDEO' | 'ARCHIVE';\n\nexport type AssetData =\n\t| { tag: 'Loading'; value: undefined | Asset[] }\n\t| { tag: 'Loaded'; value: Asset[] };\n\nexport function assetTypeToString(type: AssetType): string {\n\tconst typeKey = {\n\t\tAUDIO: 'Audio',\n\t\tDOCUMENT: 'Document',\n\t\tIMAGE: 'Image',\n\t\tVIDEO: 'Video',\n\t\tARCHIVE: 'Archive',\n\t}[type];\n\n\treturn __(typeKey);\n}\n\nexport function getAssetTypeIcon(type: AssetType) {\n\tswitch (type) {\n\t\tcase 'AUDIO':\n\t\t\treturn IconVolumeUp;\n\t\tcase 'DOCUMENT':\n\t\t\treturn IconFile;\n\t\tcase 'IMAGE':\n\t\t\treturn IconCamera;\n\t\tcase 'VIDEO':\n\t\t\treturn IconVideocam;\n\t\tcase 'ARCHIVE':\n\t\t\treturn IconArchive;\n\t}\n}\n\ninterface Derivatives {\n\tthumbnail?: string;\n}\n\nexport interface TextMetapropertiesType {\n\tname: string;\n\tvalue: string;\n\tlabel: string;\n\ttype: string;\n\tzIndex: number;\n\tshowInGridView: boolean;\n\tshowInListView: boolean;\n}\n\nexport interface Asset {\n\t__typename: string;\n\tid: string;\n\tdatabaseId: string;\n\tderivatives: Derivatives;\n\textensions: string[];\n\tname: string;\n\turl: string;\n\tisArchived: boolean;\n\tisWatermarked: boolean;\n\tisLimitedUse: boolean;\n\tsimilarityScore?: number;\n\tmetaproperties?: {\n\t\tnodes: MetapropertyType[];\n\t};\n\ttextMetaproperties?: TextMetapropertiesType[];\n\tfiles: Record<string, File>;\n\tstreamingLinks?: {\n\t\thls: string;\n\t\tdash: string;\n\t};\n}\n"],"names":["assetTypeToString","type","typeKey","__","getAssetTypeIcon","IconVolumeUp","IconFile","IconCamera","IconVideocam","IconArchive"],"mappings":";;AAWO,SAASA,EAAkBC,GAAyB;AAC1D,QAAMC,IAAU;AAAA,IACf,OAAO;AAAA,IACP,UAAU;AAAA,IACV,OAAO;AAAA,IACP,OAAO;AAAA,IACP,SAAS;AAAA,EAAA,EACRD,CAAI;AAEN,SAAOE,EAAGD,CAAO;AAClB;AAEO,SAASE,EAAiBH,GAAiB;AACjD,UAAQA,GAAA;AAAA,IACP,KAAK;AACJ,aAAOI;AAAA,IACR,KAAK;AACJ,aAAOC;AAAA,IACR,KAAK;AACJ,aAAOC;AAAA,IACR,KAAK;AACJ,aAAOC;AAAA,IACR,KAAK;AACJ,aAAOC;AAAA,EAAA;AAEV;"}

package/asyncDebounce.js

@@ -0,0 +1,14 @@
+const i = (t, n) => {
+  let e;
+  return function(...o) {
+    return e && clearTimeout(e), new Promise((c, u) => {
+      e = setTimeout(() => {
+        t(...o).then(c).catch(u);
+      }, n);
+    });
+  };
+};
+export {
+  i as debounceAsync
+};
+//# sourceMappingURL=asyncDebounce.js.map

package/asyncDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"asyncDebounce.js","sources":["../../src/utils/asyncDebounce.ts"],"sourcesContent":["export const debounceAsync = (fn, wait) => {\n\tlet timeoutId: ReturnType<typeof setTimeout>;\n\n\treturn function debounce(...args) {\n\t\tif (timeoutId) {\n\t\t\tclearTimeout(timeoutId);\n\t\t}\n\n\t\treturn new Promise((resolve, reject) => {\n\t\t\ttimeoutId = setTimeout(() => {\n\t\t\t\tfn(...args)\n\t\t\t\t\t.then(resolve)\n\t\t\t\t\t.catch(reject);\n\t\t\t}, wait);\n\t\t});\n\t};\n};\n"],"names":["debounceAsync","fn","wait","timeoutId","args","resolve","reject"],"mappings":"AAAO,MAAMA,IAAgB,CAACC,GAAIC,MAAS;AAC1C,MAAIC;AAEJ,SAAO,YAAqBC,GAAM;AACjC,WAAID,KACH,aAAaA,CAAS,GAGhB,IAAI,QAAQ,CAACE,GAASC,MAAW;AACvC,MAAAH,IAAY,WAAW,MAAM;AAC5B,QAAAF,EAAG,GAAGG,CAAI,EACR,KAAKC,CAAO,EACZ,MAAMC,CAAM;AAAA,MACf,GAAGJ,CAAI;AAAA,IACR,CAAC;AAAA,EACF;AACD;"}

package/auth.js

@@ -0,0 +1,35 @@
+import { randomString as i, sha256 as d, base64URLEncode as g } from "./crypto.js";
+import { waitForAuthorizationFromLoginWindow as k } from "./loginwindow.js";
+import { makeAuthorizeRequestUrl as R, postTokenRequest as w } from "./oauth2.js";
+import { err as s, isErr as u, ok as v } from "./result.type.js";
+async function E(r) {
+  const o = i();
+  let n;
+  try {
+    n = await d(o);
+  } catch (p) {
+    return s(p.toString());
+  }
+  const c = g(n), a = i(), l = R(c, a, r), e = await k(l);
+  if (u(e))
+    return e;
+  if (e.value.state !== a || e.value.code === null)
+    return s("Error logging in");
+  const t = await w(
+    e.value.code,
+    o,
+    r
+  );
+  if (u(t))
+    return t;
+  const { refreshToken: f, accessToken: m, expiresIn: h } = t.value;
+  return v({
+    accessToken: m,
+    expiresIn: parseFloat(h),
+    refreshToken: f
+  });
+}
+export {
+  E as authenticate
+};
+//# sourceMappingURL=auth.js.map

package/auth.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.js","sources":["../../src/auth/auth.ts"],"sourcesContent":["import { base64URLEncode, randomString, sha256 } from './crypto';\nimport { waitForAuthorizationFromLoginWindow } from './loginwindow';\nimport { makeAuthorizeRequestUrl, postTokenRequest } from './oauth2';\nimport { err, isErr, ok, Result } from './result.type';\n\nexport interface AuthenticationResponse {\n\taccessToken: string;\n\trefreshToken: string;\n\texpiresIn: number;\n}\n\nexport async function authenticate(\n\taccountDomain: string,\n): Promise<Result<AuthenticationResponse, string>> {\n\tconst codeVerifier = randomString();\n\n\tlet codeChallenge;\n\n\ttry {\n\t\tcodeChallenge = await sha256(codeVerifier);\n\t} catch (e) {\n\t\treturn err(e.toString());\n\t}\n\n\tconst base64CodeChallenge = base64URLEncode(codeChallenge);\n\tconst state = randomString();\n\n\tconst url = makeAuthorizeRequestUrl(base64CodeChallenge, state, accountDomain);\n\n\tconst authorizationResult = await waitForAuthorizationFromLoginWindow(url);\n\n\tif (isErr(authorizationResult)) {\n\t\treturn authorizationResult;\n\t}\n\n\tif (authorizationResult.value.state !== state || authorizationResult.value.code === null) {\n\t\treturn err('Error logging in');\n\t}\n\n\tconst tokenRequestResult = await postTokenRequest(\n\t\tauthorizationResult.value.code,\n\t\tcodeVerifier,\n\t\taccountDomain,\n\t);\n\n\tif (isErr(tokenRequestResult)) {\n\t\treturn tokenRequestResult;\n\t}\n\n\tconst { refreshToken, accessToken, expiresIn } = tokenRequestResult.value;\n\n\treturn ok({\n\t\taccessToken,\n\t\texpiresIn: parseFloat(expiresIn),\n\t\trefreshToken,\n\t});\n}\n"],"names":["authenticate","accountDomain","codeVerifier","randomString","codeChallenge","sha256","e","err","base64CodeChallenge","base64URLEncode","state","url","makeAuthorizeRequestUrl","authorizationResult","waitForAuthorizationFromLoginWindow","isErr","tokenRequestResult","postTokenRequest","refreshToken","accessToken","expiresIn","ok"],"mappings":";;;;AAWA,eAAsBA,EACrBC,GACkD;AAClD,QAAMC,IAAeC,EAAA;AAErB,MAAIC;AAEJ,MAAI;AACH,IAAAA,IAAgB,MAAMC,EAAOH,CAAY;AAAA,EAC1C,SAASI,GAAG;AACX,WAAOC,EAAID,EAAE,UAAU;AAAA,EACxB;AAEA,QAAME,IAAsBC,EAAgBL,CAAa,GACnDM,IAAQP,EAAA,GAERQ,IAAMC,EAAwBJ,GAAqBE,GAAOT,CAAa,GAEvEY,IAAsB,MAAMC,EAAoCH,CAAG;AAEzE,MAAII,EAAMF,CAAmB;AAC5B,WAAOA;AAGR,MAAIA,EAAoB,MAAM,UAAUH,KAASG,EAAoB,MAAM,SAAS;AACnF,WAAON,EAAI,kBAAkB;AAG9B,QAAMS,IAAqB,MAAMC;AAAA,IAChCJ,EAAoB,MAAM;AAAA,IAC1BX;AAAA,IACAD;AAAA,EAAA;AAGD,MAAIc,EAAMC,CAAkB;AAC3B,WAAOA;AAGR,QAAM,EAAE,cAAAE,GAAc,aAAAC,GAAa,WAAAC,EAAA,IAAcJ,EAAmB;AAEpE,SAAOK,EAAG;AAAA,IACT,aAAAF;AAAA,IACA,WAAW,WAAWC,CAAS;AAAA,IAC/B,cAAAF;AAAA,EAAA,CACA;AACF;"}