ui-beyable 1.0.21 → 1.0.22-beta.1

package/README.md

@@ -55,11 +55,22 @@ Pre publish
 npm run prepublishOnly 
 ```
 
-You can also migrate module to npm:
+To publish the module to NPM : 
 ```bash
 npm publish
 ```
 
+To publish a BETA version to NPM : 
+
+Update the module version number, adding ``-beta.0`` at the end.
+The ``.0`` indicates which beta version it is.
+
+```bash
+npm publish --tag beta
+```
+
+
+
 ## <center> 🤔 Architecture?</center>
 <div class="architecture">
 <img src="./public/architectureBeyableDS.png" style="display:flex;justify-content:center;" alt="architecture pic">

package/lib/cjs/components/Dropdown/Dropdown.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import './Dropdown.css';
-import { IDropdown } from './types';
+import { IDropdown, IDropdownSection } from './types';
 declare function Dropdown({ button, // need to accept onMouseDown and ref props
 buttonRef, toggle, isOpen, posX, clickEvent, children, scrollbar, flip, minWidth }: IDropdown): JSX.Element;
-export { Dropdown };
+declare function DropdownSection({ children }: IDropdownSection): JSX.Element;
+export { Dropdown, DropdownSection };

package/lib/cjs/components/Dropdown/types.d.ts

@@ -12,4 +12,7 @@ interface IDropdown {
     flip?: boolean;
     minWidth?: number;
 }
-export { IDropdown };
+interface IDropdownSection {
+    children: React.ReactNode;
+}
+export { IDropdown, IDropdownSection };

package/lib/cjs/components/Select/Select.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ISelect } from './types';
+declare function Select({ children, optionsList, value, friendlyValue, label, labelTooltip, labelTooltipHTML, description, placeHolder, labelPosition, labelClassName, blockClassName, onChange, disabled, isClearable, hasArrow, fullWidth, autoWidth, ellips, size, color, style, autocomplete, autocompleteValue, autocompletePlaceholder, autocompleteEmptyState, onAutocomplete, autocompleteIsLoading, clearAutocompleteOnClose, hasHoverSidebar, hoverSidebarRender, hoverSidebarPlaceholder }: ISelect): JSX.Element;
+export { Select };

package/lib/cjs/components/Select/types.d.ts

@@ -0,0 +1,44 @@
+import React from "react";
+interface IOption {
+    label: React.ReactNode | string;
+    value: any;
+    image?: string;
+    icon?: string;
+    isDisabled?: boolean;
+    hoverContent?: React.ReactNode;
+}
+interface ISelect {
+    children: React.ReactNode;
+    optionsList: Array<IOption>;
+    value: any;
+    friendlyValue?: React.ReactNode | string;
+    label?: React.ReactNode | string;
+    labelTooltip?: string;
+    labelTooltipHTML?: any;
+    description?: React.ReactNode | string;
+    placeHolder?: string;
+    labelPosition?: 'outer' | 'inner';
+    labelClassName?: string;
+    blockClassName?: string;
+    onChange?: any;
+    disabled?: boolean;
+    isClearable?: boolean;
+    hasArrow?: boolean;
+    fullWidth?: boolean;
+    autoWidth?: boolean;
+    ellips?: boolean;
+    size?: 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl';
+    color?: 'white' | 'grey';
+    style?: 'ghost' | 'ghost_underline' | 'highlighted';
+    autocomplete?: boolean;
+    autocompleteValue?: any;
+    autocompletePlaceholder?: string;
+    autocompleteEmptyState?: React.ReactNode;
+    onAutocomplete?: any;
+    autocompleteIsLoading?: boolean;
+    clearAutocompleteOnClose?: boolean;
+    hasHoverSidebar?: boolean;
+    hoverSidebarRender?: Function;
+    hoverSidebarPlaceholder?: React.ReactNode | string;
+}
+export { ISelect, IOption };

package/lib/cjs/index.d.ts

@@ -4,7 +4,7 @@ import { Btn, BtnGroup } from './components/Btn/Btn';
 import { Checkbox, Radio, Switch, CheckboxList } from './components/Checkbox/Checkbox';
 import Collapse from './components/Collapse/Collapse';
 import { Confirm } from './components/Confirm/Confirm';
-import { Dropdown } from './components/Dropdown/Dropdown';
+import { Dropdown, DropdownSection } from './components/Dropdown/Dropdown';
 import { EmptyState } from './components/EmptyState/EmptyState';
 import { Fieldset } from './components/Fieldset/Fieldset';
 import { IconBtn } from './components/IconBtn/IconBtn';
@@ -17,8 +17,9 @@ import { Panel, PanelClose, PanelHeader, PanelBody } from './components/Panel/Pa
 import { Picto } from './components/Picto/Picto';
 import { Portal } from './components/Portal/Portal';
 import { Section } from './components/Section/Section';
+import { Select } from './components/Select/Select';
 import { Spinner } from './components/Spinner/Spinner';
 import { Textfield, TextfieldIcon, SearchBar } from './components/Textfield/Textfield';
 declare const Theme: any;
 export { Theme, AppRoot, AppHeader, AppLinkWrapper, AppLogo, Article, Btn, BtnGroup, Checkbox, CheckboxList, Collapse, // Not OK
-Confirm, Dropdown, EmptyState, Fieldset, IconBtn, List, ListItem, Listbox, ListboxItem, ListboxSep, Mask, Message, Modal, ModalHeader, ModalBody, ModalFooter, Panel, PanelClose, PanelHeader, PanelBody, Picto, Portal, Radio, Section, SearchBar, Spinner, Switch, Textfield, TextfieldIcon };
+Confirm, Dropdown, DropdownSection, EmptyState, Fieldset, IconBtn, List, ListItem, Listbox, ListboxItem, ListboxSep, Mask, Message, Modal, ModalHeader, ModalBody, ModalFooter, Panel, PanelClose, PanelHeader, PanelBody, Picto, Portal, Radio, SearchBar, Section, Select, Spinner, Switch, Textfield, TextfieldIcon };