@wallarm-org/design-system 2.0.0 → 2.1.0

package/dist/components/FilterInput/FilterInputField/InsertionGap/InsertionGap.js

@@ -1,17 +1,39 @@
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { insertionGapButton, insertionGapDivider } from "./classes.js";
-const InsertionGap = ({ onClick })=>/*#__PURE__*/ jsx("button", {
-        type: "button",
-        className: insertionGapButton,
-        onClick: (e)=>{
+const InsertionGap = (t0)=>{
+    const $ = c(5);
+    const { onClick } = t0;
+    let t1;
+    if ($[0] !== onClick) {
+        t1 = (e)=>{
             e.stopPropagation();
             onClick();
-        },
-        tabIndex: -1,
-        "aria-hidden": "true",
-        children: /*#__PURE__*/ jsx("div", {
+        };
+        $[0] = onClick;
+        $[1] = t1;
+    } else t1 = $[1];
+    let t2;
+    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = /*#__PURE__*/ jsx("div", {
             className: insertionGapDivider
-        })
-    });
-InsertionGap.displayName = 'InsertionGap';
+        });
+        $[2] = t2;
+    } else t2 = $[2];
+    let t3;
+    if ($[3] !== t1) {
+        t3 = /*#__PURE__*/ jsx("button", {
+            type: "button",
+            className: insertionGapButton,
+            onClick: t1,
+            tabIndex: -1,
+            "aria-hidden": "true",
+            children: t2
+        });
+        $[3] = t1;
+        $[4] = t3;
+    } else t3 = $[4];
+    return t3;
+};
+InsertionGap.displayName = "InsertionGap";
 export { InsertionGap };

package/dist/components/FilterInput/FilterInputField/InsertionGap/index.d.ts

@@ -1 +1 @@
-export { InsertionGap } from './InsertionGap';
+export { InsertionGap } from './InsertionGap.js';

package/dist/components/FilterInput/FilterInputField/hooks/useChipsSplitting.d.ts

@@ -1,4 +1,4 @@
-import type { FilterInputChipData } from '../../types';
+import type { FilterInputChipData } from '../../types.js';
 /**
  * Splits the chip array into "before" and "after" groups around the insert cursor.
  * Also computes gap visibility flags based on whether adjacent chips are connectors.

package/dist/components/FilterInput/FilterInputField/hooks/useChipsSplitting.js

@@ -1,28 +1,50 @@
-import { useMemo } from "react";
+import { c } from "react/compiler-runtime";
 import { findChipSplitIndex } from "../../lib/index.js";
 const useChipsSplitting = (chips, insertIndex, insertAfterConnector)=>{
-    const chipSplitIndex = useMemo(()=>findChipSplitIndex(chips, insertIndex, insertAfterConnector), [
-        chips,
-        insertIndex,
-        insertAfterConnector
-    ]);
-    const chipsBefore = useMemo(()=>chips.slice(0, chipSplitIndex), [
-        chips,
-        chipSplitIndex
-    ]);
-    const chipsAfter = useMemo(()=>chips.slice(chipSplitIndex), [
-        chips,
-        chipSplitIndex
-    ]);
+    const $ = c(15);
+    let t0;
+    if ($[0] !== chips || $[1] !== insertAfterConnector || $[2] !== insertIndex) {
+        t0 = findChipSplitIndex(chips, insertIndex, insertAfterConnector);
+        $[0] = chips;
+        $[1] = insertAfterConnector;
+        $[2] = insertIndex;
+        $[3] = t0;
+    } else t0 = $[3];
+    const chipSplitIndex = t0;
+    let t1;
+    if ($[4] !== chipSplitIndex || $[5] !== chips) {
+        t1 = chips.slice(0, chipSplitIndex);
+        $[4] = chipSplitIndex;
+        $[5] = chips;
+        $[6] = t1;
+    } else t1 = $[6];
+    const chipsBefore = t1;
+    let t2;
+    if ($[7] !== chipSplitIndex || $[8] !== chips) {
+        t2 = chips.slice(chipSplitIndex);
+        $[7] = chipSplitIndex;
+        $[8] = chips;
+        $[9] = t2;
+    } else t2 = $[9];
+    const chipsAfter = t2;
     const lastBefore = chipsBefore[chipsBefore.length - 1];
     const firstAfter = chipsAfter[0];
-    const hideTrailingGap = lastBefore?.variant === 'and' || lastBefore?.variant === 'or';
-    const hideLeadingGap = firstAfter?.variant === 'and' || firstAfter?.variant === 'or';
-    return {
-        chipsBefore,
-        chipsAfter,
-        hideTrailingGap,
-        hideLeadingGap
-    };
+    const hideTrailingGap = lastBefore?.variant === "and" || lastBefore?.variant === "or";
+    const hideLeadingGap = firstAfter?.variant === "and" || firstAfter?.variant === "or";
+    let t3;
+    if ($[10] !== chipsAfter || $[11] !== chipsBefore || $[12] !== hideLeadingGap || $[13] !== hideTrailingGap) {
+        t3 = {
+            chipsBefore,
+            chipsAfter,
+            hideTrailingGap,
+            hideLeadingGap
+        };
+        $[10] = chipsAfter;
+        $[11] = chipsBefore;
+        $[12] = hideLeadingGap;
+        $[13] = hideTrailingGap;
+        $[14] = t3;
+    } else t3 = $[14];
+    return t3;
 };
 export { useChipsSplitting };

package/dist/components/FilterInput/FilterInputField/hooks/useExpandCollapse.js

@@ -1,35 +1,65 @@
-import { useCallback, useEffect, useRef, useState } from "react";
+import { c } from "react/compiler-runtime";
+import { useEffect, useRef, useState } from "react";
 import { COLLAPSED_MAX_HEIGHT } from "../classes.js";
 const useExpandCollapse = ()=>{
+    const $ = c(8);
     const [isExpanded, setIsExpanded] = useState(false);
     const [isOverflowing, setIsOverflowing] = useState(false);
     const innerRef = useRef(null);
-    useEffect(()=>{
-        const el = innerRef.current;
-        if (!el) return;
-        const check = ()=>{
-            const wouldOverflow = el.scrollHeight > COLLAPSED_MAX_HEIGHT;
-            if (isExpanded) {
-                if (!wouldOverflow) {
-                    setIsExpanded(false);
-                    setIsOverflowing(false);
-                }
-            } else setIsOverflowing(wouldOverflow);
+    let t0;
+    let t1;
+    if ($[0] !== isExpanded) {
+        t0 = ()=>{
+            const el = innerRef.current;
+            if (!el) return;
+            const check = ()=>{
+                const wouldOverflow = el.scrollHeight > COLLAPSED_MAX_HEIGHT;
+                if (isExpanded) {
+                    if (!wouldOverflow) {
+                        setIsExpanded(false);
+                        setIsOverflowing(false);
+                    }
+                } else setIsOverflowing(wouldOverflow);
+            };
+            const ro = new ResizeObserver(check);
+            ro.observe(el);
+            return ()=>ro.disconnect();
         };
-        const ro = new ResizeObserver(check);
-        ro.observe(el);
-        return ()=>ro.disconnect();
-    }, [
-        isExpanded
-    ]);
-    const toggleExpand = useCallback(()=>setIsExpanded((prev)=>!prev), []);
+        t1 = [
+            isExpanded
+        ];
+        $[0] = isExpanded;
+        $[1] = t0;
+        $[2] = t1;
+    } else {
+        t0 = $[1];
+        t1 = $[2];
+    }
+    useEffect(t0, t1);
+    let t2;
+    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+        t2 = ()=>setIsExpanded(_temp);
+        $[3] = t2;
+    } else t2 = $[3];
+    const toggleExpand = t2;
     const multiRow = isOverflowing || isExpanded;
-    return {
-        isExpanded,
-        isOverflowing,
-        innerRef,
-        toggleExpand,
-        multiRow
-    };
+    let t3;
+    if ($[4] !== isExpanded || $[5] !== isOverflowing || $[6] !== multiRow) {
+        t3 = {
+            isExpanded,
+            isOverflowing,
+            innerRef,
+            toggleExpand,
+            multiRow
+        };
+        $[4] = isExpanded;
+        $[5] = isOverflowing;
+        $[6] = multiRow;
+        $[7] = t3;
+    } else t3 = $[7];
+    return t3;
 };
+function _temp(prev) {
+    return !prev;
+}
 export { useExpandCollapse };

package/dist/components/FilterInput/FilterInputField/hooks/useSegmentEditKeyboard.d.ts

@@ -1,7 +1,7 @@
 import type { FocusEvent, KeyboardEvent, RefObject } from 'react';
-import type { BuildingChipData } from '../../FilterInputContext/types';
-import type { FilterInputChipData } from '../../types';
-import { type ChipSegment } from '../FilterInputChip';
+import type { BuildingChipData } from '../../FilterInputContext/types.js';
+import type { FilterInputChipData } from '../../types.js';
+import { type ChipSegment } from '../FilterInputChip/index.js';
 interface UseSegmentEditKeyboardOptions {
     editingChipId: string | null;
     editingSegment: ChipSegment | null;

package/dist/components/FilterInput/FilterInputField/hooks/useSegmentEditKeyboard.js

@@ -1,78 +1,95 @@
-import { useCallback } from "react";
+import { c as compiler_runtime_c } from "react/compiler-runtime";
 import { isMenuRelated } from "../../lib/index.js";
 import { SEGMENT_VARIANT } from "../FilterInputChip/index.js";
-const useSegmentEditKeyboard = ({ editingChipId, editingSegment, segmentFilterText, chips, buildingChipData, menuRef, onCancelSegmentEdit, onCustomValueCommit, onCustomAttributeCommit, onCustomOperatorCommit, onSwitchEditSegment, onRemoveEditingChip })=>{
-    const handleSegmentEditKeyDown = useCallback((e)=>{
-        if ('Escape' === e.key) {
-            e.preventDefault();
-            onCancelSegmentEdit();
-            return;
-        }
-        if ('Backspace' === e.key && '' === segmentFilterText) {
-            if (e.nativeEvent.isComposing || e.repeat) return;
-            if (editingSegment === SEGMENT_VARIANT.attribute) {
-                const chipForEdit = editingChipId ? chips.find((c)=>c.id === editingChipId && 'chip' === c.variant) : null;
-                const operator = chipForEdit?.operator ?? buildingChipData?.operator ?? '';
-                if (!operator) {
-                    e.preventDefault();
-                    onRemoveEditingChip();
-                }
-                return;
-            }
-            if (editingSegment === SEGMENT_VARIANT.operator) {
-                e.preventDefault();
-                onSwitchEditSegment(SEGMENT_VARIANT.attribute);
-                return;
-            }
-            if (editingSegment === SEGMENT_VARIANT.value) {
+const useSegmentEditKeyboard = (t0)=>{
+    const $ = compiler_runtime_c(18);
+    const { editingChipId, editingSegment, segmentFilterText, chips, buildingChipData, menuRef, onCancelSegmentEdit, onCustomValueCommit, onCustomAttributeCommit, onCustomOperatorCommit, onSwitchEditSegment, onRemoveEditingChip } = t0;
+    let t1;
+    if ($[0] !== buildingChipData?.operator || $[1] !== chips || $[2] !== editingChipId || $[3] !== editingSegment || $[4] !== menuRef || $[5] !== onCancelSegmentEdit || $[6] !== onCustomAttributeCommit || $[7] !== onCustomOperatorCommit || $[8] !== onCustomValueCommit || $[9] !== onRemoveEditingChip || $[10] !== onSwitchEditSegment || $[11] !== segmentFilterText) {
+        t1 = (e)=>{
+            if ("Escape" === e.key) {
                 e.preventDefault();
-                onSwitchEditSegment(SEGMENT_VARIANT.operator);
+                onCancelSegmentEdit();
                 return;
             }
-        }
-        if ('Enter' === e.key && !e.defaultPrevented) {
-            if (editingSegment === SEGMENT_VARIANT.value) {
-                e.preventDefault();
-                onCustomValueCommit(segmentFilterText);
-                return;
+            if ("Backspace" === e.key && "" === segmentFilterText) {
+                if (e.nativeEvent.isComposing || e.repeat) return;
+                if (editingSegment === SEGMENT_VARIANT.attribute) {
+                    const chipForEdit = editingChipId ? chips.find((c)=>c.id === editingChipId && "chip" === c.variant) : null;
+                    const operator = chipForEdit?.operator ?? buildingChipData?.operator ?? "";
+                    if (!operator) {
+                        e.preventDefault();
+                        onRemoveEditingChip();
+                    }
+                    return;
+                }
+                if (editingSegment === SEGMENT_VARIANT.operator) {
+                    e.preventDefault();
+                    onSwitchEditSegment(SEGMENT_VARIANT.attribute);
+                    return;
+                }
+                if (editingSegment === SEGMENT_VARIANT.value) {
+                    e.preventDefault();
+                    onSwitchEditSegment(SEGMENT_VARIANT.operator);
+                    return;
+                }
             }
-            if (editingSegment === SEGMENT_VARIANT.attribute) {
-                e.preventDefault();
-                onCustomAttributeCommit(segmentFilterText);
-                return;
+            if ("Enter" === e.key && !e.defaultPrevented) {
+                if (editingSegment === SEGMENT_VARIANT.value) {
+                    e.preventDefault();
+                    onCustomValueCommit(segmentFilterText);
+                    return;
+                }
+                if (editingSegment === SEGMENT_VARIANT.attribute) {
+                    e.preventDefault();
+                    onCustomAttributeCommit(segmentFilterText);
+                    return;
+                }
+                if (editingSegment === SEGMENT_VARIANT.operator) {
+                    e.preventDefault();
+                    onCustomOperatorCommit(segmentFilterText);
+                    return;
+                }
             }
-            if (editingSegment === SEGMENT_VARIANT.operator) {
+            if ("ArrowDown" === e.key) {
                 e.preventDefault();
-                onCustomOperatorCommit(segmentFilterText);
-                return;
+                menuRef.current?.focus();
             }
-        }
-        if ('ArrowDown' === e.key) {
-            e.preventDefault();
-            menuRef.current?.focus();
-        }
-    }, [
-        onCancelSegmentEdit,
-        editingSegment,
-        segmentFilterText,
-        onCustomValueCommit,
-        onCustomAttributeCommit,
-        onCustomOperatorCommit,
-        onSwitchEditSegment,
-        onRemoveEditingChip,
-        editingChipId,
-        chips,
-        buildingChipData,
-        menuRef
-    ]);
-    const handleSegmentEditBlur = useCallback((e)=>{
-        if (!isMenuRelated(e.relatedTarget)) onCancelSegmentEdit();
-    }, [
-        onCancelSegmentEdit
-    ]);
-    return {
-        handleSegmentEditKeyDown,
-        handleSegmentEditBlur
-    };
+        };
+        $[0] = buildingChipData?.operator;
+        $[1] = chips;
+        $[2] = editingChipId;
+        $[3] = editingSegment;
+        $[4] = menuRef;
+        $[5] = onCancelSegmentEdit;
+        $[6] = onCustomAttributeCommit;
+        $[7] = onCustomOperatorCommit;
+        $[8] = onCustomValueCommit;
+        $[9] = onRemoveEditingChip;
+        $[10] = onSwitchEditSegment;
+        $[11] = segmentFilterText;
+        $[12] = t1;
+    } else t1 = $[12];
+    const handleSegmentEditKeyDown = t1;
+    let t2;
+    if ($[13] !== onCancelSegmentEdit) {
+        t2 = (e_0)=>{
+            if (!isMenuRelated(e_0.relatedTarget)) onCancelSegmentEdit();
+        };
+        $[13] = onCancelSegmentEdit;
+        $[14] = t2;
+    } else t2 = $[14];
+    const handleSegmentEditBlur = t2;
+    let t3;
+    if ($[15] !== handleSegmentEditBlur || $[16] !== handleSegmentEditKeyDown) {
+        t3 = {
+            handleSegmentEditKeyDown,
+            handleSegmentEditBlur
+        };
+        $[15] = handleSegmentEditBlur;
+        $[16] = handleSegmentEditKeyDown;
+        $[17] = t3;
+    } else t3 = $[17];
+    return t3;
 };
 export { useSegmentEditKeyboard };

package/dist/components/FilterInput/FilterInputField/index.d.ts

@@ -1,2 +1,2 @@
-export { type ChipSegment, type ConnectorVariant, FilterInputChip, type FilterInputChipProps, FilterInputConnectorChip, type FilterInputConnectorChipProps, FilterInputRemoveButton, Segment, } from './FilterInputChip';
-export { FilterInputField } from './FilterInputField';
+export { type ChipSegment, type ConnectorVariant, FilterInputChip, type FilterInputChipProps, FilterInputConnectorChip, type FilterInputConnectorChipProps, FilterInputRemoveButton, Segment, } from './FilterInputChip/index.js';
+export { FilterInputField } from './FilterInputField.js';

package/dist/components/FilterInput/FilterInputMenu/FilterInputDateValueMenu/ApplyButton.d.ts

@@ -1,5 +1,5 @@
 import type { FC } from 'react';
-import type { DateValue } from '../../../Calendar';
+import type { DateValue } from '../../../Calendar/index.js';
 /** Apply button that reads current calendar value and emits the selection */
 export declare const ApplyButton: FC<{
     range: boolean;

package/dist/components/FilterInput/FilterInputMenu/FilterInputDateValueMenu/ApplyButton.js

@@ -1,15 +1,27 @@
 import { jsx } from "react/jsx-runtime";
+import { c } from "react/compiler-runtime";
 import { DatePicker } from "@ark-ui/react";
 import { Button } from "../../../Button/index.js";
-const ApplyButton = ({ range, onApply })=>/*#__PURE__*/ jsx(DatePicker.Context, {
-        children: (api)=>/*#__PURE__*/ jsx(Button, {
-                variant: "primary",
-                color: "brand",
-                size: "small",
-                disabled: range ? api.value.length < 2 : api.value.length < 1,
-                onClick: ()=>onApply(api.value),
-                children: "Apply"
-            })
-    });
-ApplyButton.displayName = 'ApplyButton';
+const ApplyButton = (t0)=>{
+    const $ = c(3);
+    const { range, onApply } = t0;
+    let t1;
+    if ($[0] !== onApply || $[1] !== range) {
+        t1 = /*#__PURE__*/ jsx(DatePicker.Context, {
+            children: (api)=>/*#__PURE__*/ jsx(Button, {
+                    variant: "primary",
+                    color: "brand",
+                    size: "small",
+                    disabled: range ? api.value.length < 2 : api.value.length < 1,
+                    onClick: ()=>onApply(api.value),
+                    children: "Apply"
+                })
+        });
+        $[0] = onApply;
+        $[1] = range;
+        $[2] = t1;
+    } else t1 = $[2];
+    return t1;
+};
+ApplyButton.displayName = "ApplyButton";
 export { ApplyButton };