@ubloimmo/uikit 1.12.2 → 2.0.0

package/dist/components/ContextMenu/components/ContextMenuItem/ContextMenuItem.component.js

@@ -1,99 +0,0 @@
-/**
-* @ubloimmo/uikit version 1.12.2
-*
-* Copyright © Ublo 2026
-* https://ublo.immo
-*/
-
-
-import { j as i } from "../../../../node_modules/react/jsx-runtime.js";
-import { isString as x } from "@ubloimmo/front-util";
-import { useCallback as g, useMemo as C } from "react";
-import d from "styled-components";
-import { contextMenuItemStyles as I } from "./ContextMenuItem.styles.js";
-import { Action as y } from "../../../Action/Action.component.js";
-import { Text as M } from "../../../Text/Text.component.js";
-import "../../../../utils/comparison.utils.js";
-import { useLogger as k } from "../../../../utils/log.utils.js";
-import { useMergedProps as h, useTestId as j, useHtmlAttribute as u } from "../../../../utils/props.utils.js";
-import "../../../../node_modules/lodash/lodash.js";
-import "../../../../utils/translation/translation.provider.js";
-const n = {
-  label: "[Label]",
-  icon: null,
-  size: "s",
-  onClick: null,
-  disabled: !1,
-  title: null,
-  badgeLabel: null,
-  index: 0,
-  iconTooltip: null,
-  className: null,
-  color: "primary",
-  styleOverride: null
-}, L = (r) => {
-  const { warn: c, debug: b } = k("ContextMenu", {
-    hideDebug: !0
-  }), { disabled: t, index: s, ...e } = h(
-    n,
-    r
-  ), m = j("context-menu-item", r), o = u(e.onClick), p = g(
-    (l) => {
-      l == null || l.stopPropagation(), l.preventDefault(), o && o();
-    },
-    [o]
-  );
-  b(e);
-  const a = u(e.styleOverride), f = C(
-    () => t ? -1 : s + 1,
-    [t, s]
-  );
-  return x(r.label) || c(
-    `Missing required label, defaulting to ${n.label}`
-  ), e.size === "m" ? /* @__PURE__ */ i.jsx(
-    T,
-    {
-      size: "default",
-      label: e.label,
-      icon: e.icon ?? "Cursor",
-      title: e.title ?? e.label,
-      color: e.color,
-      onClick: o,
-      disabled: t,
-      badgeLabel: e.badgeLabel,
-      testId: m,
-      overrideTestId: !0,
-      styleOverride: a
-    }
-  ) : /* @__PURE__ */ i.jsx(
-    P,
-    {
-      "data-testid": m,
-      disabled: t,
-      onClick: p,
-      tabIndex: f,
-      style: a,
-      children: /* @__PURE__ */ i.jsx(
-        M,
-        {
-          color: t ? "gray-600" : "gray-800",
-          weight: "bold",
-          size: "m",
-          testId: "context-menu-item-label",
-          overrideTestId: !0,
-          ellipsis: !0,
-          children: e.label
-        }
-      )
-    }
-  );
-};
-L.defaultProps = n;
-const P = d.button`
-  ${I}
-`, T = d(y)`
-  min-width: 25rem;
-`;
-export {
-  L as ContextMenuItem
-};

package/dist/components/ContextMenu/components/ContextMenuItem/ContextMenuItem.styles.d.ts

@@ -1,3 +0,0 @@
-import { RuleSet } from 'styled-components';
-
-export declare const contextMenuItemStyles: () => RuleSet;

package/dist/components/ContextMenu/components/ContextMenuItem/ContextMenuItem.styles.js

@@ -1,65 +0,0 @@
-/**
-* @ubloimmo/uikit version 1.12.2
-*
-* Copyright © Ublo 2026
-* https://ublo.immo
-*/
-
-
-import { css as t } from "styled-components";
-const e = () => t`
-    height: var(--s-7);
-    min-height: var(--s-7);
-    max-height: var(--s-7);
-    width: 100%;
-    min-width: 10rem;
-    max-width: 100%;
-    background: var(--white);
-    padding: 0 var(--s-2);
-    display: flex;
-    align-items: center;
-    justify-content: flex-start;
-    border: none;
-    transition: background 300ms ease-out 0s;
-    cursor: pointer;
-
-    &:not(:last-child) {
-      border-bottom: 1px solid var(--primary-medium);
-    }
-
-    &:disabled {
-      background: var(--gray-50);
-      cursor: not-allowed;
-    }
-
-    span[data-testid="context-menu-item-label"] {
-      transition: color 300ms ease-out 0s;
-      width: 100%;
-      flex: 1;
-      overflow: hidden;
-    }
-
-    &:hover:not(:disabled) span[data-testid="context-menu-item-label"],
-    &:focus-visible:not(:disabled) span[data-testid="context-menu-item-label"] {
-      color: var(--primary-base);
-      transition-duration: 150ms;
-    }
-
-    &:focus-visible:not(:disabled) {
-      outline: none;
-      background: var(--primary-light);
-    }
-
-    &:last-child {
-      border-bottom-right-radius: var(--s-05);
-      border-bottom-left-radius: var(--s-05);
-    }
-
-    &:first-child {
-      border-top-right-radius: var(--s-05);
-      border-top-left-radius: var(--s-05);
-    }
-  `;
-export {
-  e as contextMenuItemStyles
-};

package/dist/components/ContextMenu/components/ContextMenuItem/ContextMenuItem.types.d.ts

@@ -1,33 +0,0 @@
-import { ActionProps } from '../../../Action';
-import { IconName } from '../../../Icon';
-import { Nullable } from '@ubloimmo/front-util';
-
-export type ContextMenuItemSize = "s" | "m";
-export type ContextMenuItemProps = Omit<ActionProps, "size" | "icon" | "description" | "indicator"> & {
-    /**
-     * The item's size
-     *
-     * @remarks Picking `m` will result in rendering a `default` sized `Action` component.
-     *
-     * @type {ContextMenuItemSize}
-     * @default "s"
-     */
-    size?: ContextMenuItemSize;
-    /**
-     * The icon name to be used by the underlying Action.
-     *
-     * @remarks Only used if `size` is set to `m`.
-     *
-     * @type {Nullable<IconName>}
-     * @default null
-     */
-    icon?: Nullable<IconName>;
-    /**
-     * The item's index when rendered in a `ContextMenu`
-     *
-     * @type {number}
-     * @default 0
-     */
-    index?: number;
-};
-export type ContextMenuItemDefaultProps = Required<ContextMenuItemProps>;

package/dist/components/ContextMenu/components/ContextMenuItem/index.d.ts

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

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

@@ -1,2 +0,0 @@
-export * from './ContextMenuArrow';
-export * from './ContextMenuItem';

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

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

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

@@ -1,16 +0,0 @@
-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.4
- *
- * @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

@@ -1,137 +0,0 @@
-/**
-* @ubloimmo/uikit version 1.12.2
-*
-* Copyright © Ublo 2026
-* https://ublo.immo
-*/
-
-
-import { j as t } from "../../node_modules/react/jsx-runtime.js";
-import { isNullish as I, isString as g } from "@ubloimmo/front-util";
-import { useMemo as i, useCallback as x } from "react";
-import e from "styled-components";
-import { copyClipboardInfoCardLabelStyles as h, copyClipboardInfoCardLinkStyles as T, copyClipboardInfoCardContainerStyles as j, copyClipboardInfoCardIconContainerStyles as L } from "./CopyClipboardInfoCard.styles.js";
-import { copyToClipboard as k } from "./CopyClipboardInfoCard.utils.js";
-import { Tooltip as P } from "../Tooltip/Tooltip.component.js";
-import { Icon as m } from "../Icon/Icon.component.js";
-import { InfoBox as $ } from "../InfoBox/InfoBox.component.js";
-import { Text as S } from "../Text/Text.component.js";
-import { FlexRowLayout as v } from "../../layouts/Flex/Flex.layout.js";
-import "../../utils/comparison.utils.js";
-import { isEmptyString as D } from "../../utils/string.utils.js";
-import { useLogger as E } from "../../utils/log.utils.js";
-import { useMergedProps as z, useTestId as w } from "../../utils/props.utils.js";
-import "../../node_modules/lodash/lodash.js";
-import { useUikitTranslation as F } from "../../utils/translation/translation.provider.js";
-const C = {
-  ...$.defaultProps,
-  copyData: null,
-  href: null,
-  copyTooltipLabel: null,
-  onCopied: null
-}, M = (a) => {
-  const s = E("CopyClipboardInfoCard"), o = z(C, a), p = w("copy-clipboard-info-card", a), r = i(
-    () => I(o.info) || D(o.info),
-    [o.info]
-  ), n = i(
-    () => r ? "gray-500" : "gray-800",
-    [r]
-  ), l = i(
-    () => o.info && !r ? o.info : "Information non renseignée",
-    [r, o.info]
-  ), y = i(
-    () => ({
-      color: n,
-      weight: r ? "regular" : "medium",
-      underline: !r && g(o.href)
-    }),
-    [n, r, o.href]
-  ), u = i(
-    () => ({
-      name: o.icon,
-      size: "s-4",
-      color: n
-    }),
-    [o.icon, n]
-  ), b = x(() => {
-    const f = o.copyData ?? o.info;
-    r || !f || k(f, o.onCopied, s);
-  }, [
-    o.copyData,
-    o.info,
-    o.onCopied,
-    r,
-    s
-  ]), c = F(), d = i(
-    () => o.copyTooltipLabel ?? c.action.copyToClipboard(),
-    [o.copyTooltipLabel, c.action]
-  );
-  return /* @__PURE__ */ t.jsxs(
-    N,
-    {
-      testId: p,
-      overrideTestId: !0,
-      gap: "s-2",
-      align: "center",
-      justify: "start",
-      fill: !0,
-      $isEmpty: r,
-      children: [
-        /* @__PURE__ */ t.jsx(m, { ...u }),
-        /* @__PURE__ */ t.jsx(
-          R,
-          {
-            testId: `${p}-info`,
-            overrideTestId: !0,
-            size: "m",
-            align: "center",
-            ellipsis: !0,
-            ...y,
-            children: o.href && !r ? /* @__PURE__ */ t.jsx(
-              B,
-              {
-                href: o.href,
-                target: "_blank",
-                "data-testid": `${p}-link`,
-                children: l
-              }
-            ) : l
-          }
-        ),
-        !r && /* @__PURE__ */ t.jsx(
-          U,
-          {
-            "data-testid": "copy-clipboard-info-card-icon-container",
-            onClick: b,
-            title: d,
-            children: /* @__PURE__ */ t.jsx(
-              P,
-              {
-                content: d,
-                cursor: "copy",
-                testId: "copy-clipboard-info-card-tooltip",
-                overrideTestId: !0,
-                children: /* @__PURE__ */ t.jsx(m, { name: "Files", color: "primary-base", size: "s-4" })
-              }
-            )
-          }
-        )
-      ]
-    }
-  );
-};
-M.defaultProps = C;
-const R = e(S)`
-  ${h}
-`, B = e.a`
-  ${T}
-`, N = e(
-  v
-)`
-  ${j}
-`, U = e.div`
-  ${L}
-`;
-export {
-  M as CopyClipboardInfoCard
-};

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

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

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

@@ -1,84 +0,0 @@
-/**
-* @ubloimmo/uikit version 1.12.2
-*
-* Copyright © Ublo 2026
-* https://ublo.immo
-*/
-
-
-import { css as r } from "styled-components";
-const t = () => r`
-  flex: 1;
-  overflow: hidden;
-  white-space: nowrap;
-`, a = ({
-  $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;
-      }
-    }
-  `}
-`, e = () => 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;
-    // needed to show underline while in ellipsis
-    padding: var(--s-05) 0;
-
-    &:has(a:hover) {
-      transition-duration: 150ms;
-      color: var(--primary-base);
-      text-decoration-color: var(--primary-medium);
-    }
-  }
-`;
-export {
-  a as copyClipboardInfoCardContainerStyles,
-  e as copyClipboardInfoCardIconContainerStyles,
-  t as copyClipboardInfoCardLabelStyles,
-  n as copyClipboardInfoCardLinkStyles
-};

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

@@ -1,53 +0,0 @@
-import { InfoBoxProps } from '../InfoBox';
-import { StyleProps } from '../../types';
-import { Nullable, VoidFn } from '@ubloimmo/front-util';
-
-/**
- * Callback that gets called after the content is copied to the user's clipboard
- * @param {string} content - The content that was copied
- */
-export type OnCopiedFn = VoidFn<[string]>;
-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
-     *
-     * @remarks If missing, the translated `copy-to-clipboard` label will be used
-     *
-     * @type {Nullable<string>}
-     * @default null
-     */
-    copyTooltipLabel?: Nullable<string>;
-    /**
-     * Optional callback that gets called after the content is copied
-     * to the user's clipboard
-     *
-     * @param {string} content - The content that was copied
-     *
-     *
-     * @type {Nullable<VoidFn<[string]>}
-     * @default null
-     */
-    onCopied?: Nullable<OnCopiedFn>;
-};
-export type CopyClipboardInfoCardDefaultProps = Required<CopyClipboardInfoCardProps>;
-export type CopyClipboardInfoCardStyleProps = StyleProps<{
-    isEmpty?: boolean;
-}>;

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

@@ -1,12 +0,0 @@
-import { Logger, Nullable } from '@ubloimmo/front-util';
-import { OnCopiedFn } from './CopyClipboardInfoCard.types';
-
-/**
- * Copies the given content to the clipboard.
- *
- * @param {string} content - The content to be copied.
- * @param {Nullable<OnCopiedFn>} [onCopied] - Optional callback that gets called after the content is copied to the user's clipboard.
- * @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, onCopied?: Nullable<OnCopiedFn>, logger?: Logger) => Promise<boolean>;

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

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

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

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

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

@@ -1,19 +0,0 @@
-import { Nullable } from '@ubloimmo/front-util';
-import { DialogProps } from './Dialog.types';
-import { TestIdProps } from '../../types';
-
-/**
- * Overlays its children on the primary window, rendering the content underneath inert.
- *
- * Controlled by a parent `DialogProvider`.
- *
- * @version 0.0.7
- *
- * @param {DialogProps & TestIdProps} props - the properties for the Dialog component
- * @returns {Nullable<JSX.Element>} the rendered dialog or null if closed
- */
-declare const Dialog: {
-    (props: DialogProps & TestIdProps): Nullable<JSX.Element>;
-    defaultProps: Required<DialogProps>;
-};
-export { Dialog };

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

@@ -1,74 +0,0 @@
-/**
-* @ubloimmo/uikit version 1.12.2
-*
-* Copyright © Ublo 2026
-* https://ublo.immo
-*/
-
-
-import { j as r } from "../../node_modules/react/jsx-runtime.js";
-import { isBoolean as E, isFunction as u } from "@ubloimmo/front-util";
-import { useRef as R, useEffect as t } from "react";
-import l from "styled-components";
-import { useDialog as h } from "./Dialog.context.js";
-import { dialogOverlayStyles as C, dialogWrapperStyles as k, dialogContentStyles as P } from "./Dialog.styles.js";
-import { Portal as S } from "../Portal/Portal.component.js";
-import "../../utils/comparison.utils.js";
-import { useLogger as L } from "../../utils/log.utils.js";
-import { mergeDefaultProps as $, useTestId as I } from "../../utils/props.utils.js";
-import "../../node_modules/lodash/lodash.js";
-import "../../utils/translation/translation.provider.js";
-const m = {
-  reference: "dialog",
-  portalRoot: "#dialog-root",
-  open: !1,
-  children: null,
-  onOpened: null,
-  onClosed: null
-}, W = (s) => {
-  const { error: g } = L("Dialog"), { children: v, open: o, reference: a, onClosed: d, onOpened: p } = $(
-    m,
-    s
-  ), y = I("dialog-content", s), { isOpen: e, isRegistered: i, portalRoot: D, close: n, register: w, unregister: x, set: O } = h(a), c = R(o);
-  return t(() => (i || w(o), () => {
-    i && x();
-  }), []), t(() => {
-    o !== e && E(o) && i && O(o);
-  }, [o]), t(() => {
-    c.current !== e && (e && u(p) && p(), !e && u(d) && d(), c.current = e);
-  }, [e]), t(() => {
-    const f = (j) => {
-      j.key === "Escape" && e && n();
-    };
-    return window.addEventListener("keydown", f), () => window.removeEventListener("keydown", f);
-  }, [n, e]), a ? e ? /* @__PURE__ */ r.jsxs(S, { rootSelector: D, children: [
-    /* @__PURE__ */ r.jsx(
-      b,
-      {
-        "aria-hidden": "true",
-        "data-testid": "dialog-overlay",
-        onClick: n
-      }
-    ),
-    /* @__PURE__ */ r.jsx(B, { "data-testid": "dialog-wrapper", children: /* @__PURE__ */ r.jsx(
-      F,
-      {
-        "aria-label": "dialog content",
-        role: "dialog",
-        "data-testid": y,
-        children: v
-      }
-    ) })
-  ] }) : null : (g("No reference provided"), null);
-};
-W.defaultProps = m;
-const b = l.div`
-  ${C}
-`, B = l.div`
-  ${k}
-`, F = l.div`
-  ${P}
-`;
-export {
-  W as Dialog
-};

package/dist/components/Dialog/Dialog.context.d.ts

@@ -1,32 +0,0 @@
-import { DialogContextProps, DialogContext, DialogReference, DialogContextProviderProps, GlobalDialogContext } from './Dialog.types';
-
-/**
- * Custom hook for managing global dialog states.
- *
- * @param {DialogContextProps} params - Parameters for the dialog context
- * @return {GlobalDialogContext} The global dialog context object
- */
-export declare const useGlobalDialogContext: (params: DialogContextProps) => GlobalDialogContext;
-/**
- * A hook that returns the methods exposed by {@link useGlobalDialogContext} through {@link DialogContext}.
- *
- * Allows for managing the state of multiple dialogs at the same time.
- *
- * @return {GlobalDialogContext} The global dialog context from the useContext hook.
- */
-export declare const useDialogManager: () => GlobalDialogContext;
-/**
- * A hook that takes a dialog's reference and returns tailored methods
- * for managing it through {@link useDialogManager}.
- *
- * @param {DialogReference} reference - the reference to the dialog
- * @return {DialogContext} the dialog context object with various dialog-related functions and properties
- */
-export declare const useDialog: (reference: DialogReference) => DialogContext;
-/**
- * Context Provider needed to manager one or multiple dialogs in a page / app.
- *
- * @param {DialogContextProviderProps} props - Initial {@link DialogContext} config and children.
- * @return {JSX.Element} Its children wrapped in a {@link DialogContext.Provider}
- */
-export declare const DialogProvider: ({ children, portalRoot, }: DialogContextProviderProps) => JSX.Element;