@dnb/eufemia 10.73.2 → 10.74.0

package/es/fragments/drawer-list/DrawerListDocs.d.ts

@@ -1,4 +1,211 @@
-import { PropertiesTableProps } from '../../shared/types';
-export declare const DrawerListProperties: PropertiesTableProps;
-export declare const DrawerListEvents: PropertiesTableProps;
-export declare const DrawerListItem: PropertiesTableProps;
+export declare const DrawerListProperties: {
+    '[data](#the-data-property)': {
+        doc: string;
+        type: string[];
+        status: "required";
+    };
+    value: {
+        doc: string;
+        type: string[];
+        status: "optional";
+    };
+    default_value: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    triangle_position: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    direction: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    label_direction: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    prevent_selection: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    focusable: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    prevent_close: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    keep_open: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    independent_width: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    fixed_position: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    enable_body_lock: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    skip_keysearch: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    ignore_events: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    align_drawer: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    list_class: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    portal_class: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    scrollable: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    no_scroll_animation: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    no_animation: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    skip_portal: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    min_height: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    max_height: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    page_offset: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    observer_element: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    cache_hash: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    wrapper_element: {
+        doc: string;
+        type: string[];
+        status: "optional";
+    };
+    options_render: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    '[Space](/uilib/layout/space/properties)': {
+        doc: string;
+        type: string[];
+        status: "optional";
+    };
+};
+export declare const DrawerListEvents: {
+    on_pre_change: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    on_change: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    on_select: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    on_show: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    on_hide: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+};
+export declare const DrawerListItem: {
+    content: {
+        doc: string;
+        type: string[];
+        status: "optional";
+    };
+    disabled: {
+        doc: string;
+        type: string;
+        status: "optional";
+    };
+    selectedKey: {
+        doc: string;
+        type: string[];
+        status: "optional";
+    };
+    selected_value: {
+        doc: string;
+        type: string[];
+        status: "optional";
+    };
+    suffix_value: {
+        doc: string;
+        type: string[];
+        status: "optional";
+    };
+    selected_key: {
+        doc: string;
+        type: string[];
+        status: "deprecated";
+    };
+};

package/es/fragments/drawer-list/DrawerListDocs.js

@@ -135,8 +135,8 @@ export const DrawerListProperties = {
     status: 'optional'
   },
   wrapper_element: {
-    doc: "Has to be an HTML Element, ideally a mother element, used to calculate sizes and distances. Also used for the 'click outside' detection. Clicking on the `wrapper_element` will not trigger an outside click.",
-    type: 'HTMLElement',
+    doc: "Has to be an HTML Element, or a selector for one, ideally a mother element, used to calculate sizes and distances. Also used for the 'click outside' detection. Clicking on the `wrapper_element` will not trigger an outside click.",
+    type: ['string', 'HTMLElement'],
     status: 'optional'
   },
   options_render: {

package/es/fragments/drawer-list/DrawerListDocs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DrawerListDocs.js","names":["DrawerListProperties","doc","type","status","value","default_value","triangle_position","direction","label_direction","prevent_selection","focusable","prevent_close","keep_open","independent_width","fixed_position","enable_body_lock","skip_keysearch","ignore_events","align_drawer","list_class","portal_class","scrollable","no_scroll_animation","no_animation","skip_portal","min_height","max_height","page_offset","observer_element","cache_hash","wrapper_element","options_render","DrawerListEvents","on_pre_change","on_change","on_select","on_show","on_hide","DrawerListItem","content","disabled","selectedKey","selected_value","suffix_value","selected_key"],"sources":["../../../../src/fragments/drawer-list/DrawerListDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const DrawerListProperties: PropertiesTableProps = {\n  '[data](#the-data-property)': {\n    doc: `The data we want to fill the list with. [Details on the type of {DATA} can be found below](#the-data-property). The data can be provided as an array or object. Or as a function that returns the data (called when user opens the list).`,\n    type: ['{DATA}', '() => {DATA}'],\n    status: 'required',\n  },\n  value: {\n    doc: 'Define a preselected `data` entry. In order of priority, `value` can be set to: object key (if `data` is an object), `selectedKey` prop (if `data` is an array), array index (if no `selectedKey`) or content (if `value` is a non-integer string).',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  default_value: {\n    doc: 'Define a startup value or handle a re-render without handling the state during the re-render by yourself. Defaults to `null`.',\n    type: 'number',\n    status: 'optional',\n  },\n  triangle_position: {\n    doc: \"Position of the arrow icon/triangle inside the drawer-list. Set to 'left' or 'right'. Defaults to 'left' if not set.\",\n    type: 'string',\n    status: 'optional',\n  },\n  direction: {\n    doc: \"Defines the direction of how the drawer-list shows the options list. Can be 'bottom' or 'top'. Defaults to 'auto'.\",\n    type: 'string',\n    status: 'optional',\n  },\n  label_direction: {\n    doc: \"The direction of the label. If set to 'horizontal', the label will be positioned horizontally next to the input element. If set to 'vertical', the label will be positioned vertically above the input element.\",\n    type: 'string',\n    status: 'optional',\n  },\n  prevent_selection: {\n    doc: 'If set to `true`, the DrawerList will then not make any permanent selection.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  focusable: {\n    doc: 'If set to `true`, the element is then focusable by assertive technologies.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  prevent_close: {\n    doc: 'If set to `true`, the DrawerList will not close on any events.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keep_open: {\n    doc: 'If set to `true`, the DrawerList will close on outside clicks, but not on selection.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  independent_width: {\n    doc: 'If set to `true`, the DrawerList will handle its width and position independently of the parent/mother element.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  fixed_position: {\n    doc: 'If set to `true`, the DrawerList will be fixed in its scroll position by using CSS `position: fixed;`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  enable_body_lock: {\n    doc: 'If set to `true`, the HTML body will get locked from scrolling when the Dropdown is open.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skip_keysearch: {\n    doc: 'If set to `true`, search items by the first key will be ignored.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  ignore_events: {\n    doc: 'If set to `true`, all keyboard and mouse events will be ignored.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  align_drawer: {\n    doc: \"Use 'right' to change the options alignment direction. Makes only sense to use in combination with `prevent_selection` or `more_menu` - or if an independent width is used.\",\n    type: 'string',\n    status: 'optional',\n  },\n  list_class: {\n    doc: 'Define an HTML class that will be set on the list, beside `dnb-drawer-list__list`.',\n    type: 'string',\n    status: 'optional',\n  },\n  portal_class: {\n    doc: 'Define an HTML class that will be set on the DOM portal beside `dnb-drawer-list__portal__style`. Can be useful to handle e.g. a custom `z-index` in relation to a header.',\n    type: 'string',\n    status: 'optional',\n  },\n  scrollable: {\n    doc: 'Defines if the options list should be scrollable (the `max-height` is set by default to `50vh`).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  no_scroll_animation: {\n    doc: 'To disable scrolling animation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  no_animation: {\n    doc: 'To disable appear/disappear (show/hide) animation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skip_portal: {\n    doc: 'To disable the React Portal behavior.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  min_height: {\n    doc: 'Defines the minimum height (in `rem`) of the options list.',\n    type: 'string',\n    status: 'optional',\n  },\n  max_height: {\n    doc: 'Defines the maximum height (in `rem`) of the options list.',\n    type: 'string',\n    status: 'optional',\n  },\n  page_offset: {\n    doc: 'Defines the available scrollable height. If scrolling should not change the height of the drawer-list, then set it to `0` (useful if the DrawerList is used in fixed positions on contrast to a scrollable page content).',\n    type: 'string',\n    status: 'optional',\n  },\n  observer_element: {\n    doc: 'Set a HTML element, either as a selector or a DOM element. Can be used to send in an element which will be used to make the direction calculation on.',\n    type: 'string',\n    status: 'optional',\n  },\n  cache_hash: {\n    doc: 'Set a `cache_hash` as a string to enable internal memorizing of the list to enhance rerendering performance. Components like Autocomplete are using this because of the huge data changes due to search and reorder.',\n    type: 'string',\n    status: 'optional',\n  },\n  wrapper_element: {\n    doc: \"Has to be an HTML Element, ideally a mother element, used to calculate sizes and distances. Also used for the 'click outside' detection. Clicking on the `wrapper_element` will not trigger an outside click.\",\n    type: 'HTMLElement',\n    status: 'optional',\n  },\n  options_render: {\n    doc: 'Has to be a function, returning the items again. See [example](/uilib/components/fragments/drawer-list#example-usage-of-options_render). This can be used to add additional options above the actual rendered list.',\n    type: 'function',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n}\n\nexport const DrawerListEvents: PropertiesTableProps = {\n  on_pre_change: {\n    doc: 'Will be called before `on_change`, this way you can return false to prevent selection and to prevent `on_change` execution.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_change: {\n    doc: 'Will be called on state changes made by the user.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_select: {\n    doc: 'Will be called once the user focuses or selects an item by a click or keyboard navigation.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_show: {\n    doc: 'Will be called once the user presses the drawer-list.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_hide: {\n    doc: 'Will be called once the user presses the drawer-list again, or clicks somewhere else.',\n    type: 'function',\n    status: 'optional',\n  },\n}\n\nexport const DrawerListItem: PropertiesTableProps = {\n  content: {\n    doc: 'Visual content in the list item',\n    type: ['string', 'React.node', '(string | React.Node)[]'],\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Disables the list item from selection',\n    type: 'boolean',\n    status: 'optional',\n  },\n  selectedKey: {\n    doc: 'If set, can be used instead of array index by the `value` prop',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  selected_value: {\n    doc: 'Replaces the standard value output for selected item. Only used in some implementations (Dropdown, Autocomplete).',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  suffix_value: {\n    doc: 'Content placed to the right in the list item.',\n    type: ['string', 'React.node'],\n    status: 'optional',\n  },\n  selected_key: {\n    doc: 'Use prop `selectedKey` instead',\n    type: ['string', 'number'],\n    status: 'deprecated',\n  },\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"DrawerListDocs.js","names":["DrawerListProperties","doc","type","status","value","default_value","triangle_position","direction","label_direction","prevent_selection","focusable","prevent_close","keep_open","independent_width","fixed_position","enable_body_lock","skip_keysearch","ignore_events","align_drawer","list_class","portal_class","scrollable","no_scroll_animation","no_animation","skip_portal","min_height","max_height","page_offset","observer_element","cache_hash","wrapper_element","options_render","DrawerListEvents","on_pre_change","on_change","on_select","on_show","on_hide","DrawerListItem","content","disabled","selectedKey","selected_value","suffix_value","selected_key"],"sources":["../../../../src/fragments/drawer-list/DrawerListDocs.ts"],"sourcesContent":["import { PropertiesTableProps } from '../../shared/types'\n\nexport const DrawerListProperties = {\n  '[data](#the-data-property)': {\n    doc: `The data we want to fill the list with. [Details on the type of {DATA} can be found below](#the-data-property). The data can be provided as an array or object. Or as a function that returns the data (called when user opens the list).`,\n    type: ['{DATA}', '() => {DATA}'],\n    status: 'required',\n  },\n  value: {\n    doc: 'Define a preselected `data` entry. In order of priority, `value` can be set to: object key (if `data` is an object), `selectedKey` prop (if `data` is an array), array index (if no `selectedKey`) or content (if `value` is a non-integer string).',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  default_value: {\n    doc: 'Define a startup value or handle a re-render without handling the state during the re-render by yourself. Defaults to `null`.',\n    type: 'number',\n    status: 'optional',\n  },\n  triangle_position: {\n    doc: \"Position of the arrow icon/triangle inside the drawer-list. Set to 'left' or 'right'. Defaults to 'left' if not set.\",\n    type: 'string',\n    status: 'optional',\n  },\n  direction: {\n    doc: \"Defines the direction of how the drawer-list shows the options list. Can be 'bottom' or 'top'. Defaults to 'auto'.\",\n    type: 'string',\n    status: 'optional',\n  },\n  label_direction: {\n    doc: \"The direction of the label. If set to 'horizontal', the label will be positioned horizontally next to the input element. If set to 'vertical', the label will be positioned vertically above the input element.\",\n    type: 'string',\n    status: 'optional',\n  },\n  prevent_selection: {\n    doc: 'If set to `true`, the DrawerList will then not make any permanent selection.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  focusable: {\n    doc: 'If set to `true`, the element is then focusable by assertive technologies.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  prevent_close: {\n    doc: 'If set to `true`, the DrawerList will not close on any events.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  keep_open: {\n    doc: 'If set to `true`, the DrawerList will close on outside clicks, but not on selection.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  independent_width: {\n    doc: 'If set to `true`, the DrawerList will handle its width and position independently of the parent/mother element.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  fixed_position: {\n    doc: 'If set to `true`, the DrawerList will be fixed in its scroll position by using CSS `position: fixed;`.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  enable_body_lock: {\n    doc: 'If set to `true`, the HTML body will get locked from scrolling when the Dropdown is open.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skip_keysearch: {\n    doc: 'If set to `true`, search items by the first key will be ignored.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  ignore_events: {\n    doc: 'If set to `true`, all keyboard and mouse events will be ignored.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  align_drawer: {\n    doc: \"Use 'right' to change the options alignment direction. Makes only sense to use in combination with `prevent_selection` or `more_menu` - or if an independent width is used.\",\n    type: 'string',\n    status: 'optional',\n  },\n  list_class: {\n    doc: 'Define an HTML class that will be set on the list, beside `dnb-drawer-list__list`.',\n    type: 'string',\n    status: 'optional',\n  },\n  portal_class: {\n    doc: 'Define an HTML class that will be set on the DOM portal beside `dnb-drawer-list__portal__style`. Can be useful to handle e.g. a custom `z-index` in relation to a header.',\n    type: 'string',\n    status: 'optional',\n  },\n  scrollable: {\n    doc: 'Defines if the options list should be scrollable (the `max-height` is set by default to `50vh`).',\n    type: 'boolean',\n    status: 'optional',\n  },\n  no_scroll_animation: {\n    doc: 'To disable scrolling animation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  no_animation: {\n    doc: 'To disable appear/disappear (show/hide) animation.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  skip_portal: {\n    doc: 'To disable the React Portal behavior.',\n    type: 'boolean',\n    status: 'optional',\n  },\n  min_height: {\n    doc: 'Defines the minimum height (in `rem`) of the options list.',\n    type: 'string',\n    status: 'optional',\n  },\n  max_height: {\n    doc: 'Defines the maximum height (in `rem`) of the options list.',\n    type: 'string',\n    status: 'optional',\n  },\n  page_offset: {\n    doc: 'Defines the available scrollable height. If scrolling should not change the height of the drawer-list, then set it to `0` (useful if the DrawerList is used in fixed positions on contrast to a scrollable page content).',\n    type: 'string',\n    status: 'optional',\n  },\n  observer_element: {\n    doc: 'Set a HTML element, either as a selector or a DOM element. Can be used to send in an element which will be used to make the direction calculation on.',\n    type: 'string',\n    status: 'optional',\n  },\n  cache_hash: {\n    doc: 'Set a `cache_hash` as a string to enable internal memorizing of the list to enhance rerendering performance. Components like Autocomplete are using this because of the huge data changes due to search and reorder.',\n    type: 'string',\n    status: 'optional',\n  },\n  wrapper_element: {\n    doc: \"Has to be an HTML Element, or a selector for one, ideally a mother element, used to calculate sizes and distances. Also used for the 'click outside' detection. Clicking on the `wrapper_element` will not trigger an outside click.\",\n    type: ['string', 'HTMLElement'],\n    status: 'optional',\n  },\n  options_render: {\n    doc: 'Has to be a function, returning the items again. See [example](/uilib/components/fragments/drawer-list#example-usage-of-options_render). This can be used to add additional options above the actual rendered list.',\n    type: 'function',\n    status: 'optional',\n  },\n  '[Space](/uilib/layout/space/properties)': {\n    doc: 'Spacing properties like `top` or `bottom` are supported.',\n    type: ['string', 'object'],\n    status: 'optional',\n  },\n} satisfies PropertiesTableProps\n\nexport const DrawerListEvents = {\n  on_pre_change: {\n    doc: 'Will be called before `on_change`, this way you can return false to prevent selection and to prevent `on_change` execution.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_change: {\n    doc: 'Will be called on state changes made by the user.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_select: {\n    doc: 'Will be called once the user focuses or selects an item by a click or keyboard navigation.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_show: {\n    doc: 'Will be called once the user presses the drawer-list.',\n    type: 'function',\n    status: 'optional',\n  },\n  on_hide: {\n    doc: 'Will be called once the user presses the drawer-list again, or clicks somewhere else.',\n    type: 'function',\n    status: 'optional',\n  },\n} satisfies PropertiesTableProps\n\nexport const DrawerListItem = {\n  content: {\n    doc: 'Visual content in the list item',\n    type: ['string', 'React.node', '(string | React.Node)[]'],\n    status: 'optional',\n  },\n  disabled: {\n    doc: 'Disables the list item from selection',\n    type: 'boolean',\n    status: 'optional',\n  },\n  selectedKey: {\n    doc: 'If set, can be used instead of array index by the `value` prop',\n    type: ['string', 'number'],\n    status: 'optional',\n  },\n  selected_value: {\n    doc: 'Replaces the standard value output for selected item. Only used in some implementations (Dropdown, Autocomplete).',\n    type: ['string', 'React.Node'],\n    status: 'optional',\n  },\n  suffix_value: {\n    doc: 'Content placed to the right in the list item.',\n    type: ['string', 'React.node'],\n    status: 'optional',\n  },\n  selected_key: {\n    doc: 'Use prop `selectedKey` instead',\n    type: ['string', 'number'],\n    status: 'deprecated',\n  },\n} satisfies PropertiesTableProps\n"],"mappings":"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","ignoreList":[]}

package/es/fragments/drawer-list/DrawerListHelpers.d.ts

@@ -1,4 +1,14 @@
-export const drawerListPropTypes: {
+/**
+ * Web DrawerList Helpers
+ *
+ * This is a legacy component.
+ * For referencing while developing new features, please use a Functional component.
+ */
+import PropTypes from 'prop-types';
+import { DrawerListDataArrayItem, DrawerListDataArrayObject, DrawerListData, DrawerListDataAll } from './DrawerList';
+import { DrawerListProviderProps } from './DrawerListProvider';
+import { DrawerListContextState } from './DrawerListContext';
+export declare const drawerListPropTypes: {
     className: PropTypes.Requireable<string>;
     children: PropTypes.Requireable<NonNullable<object | PropTypes.ReactNodeLike>>;
     on_show: PropTypes.Requireable<(...args: any[]) => any>;
@@ -49,100 +59,86 @@ export const drawerListPropTypes: {
     skip_keysearch: PropTypes.Requireable<NonNullable<string | boolean>>;
     opened: PropTypes.Requireable<NonNullable<string | boolean>>;
     data: PropTypes.Requireable<NonNullable<NonNullable<object | PropTypes.ReactNodeLike>>>;
-    prepared_data: PropTypes.Requireable<any[]>;
     raw_data: PropTypes.Requireable<object>;
     ignore_events: PropTypes.Requireable<NonNullable<string | boolean>>;
 };
-export namespace drawerListDefaultProps {
-    let id: any;
-    let role: string;
-    let cache_hash: any;
-    let triangle_position: string;
-    let scrollable: boolean;
-    let focusable: boolean;
-    let max_height: any;
-    let direction: string;
-    let size: string;
-    let no_animation: boolean;
-    let no_scroll_animation: boolean;
-    let prevent_selection: boolean;
-    let action_menu: boolean;
-    let is_popup: boolean;
-    let align_drawer: string;
-    let wrapper_element: any;
-    let default_value: any;
-    let value: string;
-    let portal_class: any;
-    let list_class: any;
-    let skip_portal: any;
-    let prevent_close: boolean;
-    let keep_open: boolean;
-    let prevent_focus: boolean;
-    let fixed_position: boolean;
-    let independent_width: boolean;
-    let skip_keysearch: boolean;
-    let opened: any;
-    let data: any;
-    let prepared_data: any;
-    let raw_data: any;
-    let ignore_events: any;
-    let className: any;
-    let children: any;
-    let on_show: any;
-    let on_hide: any;
-    let handle_dismiss_focus: any;
-    let on_change: any;
-    let on_pre_change: any;
-    let on_resize: any;
-    let on_select: any;
-    let on_state_update: any;
-    let options_render: any;
-}
-export namespace drawerListProviderPropTypes {
-    let enable_body_lock: PropTypes.Requireable<boolean>;
-    let page_offset: PropTypes.Requireable<NonNullable<string | number>>;
-    let observer_element: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
-    let min_height: PropTypes.Requireable<NonNullable<string | number>>;
-}
-export namespace drawerListProviderDefaultProps {
-    let enable_body_lock_1: boolean;
-    export { enable_body_lock_1 as enable_body_lock };
-    let page_offset_1: any;
-    export { page_offset_1 as page_offset };
-    let observer_element_1: any;
-    export { observer_element_1 as observer_element };
-    let min_height_1: number;
-    export { min_height_1 as min_height };
-}
-export function parseContentTitle(dataItem: any, { separator, removeNumericOnlyValues, preferSelectedValue, }?: {
-    separator?: string;
-    removeNumericOnlyValues?: boolean;
-    preferSelectedValue?: boolean;
-}): string;
-export function hasObjectKeyAsValue(data: any): boolean;
-export function preSelectData(data: any): any;
-export function normalizeData(props: any): any;
-export function getData(props: any): any;
-export function getCurrentIndex(value: any, data: any): any;
-export function getSelectedItemValue(value: any, state: any): any;
-export function parseCurrentValue(current: any): any;
-export function getEventData(item_index: any, data: any): any;
-export function getCurrentData(item_index: any, data: any): any;
-export function prepareStartupState(props: any): {
-    opened: boolean;
+export declare const drawerListDefaultProps: {
+    id: any;
+    role: string;
+    cache_hash: any;
+    triangle_position: string;
+    scrollable: boolean;
+    focusable: boolean;
+    max_height: any;
+    direction: string;
+    size: string;
+    no_animation: boolean;
+    no_scroll_animation: boolean;
+    prevent_selection: boolean;
+    action_menu: boolean;
+    is_popup: boolean;
+    align_drawer: string;
+    wrapper_element: any;
+    default_value: any;
+    value: string;
+    portal_class: any;
+    list_class: any;
+    skip_portal: any;
+    prevent_close: boolean;
+    keep_open: boolean;
+    prevent_focus: boolean;
+    fixed_position: boolean;
+    independent_width: boolean;
+    skip_keysearch: boolean;
+    opened: any;
     data: any;
-    original_data: any;
     raw_data: any;
-    direction: any;
-    max_height: any;
-    selected_item: any;
-    active_item: any;
-    on_hide: any;
+    ignore_events: any;
+    className: any;
+    children: any;
     on_show: any;
+    on_hide: any;
+    handle_dismiss_focus: any;
     on_change: any;
+    on_pre_change: any;
+    on_resize: any;
     on_select: any;
+    on_state_update: any;
+    options_render: any;
 };
-export function prepareDerivedState(props: any, state: any): any;
-export function getCurrentDataTitle(selected_item: any, data: any): string;
-export function findClosest(arr: any, val: any): any;
-import PropTypes from 'prop-types';
+export declare const drawerListProviderPropTypes: {
+    enable_body_lock: PropTypes.Requireable<boolean>;
+    page_offset: PropTypes.Requireable<NonNullable<string | number>>;
+    observer_element: PropTypes.Requireable<NonNullable<PropTypes.ReactNodeLike>>;
+    min_height: PropTypes.Requireable<NonNullable<string | number>>;
+};
+export declare const drawerListProviderDefaultProps: {
+    enable_body_lock: boolean;
+    page_offset: any;
+    observer_element: any;
+    min_height: number;
+};
+export declare function parseContentTitle(dataItem: DrawerListDataArrayItem, { separator, removeNumericOnlyValues, preferSelectedValue, }?: {
+    separator?: string;
+    removeNumericOnlyValues?: boolean;
+    preferSelectedValue?: boolean;
+}): string | null;
+export declare const hasObjectKeyAsValue: (data: any) => boolean;
+export declare function preSelectData(data: DrawerListData): DrawerListDataAll;
+/**
+ * Takes any of the forms data can have and returns a normalized array representation of it.
+ * If the data is a single React.ReactNode, it will return an empty list.
+ * @param {*} props object containing the data in props.data or props.children, or the data itself
+ * @returns an array representation of the data
+ */
+export declare function normalizeData(props: any): DrawerListDataArrayObject[];
+export declare const getData: (props: any) => DrawerListDataArrayObject[];
+export declare const getCurrentIndex: (value: any, data: any) => any;
+export declare const getSelectedItemValue: (value: any, state: any) => any;
+export declare const parseCurrentValue: (current: any) => any;
+export declare const getEventData: (item_index: any, data: any) => any;
+export declare const getCurrentData: (item_index: any, data: any) => any;
+export declare function prepareStartupState(props: DrawerListProviderProps): DrawerListContextState;
+export declare const prepareDerivedState: (props: DrawerListProviderProps, state: DrawerListContextState) => DrawerListContextState;
+export declare const getCurrentDataTitle: (selected_item: any, data: any) => string;
+export declare const findClosest: (arr: any, val: any) => any;