sy-ui-lib 1.0.19 → 1.0.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -12,6 +12,7 @@ import { DropdownProps } from './Dropdown.types';
12
12
  * @param {DropdownOptionValues[]} options - The list of selectable options, each with a `label` and `value`.
13
13
  * @param {DropdownOptionValues} [selected] - The currently selected option object. When omitted, the dropdown works in stateless mode.
14
14
  * @param {(value: DropdownOptionValues) => void} onSelect - Callback function triggered when a new option is selected. Required even in stateless mode for handling user action.
15
+ * @param {boolean} [displaySelected=true] - If true, selected value is shown in the trigger; otherwise, label remains static.
15
16
  *
16
17
  * @returns A styled dropdown menu component with toggle button and option list.
17
18
  *
@@ -6,5 +6,7 @@ type Story = StoryObj<DropdownProps>;
6
6
  export declare const SmallDropdown: Story;
7
7
  export declare const LargeDropdown: Story;
8
8
  export declare const SelectedOption: Story;
9
+ /** Dropdown with static lebel */
10
+ export declare const LabelStatic: Story;
9
11
  export declare const StatelessDropdown: Story;
10
12
  export declare const FullWidthDropdown: Story;
@@ -24,4 +24,5 @@ export interface DropdownProps {
24
24
  * @param value - The option object selected by the user.
25
25
  */
26
26
  onSelect: (value: DropdownOptionValues) => void;
27
+ displaySelected?: boolean;
27
28
  }
@@ -79,4 +79,5 @@ export declare const icons: {
79
79
  virtualEvents: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
80
80
  currentOff: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
81
81
  current: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
82
+ save: (size: IconSize) => import("react/jsx-runtime").JSX.Element;
82
83
  };
@@ -9,6 +9,7 @@ import { MultiSelectDropdownProps } from './MultiSelectDropdown.types';
9
9
  * @param {MultiSelectOptionValues[]} options - List of selectable items
10
10
  * @param {MultiSelectOptionValues[]} selected - Currently selected items
11
11
  * @param {(selected: MultiSelectOptionValues[]) => void} onSelect - Selection change handler
12
+ * @param {boolean} [displaySelected=true] - If true, selected value is shown in the trigger; otherwise, label remains static.
12
13
  *
13
14
  * @example
14
15
  * <MultiSelectDropdown
@@ -18,5 +19,5 @@ import { MultiSelectDropdownProps } from './MultiSelectDropdown.types';
18
19
  * onSelect={(items) => console.log(items)}
19
20
  * />
20
21
  */
21
- declare const MultiSelectDropdown: ({ label, size, variant, options, selected, onSelect, }: MultiSelectDropdownProps) => import("react/jsx-runtime").JSX.Element;
22
+ declare const MultiSelectDropdown: ({ label, size, variant, options, selected, onSelect, displaySelected, }: MultiSelectDropdownProps) => import("react/jsx-runtime").JSX.Element;
22
23
  export default MultiSelectDropdown;
@@ -7,6 +7,8 @@ type Story = StoryObj<MultiSelectDropdownProps>;
7
7
  export declare const Default: Story;
8
8
  /** With Pre-selected */
9
9
  export declare const Selected: Story;
10
+ /** Dropdown with static lebel */
11
+ export declare const LabelStatic: Story;
10
12
  /** Small Variant */
11
13
  export declare const SmallVariant: Story;
12
14
  /** Full Width */
@@ -20,4 +20,5 @@ export interface MultiSelectDropdownProps {
20
20
  * @param selected - The updated list of selected option objects.
21
21
  */
22
22
  onSelect: (selected: MultiSelectOptionValues[]) => void;
23
+ displaySelected?: boolean;
23
24
  }
@@ -16,7 +16,7 @@ export interface ToggleProps {
16
16
  offColor?: string;
17
17
  size?: "sm" | "md";
18
18
  /** Defines the visual style/structure of the toggle */
19
- varinat?: ToggleVarinat;
19
+ variant?: ToggleVarinat;
20
20
  content?: {
21
21
  /** UI (icon/text) to render when toggle is ON */
22
22
  on?: ToggleStateContent;