design-system-silkhaus 4.0.0 → 4.1.0-beta.tickets.1

package/dist/app/index.d.ts

@@ -1,6 +1,7 @@
 import { default as default_2 } from 'react';
 import { FC } from 'react';
 import { HTMLAttributes } from 'react';
+import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { Placement } from '@floating-ui/react';
 import { PropsWithChildren } from 'react';
 import { ReactNode } from 'react';
@@ -78,6 +79,24 @@ export declare type DropdownOption = {
     disabled?: boolean;
 };
 
+export declare const DropdownOption: ({ onClick, option, isSelected, showCheckbox, }: {
+    onClick: () => void;
+    option: DropdownOption;
+    isSelected: boolean;
+    showCheckbox?: boolean;
+}) => JSX_2.Element;
+
+export declare const DropdownOptions: ({ options, isMultiSelect, value, setValue, setIsOpen, onChange, selectAllOptionLabel, disableSelectAll, }: {
+    options: DropdownOption[];
+    isMultiSelect?: boolean;
+    value: DropdownProps["value"];
+    setValue: (value: DropdownProps["value"]) => void;
+    setIsOpen: (isOpen: boolean) => void;
+    onChange?: DropdownProps["onChange"];
+    selectAllOptionLabel?: string;
+    disableSelectAll?: boolean;
+}) => JSX_2.Element;
+
 export declare interface DropdownProps {
     /**
      * The options of the dropdown
@@ -94,7 +113,7 @@ export declare interface DropdownProps {
     /**
      * Callback when dropdown value is changed
      */
-    onChange?: (selectedOption: DropdownOption | DropdownOption[]) => void;
+    onChange?: (selectedOption: DropdownOption | DropdownOption[], isSelectAll?: boolean) => void;
     /**
      * Pass this callback function if you want to override the default selected value display text.
      * By default the dropdown will display the label from the selected option
@@ -142,10 +161,23 @@ export declare interface DropdownProps {
      * @default 'Close'
      */
     closeButtonLabel?: string;
+    /**
+     * Pass true to disable the select all option in multi-select dropdown
+     * @default false
+     */
+    disableSelectAll?: boolean;
+    /**
+     * The label for Select all option
+     * @default 'Select all'
+     */
+    selectAllOptionLabel?: string;
+    /**
+     * The selected value label to show when 'Select All' option is checked
+     * @default 'All'
+     */
+    allSelectedLabel?: string;
 }
 
-export declare const findOptionByValue: (value: string | string[] | undefined, options: DropdownOption[]) => DropdownOption | DropdownOption[] | undefined;
-
 export declare const MobileDropdown: FC<PropsWithChildren<DropdownProps>>;
 
 declare type OptionType = {

package/dist/app/index.js

@@ -1,9 +1,10 @@
-import { B as s, a as t, b as n, D as p, M as r, f as e } from "../index-CS40ZeSb.js";
+import { B as s, a as n, b as r, D as t, d as a, c as D, M as d } from "../index-DoiZI9y1.js";
 export {
   s as Button,
-  t as ButtonsGroupSelector,
-  n as DesktopDropdown,
-  p as Dropdown,
-  r as MobileDropdown,
-  e as findOptionByValue
+  n as ButtonsGroupSelector,
+  r as DesktopDropdown,
+  t as Dropdown,
+  a as DropdownOption,
+  D as DropdownOptions,
+  d as MobileDropdown
 };