@ubloimmo/uikit 0.18.0 → 0.19.1

package/dist/_virtual/jsx-runtime.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/_virtual/react-jsx-runtime.development.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/_virtual/react-jsx-runtime.production.min.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/Action/Action.component.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/Action/Action.styles.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/ActionIcon/ActionIcon.component.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/ActionIcon/ActionIcon.styles.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/Avatar/Avatar.component.d.ts

@@ -1,4 +1,4 @@
-import { AvatarProps, AvatarDefaultProps } from './Avatar.types';
+import { AvatarProps } from './Avatar.types';
 import { TestIdProps } from '../../types';
 import { Nullable } from '@ubloimmo/front-util';
 
@@ -13,6 +13,6 @@ import { Nullable } from '@ubloimmo/front-util';
  */
 declare const Avatar: {
     (props: AvatarProps & TestIdProps): Nullable<JSX.Element>;
-    defaultProps: AvatarDefaultProps;
+    defaultProps: import('../../types/global/object.types').RequiredNonNever<import('..').AvatarPropsFirstLastName>;
 };
 export { Avatar };

package/dist/components/Avatar/Avatar.component.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo
@@ -10,7 +10,7 @@ import { j as o } from "../../node_modules/react/jsx-runtime.js";
 import { useMemo as m } from "react";
 import c from "styled-components";
 import { avatarStyles as f } from "./Avatar.styles.js";
-import { isAvatarPropsCount as s, isAvatarPropsFirstLastName as v, isAvatarPropsFullName as x, isAvatarPropsWithUrl as A } from "./Avatar.utils.js";
+import { isAvatarPropsCount as p, isAvatarPropsFirstLastName as v, isAvatarPropsFullName as x, isAvatarPropsWithUrl as A } from "./Avatar.utils.js";
 import "@ubloimmo/front-util";
 import { useLogger as h } from "../../utils/log.utils.js";
 import { useMergedProps as g, useStyleProps as P, useTestId as C } from "../../utils/props.utils.js";
@@ -48,17 +48,18 @@ import "../ComboBoxButton/ComboBoxButton.component.js";
 import "../Divider/Divider.component.js";
 import "../Form/Form.component.js";
 import "../Switch/Switch.component.js";
-const p = {
+import "../CopyClipboardInfoCard/CopyClipboardInfoCard.component.js";
+import "../EntityInfoCard/EntityInfoCard.component.js";
+const s = {
   size: "m",
   firstName: "",
   lastName: "",
-  name: "",
   avatarUrl: null
 }, y = (e) => {
   const { error: n, warn: i } = h("Avatar"), t = g(
-    { ...e, ...p },
+    { ...e, ...s },
     e
-  ), l = P(t), d = C("avatar", e), r = m(() => s(t, i) ? `+${t.count}` : v(t) ? `${t.firstName.charAt(0).toUpperCase()}${t.lastName.charAt(0).toUpperCase()}` : x(t) ? t.name.includes(" ") ? t.name.split(" ").map((u) => u.charAt(0).toUpperCase()).join("") : t.name.charAt(0).toUpperCase() : null, [t, i]), a = m(() => s(t) ? "gray-600" : "primary-base", [t]);
+  ), l = P(t), d = C("avatar", e), r = m(() => p(t, i) ? `+${t.count}` : v(t) ? `${t.firstName.charAt(0).toUpperCase()}${t.lastName.charAt(0).toUpperCase()}` : x(t) ? t.name.includes(" ") ? t.name.split(" ").map((u) => u.charAt(0).toUpperCase()).join("") : t.name.charAt(0).toUpperCase() : null, [t, i]), a = m(() => p(t) ? "gray-600" : "primary-base", [t]);
   return r ? /* @__PURE__ */ o.jsx(I, { "data-testid": d, ...l, children: A(t) ? /* @__PURE__ */ o.jsx(
     "img",
     {
@@ -88,7 +89,7 @@ const p = {
     }
   ) }) : (n("Unable to compute text content"), null);
 };
-y.defaultProps = p;
+y.defaultProps = s;
 const I = c.div`
   ${f}
 `;

package/dist/components/Avatar/Avatar.styles.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/Avatar/Avatar.types.d.ts

@@ -5,13 +5,16 @@ import { Nullable } from '@ubloimmo/front-util';
 export type AvatarSize = Extract<ExtendedComponentSize, "m" | "xl">;
 export type AvatarPropsFullName = {
     /**
-     * @default "m"
-     *
      * The size of the Avatar
+     *
+     * @type {AvatarSize}
+     * @default "m"
      */
     size?: AvatarSize;
     /**
      * The full name of the user (Name variant)
+     *
+     * @type {string}
      * @required
      * @default ""
      */
@@ -30,14 +33,17 @@ export type AvatarPropsFullName = {
     count?: never;
     /**
      * The image URL to be displayed in the Avatar (Picture variant)
+     *
+     * @type {Nullable<string>}
      */
     avatarUrl?: Nullable<string>;
 };
 export type AvatarPropsFirstLastName = {
     /**
-     * @default "m"
-     *
      * The size of the Avatar
+     *
+     * @type {AvatarSize}
+     * @default "m"
      */
     size?: AvatarSize;
     /**
@@ -46,10 +52,16 @@ export type AvatarPropsFirstLastName = {
     name?: never;
     /**
      * The first name of the user (Name variant)
+     *
+     * @type {string}
+     * @required
      */
     firstName: string;
     /**
      * The first name of the user (Name version)
+     *
+     * @type {string}
+     * @required
      */
     lastName: string;
     /**
@@ -58,14 +70,17 @@ export type AvatarPropsFirstLastName = {
     count?: never;
     /**
      * The image URL to be displayed in the Avatar (Picture variant)
+     *
+     * @type {Nullable<string>}
      */
     avatarUrl?: Nullable<string>;
 };
 export type AvatarPropsCount = {
     /**
-     * @default "m"
-     *
      * The size of the Avatar
+     *
+     * @type {AvatarSize}
+     * @default "m"
      */
     size?: AvatarSize;
     /**
@@ -82,6 +97,9 @@ export type AvatarPropsCount = {
     lastName?: never;
     /**
      * The number to be displayed in the Avatar (Number variant)
+     *
+     * @type {number}
+     * @required
      */
     count: number;
     /**

package/dist/components/Avatar/Avatar.utils.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/Badge/Badge.component.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/Badge/Badge.styles.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/Badge/index.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/Button/Button.component.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/Button/Button.styles.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/Chip/Chip.component.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/Chip/Chip.styles.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/ComboBox/ComboBox.component.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/ComboBoxButton/ComboBoxButton.component.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/ComboBoxButton/ComboBoxButton.styles.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/CopyClipboardInfoCard/CopyClipboardInfoCard.component.d.ts

@@ -0,0 +1,16 @@
+import { CopyClipboardInfoCardProps } from './CopyClipboardInfoCard.types';
+import { TestIdProps } from '../../types';
+
+/**
+ * A single, clickable card that displays information and allows the user to copy it to the clipboard.
+ *
+ * @version 0.0.2
+ *
+ * @param {CopyClipboardInfoCardProps & TestIdProps} props - CopyClipboardInfoCard component props
+ * @returns {JSX.Element}
+ */
+declare const CopyClipboardInfoCard: {
+    (props: CopyClipboardInfoCardProps & TestIdProps): JSX.Element;
+    defaultProps: Required<CopyClipboardInfoCardProps>;
+};
+export { CopyClipboardInfoCard };

package/dist/components/CopyClipboardInfoCard/CopyClipboardInfoCard.component.js

@@ -0,0 +1,150 @@
+/**
+* @ubloimmo/uikit version 0.19.1
+*
+* Copyright © Ublo 2024
+* https://ublo.immo
+*/
+
+
+import { j as t } from "../../node_modules/react/jsx-runtime.js";
+import { isNullish as u, isString as I } from "@ubloimmo/front-util";
+import { useMemo as i, useCallback as b } from "react";
+import n from "styled-components";
+import { copyClipboardInfoCardLinkStyles as g, copyClipboardInfoCardContainerStyles as x, copyClipboardInfoCardIconContainerStyles as h } from "./CopyClipboardInfoCard.styles.js";
+import { copyToClipboard as j } from "./CopyClipboardInfoCard.utils.js";
+import { FlexRowLayout as L } from "../../layouts/Flex/Flex.layout.js";
+import "../../layouts/Grid/Grid.layout.js";
+import "../../layouts/GridItem/GridItem.layout.js";
+import { useLogger as P } from "../../utils/log.utils.js";
+import { useMergedProps as T, useTestId as k } from "../../utils/props.utils.js";
+import { isEmptyString as $ } from "../../utils/string.utils.js";
+import "../Action/Action.component.js";
+import "../ActionIcon/ActionIcon.component.js";
+import "../Badge/Badge.component.js";
+import "../Button/Button.component.js";
+import "../Dialog/Dialog.component.js";
+import "../Dialog/Dialog.context.js";
+import "../Heading/Heading.component.js";
+import { Icon as c } from "../Icon/Icon.component.js";
+import "../Input/CurrencyInput/CurrencyInput.component.js";
+import "../Input/EmailInput/EmailInput.component.js";
+import "../Input/NumberInput/NumberInput.component.js";
+import "../Input/PasswordInput/PasswordInput.component.js";
+import "../Input/PhoneInput/PhoneInput.component.js";
+import "../Input/TextAreaInput/TextAreaInput.component.js";
+import "../Input/TextInput/TextInput.component.js";
+import "../InputAssistiveText/InputAssistiveText.component.js";
+import "../InputLabel/InputLabel.component.js";
+import "../Loading/Loading.component.js";
+import "../Portal/Portal.component.js";
+import "../StateIndicator/StateIndicator.component.js";
+import "../StaticIcon/StaticIcon.component.js";
+import { Text as S } from "../Text/Text.component.js";
+import "../Hypertext/Hypertext.component.js";
+import "../Tooltip/Tooltip.component.js";
+import "../Field/Field.component.js";
+import "../Chip/Chip.component.js";
+import "../SmallLoader/SmallLoader.component.js";
+import { InfoBox as v } from "../InfoBox/InfoBox.component.js";
+import "../Modal/Modal.component.js";
+import "../ComboBox/ComboBox.component.js";
+import "../ComboBoxButton/ComboBoxButton.component.js";
+import "../Avatar/Avatar.component.js";
+import "../Divider/Divider.component.js";
+import "../Form/Form.component.js";
+import "../Switch/Switch.component.js";
+import "../EntityInfoCard/EntityInfoCard.component.js";
+const f = {
+  ...v.defaultProps,
+  copyData: null,
+  href: null,
+  copyTooltipLabel: "Copy to clipboard"
+}, D = (m) => {
+  const a = P("CopyClipboardInfoCard"), o = T(f, m), e = k("copy-clipboard-info-card", m), r = i(
+    () => u(o.info) || $(o.info),
+    [o.info]
+  ), p = i(
+    () => r ? "gray-500" : "gray-800",
+    [r]
+  ), s = i(
+    () => o.info && !r ? o.info : "Information non renseignée",
+    [r, o.info]
+  ), d = i(
+    () => ({
+      color: p,
+      weight: r ? "regular" : "medium",
+      underline: !r && I(o.href)
+    }),
+    [p, r, o.href]
+  ), C = i(
+    () => ({
+      name: o.icon,
+      size: "s-4",
+      color: p
+    }),
+    [o.icon, p]
+  ), y = b(() => {
+    const l = o.copyData ?? o.info;
+    r || !l || j(l, a);
+  }, [o.copyData, o.info, r, a]);
+  return /* @__PURE__ */ t.jsxs(
+    z,
+    {
+      testId: e,
+      overrideTestId: !0,
+      gap: "s-2",
+      align: "center",
+      justify: "start",
+      fill: !0,
+      $isEmpty: r,
+      children: [
+        /* @__PURE__ */ t.jsx(c, { ...C }),
+        /* @__PURE__ */ t.jsx(
+          E,
+          {
+            testId: `${e}-info`,
+            overrideTestId: !0,
+            size: "m",
+            align: "center",
+            ellipsis: !0,
+            ...d,
+            children: o.href && !r ? /* @__PURE__ */ t.jsx(
+              w,
+              {
+                href: o.href,
+                target: "_blank",
+                "data-testid": `${e}-link`,
+                children: s
+              }
+            ) : s
+          }
+        ),
+        !r && /* @__PURE__ */ t.jsx(
+          F,
+          {
+            "data-testid": "copy-clipboard-info-card-icon-container",
+            onClick: y,
+            title: o.copyTooltipLabel,
+            children: /* @__PURE__ */ t.jsx(c, { name: "Files", color: "primary-base", size: "s-4" })
+          }
+        )
+      ]
+    }
+  );
+};
+D.defaultProps = f;
+const E = n(S)`
+  flex: 1;
+  overflow: unset;
+`, w = n.a`
+  ${g}
+`, z = n(
+  L
+)`
+  ${x}
+`, F = n.div`
+  ${h}
+`;
+export {
+  D as CopyClipboardInfoCard
+};

package/dist/components/CopyClipboardInfoCard/CopyClipboardInfoCard.styles.d.ts

@@ -0,0 +1,6 @@
+import { RuleSet } from 'styled-components';
+import { CopyClipboardInfoCardStyleProps } from './CopyClipboardInfoCard.types';
+
+export declare const copyClipboardInfoCardContainerStyles: ({ $isEmpty, }: CopyClipboardInfoCardStyleProps) => RuleSet;
+export declare const copyClipboardInfoCardIconContainerStyles: () => RuleSet;
+export declare const copyClipboardInfoCardLinkStyles: () => RuleSet;

package/dist/components/CopyClipboardInfoCard/CopyClipboardInfoCard.styles.js

@@ -0,0 +1,75 @@
+/**
+* @ubloimmo/uikit version 0.19.1
+*
+* Copyright © Ublo 2024
+* https://ublo.immo
+*/
+
+
+import { css as r } from "styled-components";
+const i = ({
+  $isEmpty: o
+}) => r`
+  min-height: var(--s-10);
+  padding: var(--s-2) var(--s-3);
+  background: var(--gray-50);
+  border-radius: var(--s-1);
+  border: 1px solid var(--primary-medium-00);
+  position: relative;
+  transition: border-color 300ms ease-out 0s;
+  padding-right: var(--s-8);
+
+  ${!o && r`
+    &:hover {
+      border-color: var(--primary-medium);
+      transition-duration: 150ms;
+
+      // target copy icon
+      div[data-testid="copy-clipboard-info-card-icon-container"] {
+        transition-duration: 150ms;
+        pointer-events: all;
+        opacity: 1;
+        cursor: pointer;
+      }
+    }
+  `}
+`, a = () => r`
+  position: absolute;
+  top: 50%;
+  transform: translateY(-50%);
+  right: var(--s-3);
+  opacity: 0;
+  transition: opacity 300ms ease-out 0s;
+  pointer-events: none;
+  height: var(--s-4);
+  width: var(--s-4);
+
+  &:hover svg[data-testid="icon"] {
+    fill: var(--primary-dark);
+  }
+`, n = () => r`
+  text-decoration: none;
+  color: inherit;
+  text-align: center;
+  font-size: inherit;
+  letter-spacing: inherit;
+  line-height: inherit;
+  max-width: 100%;
+  width: max-content;
+  cursor: pointer;
+
+  span:has(&) {
+    transition: color 300ms ease-out 0s, text-decoration-color 300ms ease-out 0s;
+
+    &:has(a:hover) {
+      transition-duration: 150ms;
+      color: var(--primary-base);
+      text-decoration-color: var(--primary-medium);
+    }
+  }
+`;
+export {
+  i as copyClipboardInfoCardContainerStyles,
+  a as copyClipboardInfoCardIconContainerStyles,
+  n as copyClipboardInfoCardLinkStyles
+};

package/dist/components/CopyClipboardInfoCard/CopyClipboardInfoCard.types.d.ts

@@ -0,0 +1,36 @@
+import { InfoBoxProps } from '../InfoBox';
+import { StyleProps } from '../../types';
+import { Nullable } from '@ubloimmo/front-util';
+
+export type CopyClipboardInfoCardProps = Omit<InfoBoxProps, "label"> & {
+    /**
+     * The data to be copied to a user's clipboard
+     *
+     * @remarks If missing, the label will be used instead
+     *
+     * @type {Nullable<string>}
+     * @default null
+     */
+    copyData?: Nullable<string>;
+    /**
+     * The URL to be opened in a new tab when clicked
+     *
+     * @remarks If missing, clicking on the label will not act as a link
+     *
+     * @type {Nullable<string>}
+     * @default null
+     */
+    href?: Nullable<string>;
+    /**
+     * The label to be displayed in the tooltip when hovering the copy icon
+     *
+     *
+     * @type {string}
+     * @default "Copy to clipboard"
+     */
+    copyTooltipLabel?: string;
+};
+export type CopyClipboardInfoCardDefaultProps = Required<CopyClipboardInfoCardProps>;
+export type CopyClipboardInfoCardStyleProps = StyleProps<{
+    isEmpty?: boolean;
+}>;

package/dist/components/CopyClipboardInfoCard/CopyClipboardInfoCard.utils.d.ts

@@ -0,0 +1,10 @@
+import { Logger } from '@ubloimmo/front-util';
+
+/**
+ * Copies the given content to the clipboard.
+ *
+ * @param {string} content - The content to be copied.
+ * @param {Logger} [logger] - Optional logger for error handling.
+ * @return {Promise<boolean>} A promise that resolves to true if the content is successfully copied, otherwise false.
+ */
+export declare const copyToClipboard: (content: string, logger?: Logger) => Promise<boolean>;

package/dist/components/CopyClipboardInfoCard/CopyClipboardInfoCard.utils.js

@@ -0,0 +1,22 @@
+/**
+* @ubloimmo/uikit version 0.19.1
+*
+* Copyright © Ublo 2024
+* https://ublo.immo
+*/
+
+
+import { isFunction as a } from "@ubloimmo/front-util";
+const e = async (i, r) => {
+  if (!navigator || !("clipboard" in navigator) || !a(navigator.clipboard.writeText))
+    return (r ?? console).warn("Clipboard API not available"), !1;
+  if (!("clipboard" in navigator) || !a(navigator.clipboard.writeText)) return !1;
+  try {
+    return await navigator.clipboard.writeText(i), !0;
+  } catch (o) {
+    return (r ?? console).error(o), !1;
+  }
+};
+export {
+  e as copyToClipboard
+};

package/dist/components/CopyClipboardInfoCard/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CopyClipboardInfoCard.component';
+export type * from './CopyClipboardInfoCard.types';

package/dist/components/Dialog/Dialog.component.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/Dialog/Dialog.context.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/Dialog/Dialog.styles.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo

package/dist/components/Divider/Divider.component.js

@@ -1,5 +1,5 @@
 /**
-* @ubloimmo/uikit version 0.18.0
+* @ubloimmo/uikit version 0.19.1
 *
 * Copyright © Ublo 2024
 * https://ublo.immo
@@ -50,6 +50,8 @@ import "../ComboBoxButton/ComboBoxButton.component.js";
 import "../Avatar/Avatar.component.js";
 import "../Form/Form.component.js";
 import "../Switch/Switch.component.js";
+import "../CopyClipboardInfoCard/CopyClipboardInfoCard.component.js";
+import "../EntityInfoCard/EntityInfoCard.component.js";
 const m = {
   label: null,
   className: null