@arbor-education/design-system.components 0.0.7 → 0.1.0

package/src/components/formField/inputs/selectDropdown/SelectDropdown.tsx

@@ -0,0 +1,102 @@
+import { useEffect, useState } from 'react';
+
+import { SelectDropdownItem, type SelectDropdownItemProps } from './items/item/SelectDropdownItem';
+import { Dropdown } from 'Components/dropdown/Dropdown';
+import { Button } from 'Components/button/Button';
+
+export type SelectDropdownInputProps = {
+  placeholder?: string;
+  options: SelectDropdownItemProps[];
+  multiple?: boolean;
+  disabled?: boolean;
+  errorText?: string;
+  onSelectionChange: (value: string[]) => void;
+};
+
+export const SelectDropdown = (props: SelectDropdownInputProps) => {
+  const { options, disabled, multiple, placeholder, errorText, onSelectionChange } = props;
+
+  const [selectedValues, setSelectedValues] = useState<string[]>([]);
+  const [renderedSelectContent, setRenderedSelectContent] = useState('');
+
+  useEffect(() => {
+    onSelectionChange(selectedValues);
+  }, [selectedValues]);
+
+  useEffect(() => {
+    if (selectedValues.length === 0) {
+      setRenderedSelectContent(placeholder ?? 'Select');
+    }
+    else if (selectedValues.length === 1) {
+      const selectedLabel = options.find(option => option.value === selectedValues[0])?.label;
+      if (selectedLabel) setRenderedSelectContent(selectedLabel);
+    }
+    else {
+      setRenderedSelectContent(placeholder ?? `Select (${selectedValues.length})`);
+    }
+  }, [selectedValues, placeholder]);
+
+  // Flatten grouped options into a single array with headers
+  const UNGROUPED_KEY = 'Ungrouped';
+  const groupedOptions = options.reduce((acc, option) => {
+    const key = option.group ?? UNGROUPED_KEY;
+    if (!acc[key]) acc[key] = [];
+    acc[key].push(option);
+    return acc;
+  }, {} as Record<string, SelectDropdownItemProps[]>);
+
+  const flatOptions: (SelectDropdownItemProps | { headerLabel: string })[] = [];
+  Object.entries(groupedOptions).forEach(([groupName, groupItems]) => {
+    if (Object.keys(groupedOptions).length > 1) {
+      flatOptions.push({ headerLabel: groupName });
+    }
+    flatOptions.push(...(groupItems as SelectDropdownItemProps[]));
+  });
+
+  const handleItemClick = (value: string) => {
+    if (!multiple) {
+      setSelectedValues([value]);
+    }
+    else {
+      setSelectedValues(prev =>
+        prev.includes(value) ? prev.filter(sel => sel !== value) : [...prev, value],
+      );
+    }
+  };
+
+  return (
+    <Dropdown>
+      <Dropdown.Trigger disabled={disabled}>
+        <Button
+          variant="dropdown"
+          error={!!errorText}
+          iconRightName="chevron-down"
+        >
+          {renderedSelectContent}
+        </Button>
+      </Dropdown.Trigger>
+      <Dropdown.Content>
+        {flatOptions.map(item =>
+          'headerLabel' in item
+            ? (
+                <h3 key={`${item.headerLabel}-header`} className="ds-select-dropdown__items--header">
+                  {item.headerLabel}
+                </h3>
+              )
+            : (
+                <SelectDropdownItem
+                  value={item.value}
+                  header={item.header}
+                  label={item.label}
+                  icon={item.icon}
+                  key={item.value}
+                  onSelection={handleItemClick}
+                  selected={selectedValues.includes(item.value)}
+                  closeAfterSelection={!multiple}
+                />
+              ),
+        )}
+      </Dropdown.Content>
+    </Dropdown>
+  );
+};

package/src/components/formField/inputs/selectDropdown/items/item/SelectDropdownItem.tsx

@@ -0,0 +1,46 @@
+import { allowedIcons } from 'Components/icon/allowedIcons';
+import { Icon } from 'Components/icon/Icon';
+import { Dropdown } from 'Components/dropdown/Dropdown';
+import classNames from 'classnames';
+
+export type SelectDropdownItemBaseProps = {
+  value: string;
+  selected?: boolean;
+  onSelection?: (value: string) => void;
+} & React.HTMLAttributes<HTMLDivElement>;
+
+export type SelectDropdownItemProps = {
+  value: string;
+  label?: string;
+  icon?: keyof typeof allowedIcons;
+  header?: string;
+  group?: string;
+  closeAfterSelection?: boolean;
+} & SelectDropdownItemBaseProps;
+
+export const SelectDropdownItem = (props: SelectDropdownItemProps) => {
+  const { label, value, icon, selected = false, onSelection, header, closeAfterSelection } = props;
+
+  const classes = classNames('ds-select-dropdown__item', {
+    'ds-select-dropdown__item--multiline': header,
+  });
+
+  return (
+    <Dropdown.SelectItem
+      className={classes}
+      selected={selected}
+      onSelectChange={() => onSelection?.(value)}
+      closeAfterSelection={closeAfterSelection}
+    >
+      {icon && (
+        <span className="ds-select-dropdown-item--icon">
+          <Icon name={icon} size={16} />
+        </span>
+      )}
+      <div className="ds-select-dropdown-item--inner">
+        {header && <h4 className="ds-select-dropdown-item--header">{header}</h4>}
+        <span className="ds-select-dropdown-item--content">{label ? label : value}</span>
+      </div>
+    </Dropdown.SelectItem>
+  );
+};

package/src/components/formField/inputs/selectDropdown/selectDropdown.scss

@@ -0,0 +1,22 @@
+.ds-select-dropdown__item--multiline {
+  padding: var(--form-dropdown-multi-line-form-drop-item-multi-base-spacing-padding);
+  gap: var(--form-dropdown-multi-line-spacing-gap-vertical);
+
+    &:focus-visible {
+      outline: none;
+      box-shadow: 0 0 0 3px var(--color-brand-500);
+      background: var(--button-medium-secondary-default-color-background);
+    }
+
+  h4 {
+    margin: 0;
+  }
+}
+
+.ds-select-dropdown__items--header {
+  margin: 0;
+  color: var(--form-dropdown-form-drop-item-title-color-text);
+  font-size: var(--font-size-2-13);
+  padding: var(--spacing-xsmall) var(--spacing-small) var(--spacing-medium) var(--spacing-small);
+  border-bottom: var(--border-weight) solid var(--page-base-color-border);
+}

package/src/components/heading/Heading.stories.tsx

@@ -43,7 +43,7 @@ export const HeadingWithMultipleButtons = {
     children: [
       <Heading.InnerContainer key={1}>Heading</Heading.InnerContainer>,
       <Heading.InnerContainer key={2} className="medium-spacing-gap">
-        <Button type="secondary">
+        <Button variant="secondary">
           <Icon name="info" />
           Button Text
         </Button>
@@ -61,14 +61,14 @@ export const HeadingWithButtonsBothSides = {
     level: 1,
     children: [
       <Heading.InnerContainer key={1} className="medium-spacing-gap">
-        <Button type="tertiary">
+        <Button variant="tertiary">
           <Icon name="chevron-left" />
           Button Text
         </Button>
         Heading
       </Heading.InnerContainer>,
       <Heading.InnerContainer key={2} className="medium-spacing-gap">
-        <Button type="secondary">
+        <Button variant="secondary">
           <Icon name="info" />
           Button Text
         </Button>

package/src/components/icon/icon.scss

@@ -0,0 +1,3 @@
+.ds-icon {
+    vertical-align: middle;
+}

package/src/components/section/Section.test.tsx

@@ -45,7 +45,7 @@ describe('Section component', () => {
         title="Test Section"
         buttonText="Click Me"
         buttonOnClick={mockButtonClick}
-        buttonType="primary"
+        buttonVariant="primary"
         buttonSize="M"
       >
         <p>Section content</p>

package/src/components/section/Section.tsx

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { Button, type ButtonSize, type ButtonType } from 'Components/button/Button';
+import { Button, type ButtonSize, type ButtonVariant } from 'Components/button/Button';
 import { Heading } from 'Components/heading/Heading';
 import type { IconName } from 'Components/icon/allowedIcons';
 import { Icon } from 'Components/icon/Icon';
@@ -15,7 +15,7 @@ type SectionProps = {
   collapsed?: boolean;
   buttonText?: string;
   buttonOnClick?: MouseEventHandler<HTMLButtonElement>;
-  buttonType?: ButtonType;
+  buttonVariant?: ButtonVariant;
   buttonSize?: ButtonSize;
 } & HTMLAttributes<HTMLElement>;
 
@@ -31,7 +31,7 @@ export const Section = (props: SectionProps) => {
     collapsed: initialCollapsed = false,
     buttonText,
     buttonOnClick,
-    buttonType,
+    buttonVariant,
     buttonSize,
   } = props;
 
@@ -90,7 +90,7 @@ export const Section = (props: SectionProps) => {
           {buttonText && (
             <Button
               onClick={buttonOnClick}
-              type={buttonType}
+              variant={buttonVariant}
               size={buttonSize}
             >
               {buttonText}

package/src/components/slideover/Slideover.tsx

@@ -20,7 +20,7 @@ export const Slideover = (props: SlideoverProps) => {
   return (
     <aside className="ds-slideover">
       <div className={classNames('ds-slideover__header', { 'ds-slideover__header--center': centerHeaderText })}>
-        <Button type="tertiary" onClick={SlideoverUtils.removeSlideover}>
+        <Button variant="tertiary" onClick={SlideoverUtils.removeSlideover}>
           <Icon name="chevrons-left" />
           Back
         </Button>

package/src/components/slideoverManager/SlideoverManager.stories.tsx

@@ -87,10 +87,10 @@ export const Default: Story = {
         >
           Add Simple Slideover
         </Button>
-        <Button onClick={removeSlideover} type="secondary">
+        <Button onClick={removeSlideover} variant="secondary">
           Remove Last Slideover
         </Button>
-        <Button onClick={removeAllSlideovers} type="primary-destructive">
+        <Button onClick={removeAllSlideovers} variant="primary-destructive">
           Remove All
         </Button>
       </div>
@@ -120,10 +120,10 @@ export const WithSections: Story = {
         >
           Add Slideover with Sections
         </Button>
-        <Button onClick={removeSlideover} type="secondary">
+        <Button onClick={removeSlideover} variant="secondary">
           Remove Last Slideover
         </Button>
-        <Button onClick={removeAllSlideovers} type="primary-destructive">
+        <Button onClick={removeAllSlideovers} variant="primary-destructive">
           Remove All
         </Button>
       </div>
@@ -156,10 +156,10 @@ export const WithFormFields: Story = {
           >
             Add Slideover with Form
           </Button>
-          <Button onClick={removeSlideover} type="secondary">
+          <Button onClick={removeSlideover} variant="secondary">
             Remove Last Slideover
           </Button>
-          <Button onClick={removeAllSlideovers} type="primary-destructive">
+          <Button onClick={removeAllSlideovers} variant="primary-destructive">
             Remove All
           </Button>
         </div>
@@ -181,10 +181,10 @@ export const WithFooterContent: Story = {
 
     const footerContent = (
       <div style={{ display: 'flex', gap: '1rem', justifyContent: 'flex-end' }}>
-        <Button type="secondary" onClick={handleCancel}>
+        <Button variant="secondary" onClick={handleCancel}>
           Cancel
         </Button>
-        <Button type="primary" onClick={handleSave}>
+        <Button variant="primary" onClick={handleSave}>
           Save Changes
         </Button>
       </div>
@@ -225,10 +225,10 @@ export const WithFooterContent: Story = {
           >
             Add Slideover with Footer
           </Button>
-          <Button onClick={removeSlideover} type="secondary">
+          <Button onClick={removeSlideover} variant="secondary">
             Remove Last Slideover
           </Button>
-          <Button onClick={removeAllSlideovers} type="primary-destructive">
+          <Button onClick={removeAllSlideovers} variant="primary-destructive">
             Remove All
           </Button>
         </div>
@@ -241,10 +241,10 @@ export const WithScrollableContent: Story = {
   render: (args) => {
     const footerContent = (
       <div style={{ display: 'flex', gap: '1rem', justifyContent: 'flex-end' }}>
-        <Button type="secondary" onClick={SlideoverUtils.removeSlideover}>
+        <Button variant="secondary" onClick={SlideoverUtils.removeSlideover}>
           Cancel
         </Button>
-        <Button type="primary" onClick={SlideoverUtils.removeSlideover}>
+        <Button variant="primary" onClick={SlideoverUtils.removeSlideover}>
           Save
         </Button>
       </div>
@@ -361,10 +361,10 @@ export const WithScrollableContent: Story = {
           >
             Add Slideover with Scrollable Content
           </Button>
-          <Button onClick={removeSlideover} type="secondary">
+          <Button onClick={removeSlideover} variant="secondary">
             Remove Last Slideover
           </Button>
-          <Button onClick={removeAllSlideovers} type="primary-destructive">
+          <Button onClick={removeAllSlideovers} variant="primary-destructive">
             Remove All
           </Button>
         </div>

package/src/components/table/BulkActionsDropdown.tsx

@@ -1,7 +1,8 @@
 import { useContext } from 'react';
 import { GridApiContext } from './GridApiContext';
 import type { GridApi } from 'ag-grid-community';
-import { DropdownMenu } from 'radix-ui';
+import { Button } from 'Components/button/Button';
+import { Dropdown } from 'Components/dropdown/Dropdown';
 
 type BulkAction = {
   displayName: string;
@@ -18,28 +19,23 @@ export const BulkActionsDropdown = (props: BulkActionsDropdownProps) => {
   const gridApiRef = useContext(GridApiContext);
 
   return (
-    <DropdownMenu.Root>
-      <DropdownMenu.Trigger>
-        Actions (
-        {actions.length}
-        )
-      </DropdownMenu.Trigger>
-
-      <DropdownMenu.Portal>
-        <DropdownMenu.Content sideOffset={5}>
-          {actions.map(({ displayName, callback, disabled }) => (
-            <DropdownMenu.Item
-              key={displayName}
-              onSelect={() => {
-                callback(gridApiRef.current);
-              }}
-              disabled={disabled}
-            >
+    <Dropdown>
+      <Dropdown.Trigger>
+        <Button variant="dropdown" iconRightName="chevron-down">
+          Actions (
+          {actions.length}
+          )
+        </Button>
+      </Dropdown.Trigger>
+      <Dropdown.Content>
+        {
+          actions.map(({ displayName, callback, disabled }) => (
+            <Dropdown.Item key={displayName} onSelect={() => callback(gridApiRef.current)} disabled={disabled}>
               {displayName}
-            </DropdownMenu.Item>
-          ))}
-        </DropdownMenu.Content>
-      </DropdownMenu.Portal>
-    </DropdownMenu.Root>
+            </Dropdown.Item>
+          ))
+        }
+      </Dropdown.Content>
+    </Dropdown>
   );
 };

package/src/components/table/Table.stories.tsx

@@ -45,15 +45,15 @@ const sampleColumnDefs: (ColDef | ColGroupDef)[] = [
 ];
 
 const FooterContent = [
-  <Button key={0} type="primary">Button 1</Button>,
+  <Button key={0} variant="primary">Button 1</Button>,
   <span key={1}>Pagination placeholder</span>,
-  <Button key={2} type="secondary">Button 2</Button>,
+  <Button key={2} variant="secondary">Button 2</Button>,
 ];
 
 const HeaderContent = [
   <div key={0} style={{ display: 'flex', gap: '0.5rem' }}>
-    <Button key={0} type="secondary" size="S">Button 1</Button>
-    <Button key={1} type="secondary" size="S">Button 2</Button>
+    <Button key={0} variant="secondary" size="S">Button 1</Button>
+    <Button key={1} variant="secondary" size="S">Button 2</Button>
   </div>,
   <div key={1} style={{ display: 'flex', gap: '1rem' }}>
     <Icon name="search" />

package/src/components/table/Table.test.tsx

@@ -1,5 +1,5 @@
 import { describe, expect, expectTypeOf, test, vi } from 'vitest';
-import { render, screen } from '@testing-library/react';
+import { render, screen, waitFor } from '@testing-library/react';
 import { Table } from './Table';
 import '@testing-library/jest-dom/vitest';
 import { BulkActionsDropdown } from 'Components/table/BulkActionsDropdown';
@@ -118,8 +118,8 @@ describe('Table', () => {
       );
       expect(screen.getByText('Actions (2)')).toBeInTheDocument();
       await userEvent.click(screen.getByText('Actions (2)'));
-      expect(screen.getByText('foo')).toBeInTheDocument();
-      expect(screen.getByText('bar')).toBeInTheDocument();
+      await waitFor(() => expect(screen.getByText('foo')).toBeInTheDocument());
+      await waitFor(() => expect(screen.getByText('bar')).toBeInTheDocument());
     });
 
     test('bulk actions fire on click', async () => {
@@ -138,7 +138,7 @@ describe('Table', () => {
         />,
       );
       await userEvent.click(screen.getByText('Actions (1)'));
-      expect(screen.getByText('foo')).toBeInTheDocument();
+      await waitFor(() => expect(screen.getByText('foo')).toBeInTheDocument());
       await userEvent.click(screen.getByText('foo'));
       expect(callbackMock).toHaveBeenCalled();
       expectTypeOf(callbackMock.mock?.lastCall?.[0]).toExtend<GridApi>();
@@ -161,7 +161,7 @@ describe('Table', () => {
         />,
       );
       await userEvent.click(screen.getByText('Actions (1)'));
-      expect(screen.getByText('foo')).toBeInTheDocument();
+      await waitFor(() => expect(screen.getByText('foo')).toBeInTheDocument());
       expect(screen.getByText('foo')).toHaveAttribute('aria-disabled', 'true');
       await userEvent.click(screen.getByText('foo'));
       expect(callbackMock).not.toHaveBeenCalled();

package/src/index.scss

@@ -1,22 +1,20 @@
 @use './tokens.scss';
 @use './global.scss';
 @use './components/button/button.scss';
+@use './components/icon/icon.scss';
 @use './components/heading/heading.scss';
 @use './components/card/card.scss';
+@use './components/dropdown/dropdown.scss';
 @use './components/formField/formField.scss';
 @use './components/formField/inputs/input.scss';
 @use './components/formField/label/label.scss';
 @use './components/formField/inputs/number/numberInput.scss';
 @use './components/formField/inputs/radio/radioButtonInput.scss';
 @use './components/formField/inputs/checkbox/checkboxInput.scss';
+@use "components/formField/inputs/selectDropdown/selectDropdown";
 @use './components/pill/pill.scss';
 @use './components/section/section.scss';
 @use './components/tabs/tabs.scss';
-@use "components/formField/inputs/dropdown/dropdown";
-@use "components/formField/inputs/dropdown/items/dropdownItem/dropdownItem.scss";
-@use "components/formField/inputs/dropdown/wrapper/dropdownWrapper.scss";
-@use "components/formField/inputs/dropdown/buttons/dropdownButton/dropdownButton";
-@use "components/formField/inputs/dropdown/items/dropdownMultiLineItem/dropdownMultiLineItem.scss";
 @use "./components/slideoverManager/slideoverManager.scss";
 @use "./components/slideover/slideover.scss";
 @use "./components/table/table.scss";

package/src/index.ts

@@ -2,13 +2,14 @@ export { Button } from 'Components/button/Button';
 export { Heading } from 'Components/heading/Heading';
 export { Icon } from 'Components/icon/Icon';
 export { Card } from 'Components/card/Card';
+export { Dropdown } from 'Components/dropdown/Dropdown';
 export { Pill } from 'Components/pill/Pill';
 export { Section } from 'Components/section/Section';
 export { Tabs } from 'Components/tabs/Tabs';
 export { TextInput } from 'Components/formField/inputs/text/TextInput';
 export { TextArea } from 'Components/formField/inputs/textArea/TextArea';
 export { NumberInput } from 'Components/formField/inputs/number/NumberInput';
-export { Dropdown } from 'Components/formField/inputs/dropdown/Dropdown';
+export { SelectDropdown } from 'Components/formField/inputs/selectDropdown/SelectDropdown';
 export { SlideoverManager } from 'Components/slideoverManager/SlideoverManager';
 export { Slideover, type SlideoverProps } from 'Components/slideover/Slideover';
 export { SlideoverUtils } from 'Utils/SlideoverUtils';

package/src/tokens.scss

@@ -157,6 +157,7 @@
   --avatar-medium-size: 2rem;
   --avatar-extra-large-size: 6rem;
   --border-weight: 1px;
+  --page-base-color-border: var(--color-grey-050);
   --widget-notifications-read-color: #ffffff;
   --section-heading-spacing-top: 0.5rem;
   --section-subsection-radius: 0rem;

package/dist/components/formField/inputs/dropdown/Dropdown.d.ts

@@ -1,11 +0,0 @@
-import { type DropdownOptionsProps } from '../../../formField/inputs/dropdown/items/DropdownItemRenderer';
-export type DropdownInputProps = {
-    placeholder?: string;
-    options: DropdownOptionsProps[];
-    multiple?: boolean;
-    disabled?: boolean;
-    errorText?: string;
-    onSelectionChange: (value: string[]) => void;
-};
-export declare const Dropdown: (props: DropdownInputProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Dropdown.d.ts.map

package/dist/components/formField/inputs/dropdown/Dropdown.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,oBAAoB,EAC1B,MAAM,iEAAiE,CAAC;AAEzE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,oBAAoB,EAAE,CAAC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CAC9C,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,OAAO,kBAAkB,4CAiEjD,CAAC"}

package/dist/components/formField/inputs/dropdown/Dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.tsx"],"names":[],"mappings":"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"}

package/dist/components/formField/inputs/dropdown/Dropdown.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAG/B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;;;;mCASW,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;;mCASU,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;mCAeC,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;mCASA,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;;;mCASO,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;mCASE,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;;;;mCAUS,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;;;mCASU,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;;;;;;mCAYQ,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,cAAc;;;;;;;;mCASI,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;mCAcH,MAAM,EAAE;;CAEtC,CAAC;AAEF,eAAO,MAAM,gCAAgC;;;;;;;;;;;;;;;mCAed,MAAM,EAAE;;CAEtC,CAAC;AACF,eAAe,IAAI,CAAC"}

package/dist/components/formField/inputs/dropdown/Dropdown.stories.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/formField/inputs/dropdown/Dropdown.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.test.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC"}

package/dist/components/formField/inputs/dropdown/Dropdown.test.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.test.js","sourceRoot":"","sources":["../../../../../src/components/formField/inputs/dropdown/Dropdown.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,IAAI,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC5C,MAAM,CACJ,KAAC,QAAQ,IACP,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,EAC1B,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAChD,CACH,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACtC,MAAM,CACJ,KAAC,QAAQ,IACP,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,EAC1B,WAAW,EAAC,uBAAuB,EACnC,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAChD,CACH,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,qBAAqB,EAAE,KAAK,IAAI,EAAE;QACrC,MAAM,CACJ,KAAC,QAAQ,IACP,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,EAC1B,WAAW,EAAC,uBAAuB,EACnC,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAChD,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC;QACjE,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,qCAAqC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,CACJ,KAAC,QAAQ,IACP,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,EAC1B,WAAW,EAAC,mBAAmB,EAC/B,QAAQ,EAAE,IAAI,EACd,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAChD,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,mBAAmB,CAAC,CAAC,CAAC;QAC7D,MAAM,CAAC,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,iBAAiB,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAClC,MAAM,CACJ,KAAC,QAAQ,IACP,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAC,uBAAuB,EACnC,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAChD,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,uBAAuB,CAAC,CAAC,CAAC;QACjE,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;QAClD,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QAE9B,MAAM,CAAC,iBAAiB,CAAC,CAAC,oBAAoB,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,0CAA0C,EAAE,KAAK,IAAI,EAAE;QAC1D,MAAM,CACJ,KAAC,QAAQ,IACP,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;gBACvC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;gBACvC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;aACxC,EACD,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,GAC1B,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAClD,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAChE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,gCAAgC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,CACJ,KAAC,QAAQ,IACP,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE;gBACtD,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE;aACtD,EACD,QAAQ,QACR,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,GAC1B,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAClD,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAChE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,kDAAkD,EAAE,KAAK,IAAI,EAAE;QAClE,MAAM,iBAAiB,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAClC,MAAM,CACJ,KAAC,QAAQ,IACP,QAAQ,QACR,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;gBACvC,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;aACxC,EACD,iBAAiB,EAAE,iBAAiB,GACpC,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAClD,MAAM,OAAO,GAAG,MAAM,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC;QACpD,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC;QAE7C,MAAM,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAC/B,MAAM,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;QAE/B,MAAM,CAAC,iBAAiB,CAAC,CAAC,oBAAoB,CAAC,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IACzE,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,gDAAgD,EAAE,GAAG,EAAE;QAC1D,MAAM,CACJ,KAAC,QAAQ,IACP,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,EAC1B,WAAW,EAAC,QAAQ,EACpB,QAAQ,EAAE,KAAK,EACf,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,GAChD,CACH,CAAC;QAEF,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;QACjD,MAAM,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,4CAA4C,EAAE,KAAK,IAAI,EAAE;QAC5D,MAAM,CACJ,KAAC,QAAQ,IACP,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;gBACzD,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;gBACzD,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE;aACxC,EACD,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,GAC1B,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAElD,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC/D,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACzD,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,gDAAgD,EAAE,KAAK,IAAI,EAAE;QAChE,MAAM,CACJ,KAAC,QAAQ,IACP,OAAO,EAAE;gBACP,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;gBAC1D,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE;aAC3D,EACD,iBAAiB,EAAE,EAAE,CAAC,EAAE,EAAE,GAC1B,CACH,CAAC;QAEF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC;QAElD,MAAM,CAAC,MAAM,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAChE,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.d.ts

@@ -1,12 +0,0 @@
-import React, { type RefObject } from 'react';
-type DropdownButtonProps = {
-    label: string;
-    disabled?: boolean;
-    error?: boolean;
-    pressed?: boolean;
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-    ref?: RefObject<HTMLButtonElement | null>;
-};
-export declare const DropdownButton: React.FC<DropdownButtonProps>;
-export {};
-//# sourceMappingURL=DropdownButton.d.ts.map

package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownButton.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9C,KAAK,mBAAmB,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAC3D,GAAG,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA8BxD,CAAC"}

package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, {} from 'react';
-import { Icon } from '../../../../../icon/Icon';
-import { Button } from '../../../../../button/Button';
-export const DropdownButton = (props) => {
-    const { label, disabled, error, pressed, onClick, ref, } = props;
-    const classNames = [
-        'ds-dropdown-select',
-        pressed ? 'ds-dropdown-select--pressed' : '',
-    ]
-        .filter(Boolean)
-        .join(' ');
-    return (_jsxs(Button, { error: error, type: "dropdown", className: classNames, disabled: disabled, onClick: onClick, ref: ref, children: [_jsx("span", { children: label }), _jsx("span", { className: "ds-dropdown-select--icon", children: _jsx(Icon, { name: "chevron-down" }) })] }));
-};
-//# sourceMappingURL=DropdownButton.js.map

package/dist/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownButton.js","sourceRoot":"","sources":["../../../../../../../src/components/formField/inputs/dropdown/buttons/dropdownButton/DropdownButton.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAkB,MAAM,OAAO,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAWlD,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,KAA0B,EAAE,EAAE;IAC1F,MAAM,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,OAAO,EACP,OAAO,EACP,GAAG,GACJ,GAAG,KAAK,CAAC;IAEV,MAAM,UAAU,GAAG;QACjB,oBAAoB;QACpB,OAAO,CAAC,CAAC,CAAC,6BAA6B,CAAC,CAAC,CAAC,EAAE;KAC7C;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,MAAC,MAAM,IACL,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,UAAU,EACf,SAAS,EAAE,UAAU,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,aAER,yBAAO,KAAK,GAAQ,EACpB,eAAM,SAAS,EAAC,0BAA0B,YAAC,KAAC,IAAI,IAAC,IAAI,EAAC,cAAc,GAAG,GAAO,IACvE,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.d.ts

@@ -1,10 +0,0 @@
-import { type DropdownItemBaseProps } from '../wrapper/DropdownWrapper';
-import type { allowedIcons } from '../../../../icon/allowedIcons';
-export type DropdownOptionsProps = {
-    label: string;
-    header?: string;
-    group?: string;
-    icon?: keyof typeof allowedIcons;
-} & DropdownItemBaseProps;
-export declare const DropdownItemRenderer: (props: DropdownOptionsProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=DropdownItemRenderer.d.ts.map

package/dist/components/formField/inputs/dropdown/items/DropdownItemRenderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownItemRenderer.d.ts","sourceRoot":"","sources":["../../../../../../src/components/formField/inputs/dropdown/items/DropdownItemRenderer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,4BAA4B,CAAC;AACxE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAEjE,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,OAAO,YAAY,CAAC;CAClC,GAAG,qBAAqB,CAAC;AAE1B,eAAO,MAAM,oBAAoB,GAAI,OAAO,oBAAoB,4CAwB/D,CAAC"}