sy-ui-lib 1.0.20 → 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.
- package/dist/components/Dropdown/Dropdown.component.d.ts +1 -0
- package/dist/components/Dropdown/Dropdown.stories.d.ts +2 -0
- package/dist/components/Dropdown/Dropdown.types.d.ts +1 -0
- package/dist/components/MultiSelectDropdown/MultiSelectDropdown.component.d.ts +2 -1
- package/dist/components/MultiSelectDropdown/MultiSelectDropdown.stories.d.ts +2 -0
- package/dist/components/MultiSelectDropdown/MultiSelectDropdown.types.d.ts +1 -0
- package/dist/index.cjs +11 -11
- package/dist/index.js +467 -458
- package/package.json +1 -1
|
@@ -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;
|
|
@@ -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 */
|