design-system-silkhaus 3.14.0 → 3.16.0-beta.dropdown-select-all.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,23 @@ 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, }: {
+    options: DropdownOption[];
+    isMultiSelect?: boolean;
+    value: DropdownProps["value"];
+    setValue: (value: DropdownProps["value"]) => void;
+    setIsOpen: (isOpen: boolean) => void;
+    onChange?: DropdownProps["onChange"];
+    selectAllOptionLabel?: string;
+}) => JSX_2.Element;
+
 export declare interface DropdownProps {
     /**
      * The options of the dropdown
@@ -94,7 +112,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 +160,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-DNx3uJWq.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-CZFridxv.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
 };

package/dist/eslint-rules/tailwind/no-restricted-tokens.js

@@ -0,0 +1,79 @@
+export default {
+  meta: {
+    type: 'problem',
+    docs: {
+      description: 'Restrict listed names in tailwind tokens',
+      recommended: false,
+    },
+    messages: {
+      disallowedToken:
+        "Do not use '{{ token }}' in token names. Use a semantic design token name instead.",
+    },
+    schema: [],
+  },
+
+  create(context) {
+    const RESTRICTED_TOKENS = [
+      'white',
+      'black',
+      'red',
+      'green',
+      'grey',
+      'gray',
+      'eggplant',
+      'carrot',
+      'teal',
+      'mustard',
+    ];
+
+    const regex = new RegExp(`\\b(${RESTRICTED_TOKENS.join('|')})\\b`, 'i');
+
+    function reportIfTokenUsed(node, value) {
+      const match = regex.exec(value);
+      if (match) {
+        context.report({
+          node,
+          messageId: 'disallowedToken',
+          data: {
+            token: match[1],
+          },
+        });
+      }
+    }
+
+    return {
+      Literal(node) {
+        if (typeof node.value === 'string') {
+          reportIfTokenUsed(node, node.value);
+        }
+      },
+      JSXAttribute(node) {
+        if (
+          node.name &&
+          ['class', 'className', 'style'].includes(node.name.name) &&
+          node.value &&
+          node.value.type === 'Literal' &&
+          typeof node.value.value === 'string'
+        ) {
+          reportIfTokenUsed(node.value, node.value.value);
+        }
+
+        // Also handle JSXExpressionContainer e.g. className={"my-class red-text"}
+        if (
+          node.value &&
+          node.value.type === 'JSXExpressionContainer' &&
+          node.value.expression &&
+          node.value.expression.type === 'Literal' &&
+          typeof node.value.expression.value === 'string'
+        ) {
+          reportIfTokenUsed(node.value.expression, node.value.expression.value);
+        }
+      },
+      TemplateLiteral(node) {
+        node.quasis.forEach((quasi) => {
+          reportIfTokenUsed(quasi, quasi.value.cooked || '');
+        });
+      },
+    };
+  },
+};