@homecode/ui 5.20.5 → 5.20.7

package/dist/esm/src/components/Autocomplete/Autocomplete.js

@@ -82,6 +82,7 @@ import '@tiptap/starter-kit';
 import '../PromptComposer/PromptComposer.styl.js';
 import '@tiptap/pm/view';
 import 'linkifyjs';
+import '../../tiptap/link-highlight/nonInclusiveLink.js';
 import '../RadioGroup/RadioGroupContext.js';
 import '../RadioButton/RadioButton.styl.js';
 import '../RadioGroup/RadioGroup.styl.js';

package/dist/esm/src/components/Dialogue/Dialogue.js

@@ -1,11 +1,11 @@
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import cn from 'classnames';
-import { useState, useRef, useId, useEffect } from 'react';
 import { Card, CardHeader, CardContent, CardFooter } from '../Card/Card.js';
+import { useState, useRef, useId, useEffect } from 'react';
 import { Icon } from '../Icon/Icon.js';
 import { Portal } from '../Portal/Portal.js';
-import { isBrowser } from '../../tools/env.js';
 import S from './Dialogue.styl.js';
+import cn from 'classnames';
+import { isBrowser } from '../../tools/env.js';
 
 const FOOTER_ALIGN_CLASS = {
     left: S.footerAlignLeft,
@@ -94,10 +94,9 @@ function Dialogue({ open, onOpenChange, disabled, trigger, title, subtitle, icon
     };
     const onTriggerClick = !disabled ? () => onOpenChange(true) : undefined;
     const dialogueContent = (jsxs(Fragment, { children: [jsx("div", { className: cn(S.dialogOverlay, open && !isAnimating && S.isOpen), onClick: handleOverlayClick, "aria-hidden": "true" }), jsxs(Card, { ref: dialogRef, role: "dialog", "aria-modal": "true", "aria-labelledby": title ? titleId : undefined, "aria-describedby": subtitle ? descriptionId : undefined, className: cn(S.dialogContent, S[`size-${size}`], open && !isAnimating && S.isOpen, !open && isAnimating && S.isClosed, className), tabIndex: -1, style: {
-                    width,
-                    maxHeight: maxHeight
-                        ? `min(${String(maxHeight)}, calc(100% - var(--p-5)))`
-                        : undefined,
+                    width: width &&
+                        `min(${typeof width === 'number' ? `${width}px` : width}, calc(100% - var(--p-5)))`,
+                    maxHeight: maxHeight && `min(${String(maxHeight)}, calc(100% - var(--p-5)))`,
                 }, children: [(title || subtitle || icon) && (jsx(CardHeader, { icon: icon, title: title, description: subtitle, titleId: titleId, descriptionId: descriptionId })), jsx("button", { className: S.dialogClose, onClick: handleCloseClick, "aria-label": "Close dialog", type: "button", children: jsx(Icon, { type: "close", size: "m" }) }), content && (jsx(CardContent, { className: contentClassName, noScroll: noScroll, autoScrollBottom: autoScrollBottom, children: content })), footer && (jsx(CardFooter, { className: FOOTER_ALIGN_CLASS[footerAlignment], children: footer }))] })] }));
     return (jsxs(Fragment, { children: [trigger && jsx("div", { onClick: onTriggerClick, children: trigger }), open && !disabled && isMounted && isBrowser && (jsx(Portal, { children: dialogueContent }))] }));
 }

package/dist/esm/src/components/Dialogue/Dialogue.styl.js

@@ -1,4 +1,4 @@
-var css_248z = ".Dialogue_dialogOverlay__jjBIa{backdrop-filter:blur(4px);background-color:var(--decent-color-alpha-900);inset:0;opacity:0;position:fixed;transition:opacity .2s ease-out;z-index:10}.Dialogue_dialogOverlay__jjBIa.Dialogue_isOpen__gISMb{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialogue_fadeIn__RSEB2;animation-timing-function:ease-out;opacity:1}.Dialogue_dialogContent__-Lxde{border-radius:var(--border-radius-l);box-shadow:0 10px 20px rgba(0,0,0,.3),0 0 0 2px var(--decent-color-alpha-800);display:flex;flex-direction:column;left:50%;max-height:calc(100% - var(--p-5));opacity:0;position:fixed;top:50%;transform:translateX(-50%) translateY(-50%) scale(.95);transition:opacity .2s ease-out,transform .2s ease-out;width:-moz-fit-content;width:fit-content;z-index:10}.Dialogue_dialogContent__-Lxde.Dialogue_isOpen__gISMb{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialogue_dialogueIn__M0tLL;animation-timing-function:ease-out;opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}.Dialogue_dialogContent__-Lxde.Dialogue_isClosed__lHYyZ{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialogue_dialogueOut__6bLTY;animation-timing-function:ease-in;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-50%) scale(.95)}@media (max-width:700px){.Dialogue_dialogContent__-Lxde{max-width:calc(100% - var(--p-5));width:calc(100% - var(--p-5))}}.Dialogue_dialogContent__-Lxde:has(.Dialogue_dialogClose__5q12n) [data-slot=card-header]{padding-right:calc(2rem + var(--p-3))}.Dialogue_size-default__X1sdB{max-width:40rem}.Dialogue_size-login__GyixB{max-width:24rem}.Dialogue_size-wide__HQbiX{max-width:calc(100% - var(--p-5))}@media (min-width:700px){.Dialogue_size-wide__HQbiX{max-width:80rem}}.Dialogue_dialogClose__5q12n{align-items:center;background-color:transparent;border:none;border-radius:var(--border-radius-s);box-shadow:inset 0 0 0 2px none;color:var(--accent-color);cursor:pointer;display:flex;height:2rem;justify-content:center;opacity:.3;position:absolute;right:var(--p-3);top:var(--p-3);transform-origin:center;transition:opacity .2s ease,transform .2s ease;width:2rem;z-index:10}.Dialogue_dialogClose__5q12n:focus-visible,.Dialogue_dialogClose__5q12n:hover{opacity:1;transform:scale(1.1)}.Dialogue_dialogClose__5q12n:focus-visible{box-shadow:0 0 0 2px var(--active-color)}.Dialogue_dialogClose__5q12n:disabled{pointer-events:none}.Dialogue_footerAlignLeft__xQUD8{justify-content:flex-start}.Dialogue_footerAlignCenter__yq9Mu{justify-content:center}.Dialogue_footerAlignRight__Yo7hG{justify-content:flex-end}@keyframes Dialogue_fadeIn__RSEB2{0%{opacity:0}to{opacity:1}}@keyframes Dialogue_dialogueIn__M0tLL{0%{opacity:0;transform:translateX(-50%) translateY(-50%) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}}@keyframes Dialogue_dialogueOut__6bLTY{0%{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-50%) scale(.95)}}";
+var css_248z = ".Dialogue_dialogOverlay__jjBIa{backdrop-filter:blur(4px);background-color:var(--decent-color-alpha-900);inset:0;opacity:0;position:fixed;transition:opacity .2s ease-out;z-index:10}.Dialogue_dialogOverlay__jjBIa.Dialogue_isOpen__gISMb{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialogue_fadeIn__RSEB2;animation-timing-function:ease-out;opacity:1}.Dialogue_dialogContent__-Lxde{border-radius:var(--border-radius-l);box-shadow:0 10px 20px rgba(0,0,0,.3),0 0 0 2px var(--decent-color-alpha-800);display:flex;flex-direction:column;left:50%;max-height:calc(100% - var(--p-5));opacity:0;position:fixed;top:50%;transform:translateX(-50%) translateY(-50%) scale(.95);transition:opacity .2s ease-out,transform .2s ease-out;width:-moz-fit-content;width:fit-content;z-index:10}.Dialogue_dialogContent__-Lxde.Dialogue_isOpen__gISMb{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialogue_dialogueIn__M0tLL;animation-timing-function:ease-out;opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}.Dialogue_dialogContent__-Lxde.Dialogue_isClosed__lHYyZ{animation-duration:.2s;animation-fill-mode:forwards;animation-name:Dialogue_dialogueOut__6bLTY;animation-timing-function:ease-in;opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-50%) scale(.95)}@media (max-width:700px){.Dialogue_dialogContent__-Lxde{width:calc(100% - var(--p-5))}}.Dialogue_dialogContent__-Lxde:has(.Dialogue_dialogClose__5q12n) [data-slot=card-header]{padding-right:calc(2rem + var(--p-3))}.Dialogue_size-default__X1sdB{max-width:min(40rem,calc(100% - var(--p-5)))}.Dialogue_size-login__GyixB{max-width:min(24rem,calc(100% - var(--p-5)))}.Dialogue_size-wide__HQbiX{max-width:calc(100% - var(--p-5))}@media (min-width:700px){.Dialogue_size-wide__HQbiX{max-width:80rem}}.Dialogue_dialogClose__5q12n{align-items:center;background-color:transparent;border:none;border-radius:var(--border-radius-s);box-shadow:inset 0 0 0 2px none;color:var(--accent-color);cursor:pointer;display:flex;height:2rem;justify-content:center;opacity:.3;position:absolute;right:var(--p-3);top:var(--p-3);transform-origin:center;transition:opacity .2s ease,transform .2s ease;width:2rem;z-index:10}.Dialogue_dialogClose__5q12n:focus-visible,.Dialogue_dialogClose__5q12n:hover{opacity:1;transform:scale(1.1)}.Dialogue_dialogClose__5q12n:focus-visible{box-shadow:0 0 0 2px var(--active-color)}.Dialogue_dialogClose__5q12n:disabled{pointer-events:none}.Dialogue_footerAlignLeft__xQUD8{justify-content:flex-start}.Dialogue_footerAlignCenter__yq9Mu{justify-content:center}.Dialogue_footerAlignRight__Yo7hG{justify-content:flex-end}@keyframes Dialogue_fadeIn__RSEB2{0%{opacity:0}to{opacity:1}}@keyframes Dialogue_dialogueIn__M0tLL{0%{opacity:0;transform:translateX(-50%) translateY(-50%) scale(.95)}to{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}}@keyframes Dialogue_dialogueOut__6bLTY{0%{opacity:1;transform:translateX(-50%) translateY(-50%) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-50%) scale(.95)}}";
 var S = {"dialogOverlay":"Dialogue_dialogOverlay__jjBIa","isOpen":"Dialogue_isOpen__gISMb","fadeIn":"Dialogue_fadeIn__RSEB2","dialogContent":"Dialogue_dialogContent__-Lxde","dialogueIn":"Dialogue_dialogueIn__M0tLL","isClosed":"Dialogue_isClosed__lHYyZ","dialogueOut":"Dialogue_dialogueOut__6bLTY","dialogClose":"Dialogue_dialogClose__5q12n","size-default":"Dialogue_size-default__X1sdB","size-login":"Dialogue_size-login__GyixB","size-wide":"Dialogue_size-wide__HQbiX","footerAlignLeft":"Dialogue_footerAlignLeft__xQUD8","footerAlignCenter":"Dialogue_footerAlignCenter__yq9Mu","footerAlignRight":"Dialogue_footerAlignRight__Yo7hG"};
             if (typeof document !== 'undefined') {
               var __uilibHead = document.head || document.getElementsByTagName('head')[0];

package/dist/esm/src/components/InputFile/InputFile.js

@@ -80,6 +80,7 @@ import '@tiptap/core';
 import '@tiptap/pm/state';
 import '@tiptap/pm/view';
 import 'linkifyjs';
+import '../../tiptap/link-highlight/nonInclusiveLink.js';
 import '@tiptap/extension-mention';
 import '../../tiptap/slash-mention/SlashSuggestionList.styl.js';
 import '../RadioGroup/RadioGroupContext.js';

package/dist/esm/src/components/PromptComposer/usePromptComposerEditor.js

@@ -4,6 +4,7 @@ import { useEditor } from '@tiptap/react';
 import StarterKit from '@tiptap/starter-kit';
 import S from './PromptComposer.styl.js';
 import { createLinkHighlightExtension } from '../../tiptap/link-highlight/createLinkHighlightExtension.js';
+import { NonInclusiveLink } from '../../tiptap/link-highlight/nonInclusiveLink.js';
 import { DEFAULT_CHAT_SLASH_ITEMS } from '../../tiptap/slash-mention/defaultChatSlashItems.js';
 import { createSlashMentionExtension } from '../../tiptap/slash-mention/createSlashMentionExtension.js';
 import { safePromptComposerEditorText, promptComposerSafeEditorDom, syncPromptComposerHeight } from './PromptComposer.helpers.js';
@@ -103,7 +104,9 @@ function usePromptComposerEditor({ disabled, placeholder, slashCommandItems, sla
                 blockquote: false,
                 codeBlock: false,
                 horizontalRule: false,
+                link: false,
             }),
+            NonInclusiveLink,
             Placeholder.configure({
                 placeholder: placeholderText,
                 showOnlyWhenEditable: true,

package/dist/esm/src/tiptap/link-highlight/nonInclusiveLink.js

@@ -0,0 +1,13 @@
+import { Link } from '@tiptap/extension-link';
+
+/**
+ * Link with autolink, but non-inclusive. Stock Link is inclusive whenever
+ * autolink is on, so text typed at a link's edge (e.g. before a URL at the
+ * start of the line) joins the link. Autolink still re-links the URL itself
+ * once a space is typed after it.
+ */
+const NonInclusiveLink = Link.extend({
+    inclusive: () => false,
+});
+
+export { NonInclusiveLink };

package/dist/esm/types/src/tiptap/link-highlight/index.d.ts

@@ -1 +1,2 @@
 export { createLinkHighlightExtension } from './createLinkHighlightExtension';
+export { NonInclusiveLink } from './nonInclusiveLink';

package/dist/esm/types/src/tiptap/link-highlight/linkTyping.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/esm/types/src/tiptap/link-highlight/nonInclusiveLink.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Link with autolink, but non-inclusive. Stock Link is inclusive whenever
+ * autolink is on, so text typed at a link's edge (e.g. before a URL at the
+ * start of the line) joins the link. Autolink still re-links the URL itself
+ * once a space is typed after it.
+ */
+export declare const NonInclusiveLink: import("@tiptap/core").Mark<import("@tiptap/extension-link").LinkOptions, any>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@homecode/ui",
-  "version": "5.20.5",
+  "version": "5.20.7",
   "description": "React UI components library",
   "scripts": {
     "tests": "jest",
@@ -60,6 +60,7 @@
   },
   "dependencies": {
     "@tiptap/core": "^3.30.5",
+    "@tiptap/extension-link": "^3.30.5",
     "@tiptap/extension-mention": "^3.30.5",
     "@tiptap/extensions": "^3.30.5",
     "@tiptap/pm": "^3.30.5",