@eml-payments/ui-kit 1.1.4 → 1.1.6

package/dist/src/components/Counter/Counter.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef, useState } from 'react';
 import { cn } from '../../lib/utils';
-export function Counter({ to, from = 0, duration = 2, autoStart = true, prefix = '', suffix = '', decimals = 0, separator = ',', className, style, onComplete, triggerOnVisible = false, }) {
+export function Counter({ to, from = 0, duration = 1.2, autoStart = true, prefix = '', suffix = '', decimals = 0, separator = ',', className, style, onComplete, triggerOnVisible = false, }) {
     const counterRef = useRef(null);
     const [isVisible, setIsVisible] = useState(false);
     const [hasStarted, setHasStarted] = useState(false);

package/dist/src/components/Select/Select.js

@@ -14,7 +14,7 @@ const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) =>
 SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
 const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollDownButton, { ref: ref, "aria-label": "Scroll down", className: cn('flex cursor-default items-center justify-center py-1', className), ...props, children: _jsx(IoMdArrowDropdown, { className: "h-4 w-4" }) })));
 SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
-const SelectContent = React.forwardRef(({ className, children, position = 'popper', disableSearch = false, searchPlaceholder = 'Search...', ...props }, ref) => {
+const SelectContent = React.forwardRef(({ className, children, position = 'popper', showAlwaysSearch = false, searchPlaceholder = 'Search...', ...props }, ref) => {
     const [searchValue, setSearchValue] = React.useState('');
     const searchRef = React.useRef(null);
     const viewportRef = React.useRef(null);
@@ -38,7 +38,7 @@ const SelectContent = React.forwardRef(({ className, children, position = 'poppe
         countItems(children);
         return count;
     }, [children]);
-    const shouldShowSearch = !disableSearch && totalItems > 7;
+    const shouldShowSearch = showAlwaysSearch || totalItems > 7;
     const handleSearchChange = (value) => {
         setSearchValue(value);
         setTimeout(() => {

package/dist/src/components/Select/Select.stories.d.ts

@@ -9,4 +9,4 @@ export declare const WithLabel: Story;
 export declare const Size: Story;
 export declare const WithError: Story;
 export declare const WithManyOptions: Story;
-export declare const WithSearchDisabled: Story;
+export declare const WithSearchEnabled: Story;

package/dist/src/components/Select/Select.stories.js

@@ -34,6 +34,6 @@ export const WithError = {
 export const WithManyOptions = {
     render: (args) => (_jsxs(Select, { ...args, children: [_jsx(SelectTrigger, { className: "w-[320px]", children: _jsx(SelectValue, { placeholder: "Select a fruit..." }) }), _jsxs(SelectContent, { searchPlaceholder: "Search fruits...", children: [_jsx(SelectScrollUpButton, { children: _jsx(FaChevronUp, { className: "h-4 w-4" }) }), _jsx(SelectScrollDownButton, { children: _jsx(FaChevronDown, { className: "h-4 w-4" }) }), _jsxs(SelectGroup, { children: [_jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" }), _jsx(SelectItem, { value: "orange", children: "Orange" }), _jsx(SelectItem, { value: "grape", children: "Grape" }), _jsx(SelectItem, { value: "pineapple", children: "Pineapple" }), _jsx(SelectItem, { value: "strawberry", children: "Strawberry" }), _jsx(SelectItem, { value: "mango", children: "Mango" }), _jsx(SelectItem, { value: "watermelon", children: "Watermelon" }), _jsx(SelectItem, { value: "kiwi", children: "Kiwi" }), _jsx(SelectItem, { value: "blueberry", children: "Blueberry" })] })] })] })),
 };
-export const WithSearchDisabled = {
-    render: (args) => (_jsxs(Select, { ...args, children: [_jsx(SelectTrigger, { className: "w-[320px]", children: _jsx(SelectValue, { placeholder: "Select a fruit..." }) }), _jsxs(SelectContent, { disableSearch: true, children: [_jsx(SelectScrollUpButton, { children: _jsx(FaChevronUp, { className: "h-4 w-4" }) }), _jsx(SelectScrollDownButton, { children: _jsx(FaChevronDown, { className: "h-4 w-4" }) }), _jsxs(SelectGroup, { children: [_jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" }), _jsx(SelectItem, { value: "orange", children: "Orange" }), _jsx(SelectItem, { value: "grape", children: "Grape" }), _jsx(SelectItem, { value: "pineapple", children: "Pineapple" }), _jsx(SelectItem, { value: "strawberry", children: "Strawberry" }), _jsx(SelectItem, { value: "mango", children: "Mango" }), _jsx(SelectItem, { value: "watermelon", children: "Watermelon" }), _jsx(SelectItem, { value: "kiwi", children: "Kiwi" }), _jsx(SelectItem, { value: "blueberry", children: "Blueberry" })] })] })] })),
+export const WithSearchEnabled = {
+    render: (args) => (_jsxs(Select, { ...args, children: [_jsx(SelectTrigger, { className: "w-[320px]", children: _jsx(SelectValue, { placeholder: "Select a fruit..." }) }), _jsxs(SelectContent, { showAlwaysSearch: true, children: [_jsx(SelectScrollUpButton, { children: _jsx(FaChevronUp, { className: "h-4 w-4" }) }), _jsx(SelectScrollDownButton, { children: _jsx(FaChevronDown, { className: "h-4 w-4" }) }), _jsxs(SelectGroup, { children: [_jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" })] })] })] })),
 };

package/dist/src/components/Select/Select.types.d.ts

@@ -10,6 +10,6 @@ export interface SelectTriggerProps extends ComponentProps<typeof ShadCNSelectTr
     size?: 'sm' | 'md';
 }
 export interface SelectContentProps extends ComponentProps<typeof ShadCNSelectContent> {
-    disableSearch?: boolean;
+    showAlwaysSearch?: boolean;
     searchPlaceholder?: string;
 }

package/dist/src/components/Tooltip/Tooltip.stories.js

@@ -12,7 +12,7 @@ export const Default = {
     render: () => (_jsx(TooltipStoryWrapper, { content: "Simple tooltip", children: _jsx(Button, { children: "Hover me" }) })),
 };
 export const LongTextResponsive = {
-    render: () => (_jsx(TooltipStoryWrapper, { content: "This tooltip contains a longer message that wraps gracefully across multiple lines. On smaller\n\t\tscreens, it narrows and stacks vertically so it's easier to read\u2014especially useful for\n\t\taccessibility, mobile devices, or multi-language support.", side: "top", children: _jsx(Button, { children: "Hover me" }) })),
+    render: () => (_jsx(TooltipStoryWrapper, { content: "This tooltip contains a longer message that wraps gracefully across multiple lines. On smaller\r\n\t\tscreens, it narrows and stacks vertically so it's easier to read\u2014especially useful for\r\n\t\taccessibility, mobile devices, or multi-language support.", side: "top", children: _jsx(Button, { children: "Hover me" }) })),
 };
 export const OnDifferentSides = {
     render: () => (_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(TooltipStoryWrapper, { content: "Top tooltip", side: "top", children: _jsx(Button, { children: "Top" }) }), _jsx(TooltipStoryWrapper, { content: "Bottom tooltip", side: "bottom", children: _jsx(Button, { children: "Bottom" }) }), _jsx(TooltipStoryWrapper, { content: "Left tooltip", side: "left", children: _jsx(Button, { children: "Left" }) }), _jsx(TooltipStoryWrapper, { content: "Right tooltip", side: "right", children: _jsx(Button, { children: "Right" }) })] })),

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@eml-payments/ui-kit",
-	"version": "1.1.4",
+	"version": "1.1.6",
 	"private": false,
 	"description": "ARLO UIKit",
 	"homepage": "https://github.com/EML-Payments/arlo.npm.uikit#readme",