@shipfox/react-ui 0.32.2 → 0.33.1

package/dist/components/index.d.ts

@@ -1,48 +1,48 @@
-export * from './alert';
-export * from './avatar';
-export * from './badge';
-export * from './button';
-export * from './button-group';
-export * from './calendar';
-export * from './card';
-export * from './checkbox';
-export * from './code-block';
-export * from './combobox';
-export * from './command';
-export * from './confetti';
-export * from './count-up';
-export * from './dashboard';
-export * from './date-picker';
-export * from './date-time-range-picker';
-export * from './dot-grid';
-export * from './dropdown-menu';
-export * from './dynamic-item';
-export * from './empty-state';
-export * from './form';
-export * from './icon';
-export * from './inline-tips';
-export * from './input';
-export * from './interval-selector';
-export * from './item';
-export * from './kbd';
-export * from './label';
-export * from './modal';
-export * from './moving-border';
-export * from './popover';
-export * from './scroll-area';
-export * from './search';
-export * from './select';
-export * from './sheet';
-export * from './shiny-text';
-export * from './shipql-editor';
-export * from './skeleton';
-export * from './slider';
-export * from './switch';
-export * from './table';
-export * from './tabs';
-export * from './textarea';
-export * from './theme';
-export * from './toast';
-export * from './tooltip';
-export * from './typography';
+export * from './alert/index.js';
+export * from './avatar/index.js';
+export * from './badge/index.js';
+export * from './button/index.js';
+export * from './button-group/index.js';
+export * from './calendar/index.js';
+export * from './card/index.js';
+export * from './checkbox/index.js';
+export * from './code-block/index.js';
+export * from './combobox/index.js';
+export * from './command/index.js';
+export * from './confetti/index.js';
+export * from './count-up/index.js';
+export * from './dashboard/index.js';
+export * from './date-picker/index.js';
+export * from './date-time-range-picker/index.js';
+export * from './dot-grid/index.js';
+export * from './dropdown-menu/index.js';
+export * from './dynamic-item/index.js';
+export * from './empty-state/index.js';
+export * from './form/index.js';
+export * from './icon/index.js';
+export * from './inline-tips/index.js';
+export * from './input/index.js';
+export * from './interval-selector/index.js';
+export * from './item/index.js';
+export * from './kbd/index.js';
+export * from './label/index.js';
+export * from './modal/index.js';
+export * from './moving-border/index.js';
+export * from './popover/index.js';
+export * from './scroll-area/index.js';
+export * from './search/index.js';
+export * from './select/index.js';
+export * from './sheet/index.js';
+export * from './shiny-text/index.js';
+export * from './shipql-editor/index.js';
+export * from './skeleton/index.js';
+export * from './slider/index.js';
+export * from './switch/index.js';
+export * from './table/index.js';
+export * from './tabs/index.js';
+export * from './textarea/index.js';
+export * from './theme/index.js';
+export * from './toast/index.js';
+export * from './tooltip/index.js';
+export * from './typography/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/inline-tips/index.d.ts

@@ -1,2 +1,2 @@
-export * from './inline-tips';
+export * from './inline-tips.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,2 +1,2 @@
-export * from './input';
+export * from './input.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/interval-selector/hooks/index.d.ts

@@ -1,4 +1,4 @@
-export * from './use-interval-selector';
-export * from './use-interval-selector-input';
-export * from './use-interval-selector-navigation';
+export * from './use-interval-selector.js';
+export * from './use-interval-selector-input.js';
+export * from './use-interval-selector-navigation.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/interval-selector/hooks/use-interval-selector-input.d.ts

@@ -1,4 +1,4 @@
-import type { IntervalSelection } from '../types';
+import type { IntervalSelection } from '../types.js';
 export interface UseNewIntervalSelectorInputProps {
     onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
     onKeyDown?: (e: React.KeyboardEvent<HTMLInputElement>) => void;

package/dist/components/interval-selector/hooks/use-interval-selector-navigation.d.ts

@@ -1,4 +1,4 @@
-import type { IntervalSelection, IntervalSuggestion, RelativeSuggestion } from '../types';
+import type { IntervalSelection, IntervalSuggestion, RelativeSuggestion } from '../types.js';
 interface UseIntervalSelectorNavigationProps {
     relativeSuggestions: RelativeSuggestion[];
     intervalSuggestions: IntervalSuggestion[];

package/dist/components/interval-selector/hooks/use-interval-selector.d.ts

@@ -1,6 +1,6 @@
 import type { DismissableLayerProps } from '@radix-ui/react-dismissable-layer';
-import type { IntervalSelectorProps } from '../interval-selector';
-import type { IntervalSelection, IntervalSuggestion, RelativeSuggestion } from '../types';
+import type { IntervalSelectorProps } from '../interval-selector.js';
+import type { IntervalSelection, IntervalSuggestion, RelativeSuggestion } from '../types.js';
 export interface UseIntervalSelectorProps extends Pick<IntervalSelectorProps, 'onSelectionChange'> {
     relativeSuggestions: RelativeSuggestion[];
     intervalSuggestions: IntervalSuggestion[];

package/dist/components/interval-selector/index.d.ts

@@ -1,3 +1,3 @@
-export * from './interval-selector';
-export * from './types';
+export * from './interval-selector.js';
+export * from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/interval-selector/interval-selector-calendar.d.ts

@@ -1,4 +1,4 @@
-import type { IntervalSelection } from './types';
+import type { IntervalSelection } from './types.js';
 interface IntervalSelectorCalendarProps {
     onSelect: (selection: IntervalSelection) => void;
 }

package/dist/components/interval-selector/interval-selector-input.d.ts

@@ -1,4 +1,4 @@
-import { type UseNewIntervalSelectorInputProps } from './hooks/use-interval-selector-input';
+import { type UseNewIntervalSelectorInputProps } from './hooks/use-interval-selector-input.js';
 type IntervalSelectorInputProps = {
     className?: string;
     inputClassName?: string;

package/dist/components/interval-selector/interval-selector-suggestions.d.ts

@@ -1,4 +1,4 @@
-import type { IntervalSelection, IntervalSuggestion, RelativeSuggestion } from './types';
+import type { IntervalSelection, IntervalSuggestion, RelativeSuggestion } from './types.js';
 interface IntervalSelectorSuggestionsProps {
     relativeSuggestions: RelativeSuggestion[];
     intervalSuggestions: IntervalSuggestion[];

package/dist/components/interval-selector/interval-selector.d.ts

@@ -1,4 +1,4 @@
-import type { IntervalSelection, IntervalSuggestion, RelativeSuggestion } from './types';
+import type { IntervalSelection, IntervalSuggestion, RelativeSuggestion } from './types.js';
 export interface IntervalSelectorProps {
     selection: IntervalSelection;
     onSelectionChange: (selection: IntervalSelection) => void;

package/dist/components/interval-selector/utils/format.d.ts

@@ -1,4 +1,4 @@
-import type { IntervalSelection } from '../types';
+import type { IntervalSelection } from '../types.js';
 export declare function formatSelectionForInput(selection: IntervalSelection): string;
 interface FormatSelectionParams {
     selection: IntervalSelection;

package/dist/components/interval-selector/utils/index.d.ts

@@ -1,3 +1,3 @@
-export * from './constants';
-export * from './format';
+export * from './constants.js';
+export * from './format.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,2 +1,2 @@
-export * from './item';
+export * from './item.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,2 +1,2 @@
-export * from './kbd';
+export * from './kbd.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,2 +1,2 @@
-export * from './label';
+export * from './label.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,2 +1,2 @@
-export * from './modal';
+export * from './modal.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/moving-border/index.d.ts

@@ -1,2 +1,2 @@
-export * from './moving-border';
+export * from './moving-border.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,2 +1,2 @@
-export * from './popover';
+export * from './popover.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/scroll-area/index.d.ts

@@ -1,2 +1,2 @@
-export * from './scroll-area';
+export * from './scroll-area.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,7 +1,7 @@
-export { Search, type SearchProps } from './search';
-export { useSearchContext } from './search-context';
-export { SearchInline, type SearchInlineProps } from './search-inline';
-export { SearchContent, type SearchContentProps, SearchEmpty, type SearchEmptyProps, SearchFooter, type SearchFooterProps, SearchGroup, type SearchGroupProps, SearchInput, type SearchInputProps, SearchItem, type SearchItemProps, SearchList, type SearchListProps, SearchSeparator, type SearchSeparatorProps, } from './search-modal';
-export { SearchTrigger, type SearchTriggerProps } from './search-trigger';
-export { searchDefaultTransition, searchInputVariants, searchTriggerVariants, } from './search-variants';
+export { Search, type SearchProps } from './search.js';
+export { useSearchContext } from './search-context.js';
+export { SearchInline, type SearchInlineProps } from './search-inline.js';
+export { SearchContent, type SearchContentProps, SearchEmpty, type SearchEmptyProps, SearchFooter, type SearchFooterProps, SearchGroup, type SearchGroupProps, SearchInput, type SearchInputProps, SearchItem, type SearchItemProps, SearchList, type SearchListProps, SearchSeparator, type SearchSeparatorProps, } from './search-modal.js';
+export { SearchTrigger, type SearchTriggerProps } from './search-trigger.js';
+export { searchDefaultTransition, searchInputVariants, searchTriggerVariants, } from './search-variants.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/search/search-inline.d.ts

@@ -1,6 +1,6 @@
 import type { VariantProps } from 'class-variance-authority';
 import type { ComponentProps } from 'react';
-import { searchInputVariants } from './search-variants';
+import { searchInputVariants } from './search-variants.js';
 export type SearchInlineProps = Omit<ComponentProps<'input'>, 'size'> & VariantProps<typeof searchInputVariants> & {
     showClearButton?: boolean;
     onClear?: () => void;

package/dist/components/search/search-modal.d.ts

@@ -1,6 +1,6 @@
 import { Command as CommandPrimitive } from 'cmdk';
 import type { ComponentProps, ReactNode } from 'react';
-import { type ModalContentProps } from '../modal/modal';
+import { type ModalContentProps } from '../modal/modal.js';
 export type SearchContentProps = {
     breakpoint?: string;
 } & Omit<ModalContentProps, 'open' | 'onOpenChange'>;

package/dist/components/search/search-trigger.d.ts

@@ -1,6 +1,6 @@
 import type { VariantProps } from 'class-variance-authority';
 import type { ComponentProps } from 'react';
-import { searchTriggerVariants } from './search-variants';
+import { searchTriggerVariants } from './search-variants.js';
 export type SearchTriggerProps = ComponentProps<'button'> & VariantProps<typeof searchTriggerVariants> & {
     placeholder?: string;
     shortcut?: string;

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

@@ -1,2 +1,2 @@
-export * from './select';
+export * from './select.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/select/select.d.ts

@@ -1,7 +1,7 @@
 import * as SelectPrimitive from '@radix-ui/react-select';
 import { type VariantProps } from 'class-variance-authority';
 import type { ComponentProps } from 'react';
-import { type IconName } from '../icon';
+import { type IconName } from '../icon/index.js';
 declare function Select({ ...props }: ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function SelectGroup({ ...props }: ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
 declare function SelectValue({ ...props }: ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
-export * from './sheet';
+export * from './sheet.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/shiny-text/index.d.ts

@@ -1,2 +1,2 @@
-export * from './shiny-text';
+export * from './shiny-text.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/shipql-editor/index.d.ts

@@ -1,3 +1,3 @@
-export type { LeafAstNode } from './lexical/shipql-leaf-node';
-export { type FacetDef, type FormatLeafDisplay, type LeafChangePayload, type RangeFacetConfig, ShipQLEditor, type ShipQLEditorProps, } from './shipql-editor';
+export type { LeafAstNode } from './lexical/shipql-leaf-node.js';
+export { type FacetDef, type FacetMetadata, type FormatLeafDisplay, type LeafChangePayload, type RangeFacetConfig, ShipQLEditor, type ShipQLEditorProps, } from './shipql-editor.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/shipql-editor/lexical/on-blur-plugin.d.ts

@@ -1,7 +1,8 @@
 import type { AstNode } from '@shipfox/shipql-parser';
 interface OnBlurPluginProps {
     onChange?: (ast: AstNode) => void;
+    allowFreeText?: boolean;
 }
-export declare function OnBlurPlugin({ onChange }: OnBlurPluginProps): null;
+export declare function OnBlurPlugin({ onChange, allowFreeText }: OnBlurPluginProps): null;
 export {};
 //# sourceMappingURL=on-blur-plugin.d.ts.map

package/dist/components/shipql-editor/lexical/on-blur-plugin.js

@@ -1,18 +1,22 @@
 import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';
-import { parse } from '@shipfox/shipql-parser';
+import { hasTextNodes, parse } from '@shipfox/shipql-parser';
 import { $getRoot, BLUR_COMMAND, COMMAND_PRIORITY_LOW } from 'lexical';
 import { useEffect, useRef } from 'react';
-export function OnBlurPlugin({ onChange }) {
+export function OnBlurPlugin({ onChange, allowFreeText = true }) {
     const [editor] = useLexicalComposerContext();
-    // Keep latest callback accessible without re-registering the command.
     const onChangeRef = useRef(onChange);
     onChangeRef.current = onChange;
+    const allowFreeTextRef = useRef(allowFreeText);
+    allowFreeTextRef.current = allowFreeText;
     useEffect(()=>{
         return editor.registerCommand(BLUR_COMMAND, ()=>{
             const text = editor.getEditorState().read(()=>$getRoot().getTextContent());
             try {
                 const ast = parse(text);
-                if (ast) onChangeRef.current?.(ast);
+                if (ast) {
+                    if (!allowFreeTextRef.current && hasTextNodes(ast)) return false;
+                    onChangeRef.current?.(ast);
+                }
             } catch  {
             // Invalid query — do not call onChange.
             }

package/dist/components/shipql-editor/lexical/shipql-leaf-node.d.ts

@@ -11,20 +11,23 @@ type SerializedShipQLLeafNode = SerializedTextNode & {
 export declare class ShipQLLeafNode extends TextNode {
     __shipqlNode: LeafAstNode;
     __displayText: string | null;
-    constructor(text: string, shipqlNode: LeafAstNode, key?: NodeKey, displayText?: string);
+    __freeTextError: boolean;
+    constructor(text: string, shipqlNode: LeafAstNode, key?: NodeKey, displayText?: string, freeTextError?: boolean);
     static getType(): string;
     static clone(node: ShipQLLeafNode): ShipQLLeafNode;
     static importJSON(serialized: SerializedShipQLLeafNode): ShipQLLeafNode;
     exportJSON(): SerializedShipQLLeafNode;
     createDOM(config: EditorConfig): HTMLElement;
     updateDOM(prevNode: this, dom: HTMLElement, config: EditorConfig): boolean;
+    _isLeafValid(): boolean;
     isSimpleText(): boolean;
     canInsertTextAfter(): boolean;
     canInsertTextBefore(): boolean;
     getShipQLNode(): LeafAstNode;
 }
 export declare function $isShipQLLeafNode(node: unknown): node is ShipQLLeafNode;
-export declare function $createShipQLLeafNode(text: string, shipqlNode: LeafAstNode, displayText?: string): ShipQLLeafNode;
+export declare function $createShipQLLeafNode(text: string, shipqlNode: LeafAstNode, displayText?: string, freeTextError?: boolean): ShipQLLeafNode;
+export declare function $setLeafFreeTextError(node: ShipQLLeafNode, value: boolean): void;
 /** Returns true if the AST node qualifies as a visual leaf chip in the editor. */
 export declare function isAstLeafNode(ast: AstNode): ast is LeafAstNode;
 export declare function leafSource(node: LeafAstNode): string;

package/dist/components/shipql-editor/lexical/shipql-leaf-node.js

@@ -30,16 +30,17 @@ function isValidLeafText(text) {
     }
 }
 export class ShipQLLeafNode extends TextNode {
-    constructor(text, shipqlNode, key, displayText){
+    constructor(text, shipqlNode, key, displayText, freeTextError = false){
         super(text, key);
         this.__shipqlNode = shipqlNode;
         this.__displayText = displayText ?? null;
+        this.__freeTextError = freeTextError;
     }
     static getType() {
         return 'shipql-leaf';
     }
     static clone(node) {
-        return new ShipQLLeafNode(node.__text, node.__shipqlNode, node.__key, node.__displayText ?? undefined);
+        return new ShipQLLeafNode(node.__text, node.__shipqlNode, node.__key, node.__displayText ?? undefined, node.__freeTextError);
     }
     static importJSON(serialized) {
         const text = serialized.text;
@@ -80,7 +81,7 @@ export class ShipQLLeafNode extends TextNode {
         if (this.__displayText) {
             element.textContent = this.__displayText;
         }
-        const valid = isValidLeafText(this.__text);
+        const valid = this._isLeafValid();
         for (const cls of LEAF_BASE_CLASSES.split(' '))element.classList.add(cls);
         for (const cls of (valid ? LEAF_NORMAL_CLASSES : LEAF_ERROR_CLASSES).split(' '))element.classList.add(cls);
         element.setAttribute('data-shipql-leaf', 'true');
@@ -89,9 +90,9 @@ export class ShipQLLeafNode extends TextNode {
     }
     updateDOM(prevNode, dom, config) {
         const result = super.updateDOM(prevNode, dom, config);
-        if (prevNode.__text !== this.__text) {
-            const prevValid = isValidLeafText(prevNode.__text);
-            const nextValid = isValidLeafText(this.__text);
+        if (prevNode.__text !== this.__text || prevNode.__freeTextError !== this.__freeTextError) {
+            const prevValid = prevNode._isLeafValid();
+            const nextValid = this._isLeafValid();
             if (prevValid !== nextValid) {
                 for (const cls of (prevValid ? LEAF_NORMAL_CLASSES : LEAF_ERROR_CLASSES).split(' '))dom.classList.remove(cls);
                 for (const cls of (nextValid ? LEAF_NORMAL_CLASSES : LEAF_ERROR_CLASSES).split(' '))dom.classList.add(cls);
@@ -99,6 +100,11 @@ export class ShipQLLeafNode extends TextNode {
         }
         return result;
     }
+    _isLeafValid() {
+        if (!isValidLeafText(this.__text)) return false;
+        if (this.__freeTextError) return false;
+        return true;
+    }
     isSimpleText() {
         return false;
     }
@@ -115,8 +121,12 @@ export class ShipQLLeafNode extends TextNode {
 export function $isShipQLLeafNode(node) {
     return node instanceof ShipQLLeafNode;
 }
-export function $createShipQLLeafNode(text, shipqlNode, displayText) {
-    return new ShipQLLeafNode(text, shipqlNode, undefined, displayText);
+export function $createShipQLLeafNode(text, shipqlNode, displayText, freeTextError = false) {
+    return new ShipQLLeafNode(text, shipqlNode, undefined, displayText, freeTextError);
+}
+export function $setLeafFreeTextError(node, value) {
+    const writable = node.getWritable();
+    writable.__freeTextError = value;
 }
 /** Returns true if the AST node qualifies as a visual leaf chip in the editor. */ export function isAstLeafNode(ast) {
     return isSimpleLeaf(ast) || isNotLeaf(ast) || isGroupedCompound(ast);

package/dist/components/shipql-editor/lexical/shipql-plugin.d.ts

@@ -1,10 +1,11 @@
-import { type LeafAstNode } from './shipql-leaf-node';
+import { type LeafAstNode } from './shipql-leaf-node.js';
 /** Payload: the Lexical node key of the leaf to remove. */
 export declare const REMOVE_LEAF_COMMAND: import("lexical").LexicalCommand<string>;
 interface ShipQLPluginProps {
     onLeafFocus?: (node: LeafAstNode | null) => void;
     formatLeafDisplay?: (source: string, node: LeafAstNode) => string;
+    allowFreeText?: boolean;
 }
-export declare function ShipQLPlugin({ onLeafFocus, formatLeafDisplay }: ShipQLPluginProps): null;
+export declare function ShipQLPlugin({ onLeafFocus, formatLeafDisplay, allowFreeText, }: ShipQLPluginProps): null;
 export {};
 //# sourceMappingURL=shipql-plugin.d.ts.map