@abgov/react-components 7.2.0-dev.21 → 7.2.0-dev.23

package/lib/dropdown-multiselect/dropdown-multiselect.d.ts

@@ -0,0 +1,66 @@
+import { GoabDropdownMultiselectLabelFormatOptions, GoabDropdownMultiselectOnChangeDetail, GoabDropdownMultiselectSize, GoabIconType, Margins } from '@abgov/ui-components-common';
+import { JSX } from 'react';
+interface WCProps extends Margins {
+    ref: React.RefObject<HTMLElement | null>;
+    name: string;
+    value?: string[];
+    placeholder?: string;
+    disabled?: string;
+    error?: string;
+    filterable?: string;
+    "leading-icon"?: string;
+    testid?: string;
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    "max-height"?: string;
+    width?: string;
+    size?: GoabDropdownMultiselectSize;
+    "label-format"?: string;
+    "show-select-all"?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-dropdown-multiselect": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoabDropdownMultiselectProps extends Margins {
+    /** @required Identifier for the group. Used in change events. */
+    name: string;
+    /** Array of currently selected checkbox value. */
+    value?: string[];
+    /** Text shown when nothing is selected. */
+    placeholder?: string;
+    /** Enables filtering of options by typing in the trigger. */
+    filterable?: boolean;
+    /** Icon shown to the left of the dropdown input. */
+    leadingIcon?: GoabIconType;
+    /** Disables the component.  @default false */
+    disabled?: boolean;
+    /** Shows an error state.  @default false */
+    error?: boolean;
+    /** Sets a data-testid attribute for automated testing. */
+    testId?: string;
+    /** Provides an accessible label when no visible label is associated. */
+    ariaLabel?: string;
+    /** References an external element that labels this component. */
+    ariaLabelledBy?: string;
+    /** Sets the maximum height of the dropdown content area. @default "276px" */
+    maxHeight?: string;
+    /** Sets a fixed width for the component and popover panel. */
+    width?: string;
+    /** Sets the size variant. @default "default" */
+    size?: GoabDropdownMultiselectSize;
+    /** The display label format of the closed dropdown. When 'count' the display label shows only "n items" in the label, when 'list' it shows a comma separated list of selected item labels. @default "list" */
+    labelFormat?: GoabDropdownMultiselectLabelFormatOptions;
+    /** Shows a "Select All" checkbox at the top of the options list. @default false */
+    showSelectAll?: boolean;
+    /** Dropdown items rendered inside the component (GoabDropdownItem elements). */
+    children?: React.ReactNode;
+    /** Callback fired when the selected value change. */
+    onChange?: (detail: GoabDropdownMultiselectOnChangeDetail) => void;
+}
+/** A dropdown that presents a list of checkboxes for multiple selection. */
+export declare function GoabDropdownMultiselect({ name, value, placeholder, disabled, error, filterable, leadingIcon, showSelectAll, testId, ariaLabel, ariaLabelledBy, maxHeight, width, size, labelFormat, children, onChange, mt, mr, mb, ml, }: GoabDropdownMultiselectProps): JSX.Element;
+export default GoabDropdownMultiselect;

package/lib/scroll-panel/scroll-panel.d.ts

@@ -1,8 +1,9 @@
-import { DataAttributes } from '@abgov/ui-components-common';
+import { DataAttributes, GoabScrollPanelDirectionType } from '@abgov/ui-components-common';
 import { default as React, ReactNode, JSX } from 'react';
 interface WCProps {
     height?: string;
     testid?: string;
+    direction?: string;
 }
 declare module "react" {
     namespace JSX {
@@ -27,6 +28,12 @@ export interface GoabScrollPanelProps extends DataAttributes {
     height?: string;
     /** Sets a data-testid attribute for automated testing. */
     testId?: string;
+    /**
+     * The scroll direction(s). When content overflows, enables scrolling and shadow
+     * indicators for the specified direction(s). Accepts "vertical", "horizontal", or "both".
+     * Defaults to "vertical".
+     */
+    direction?: GoabScrollPanelDirectionType;
 }
-export declare function GoabScrollPanel({ header, children, footer, height, testId, ...rest }: GoabScrollPanelProps): JSX.Element;
+export declare function GoabScrollPanel({ header, children, footer, height, testId, direction, ...rest }: GoabScrollPanelProps): JSX.Element;
 export default GoabScrollPanel;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/react-components",
-  "version": "7.2.0-dev.21",
+  "version": "7.2.0-dev.23",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"