ui-beyable 1.0.17 → 1.0.19

package/lib/esm/components/Textfield/Textfield.d.ts

@@ -6,4 +6,5 @@ label, labelTooltip, labelTooltipHTML, description, descriptionBottom, errorMess
 maxHeight, // For textarea autogrow
 maxWidth, }: ITextfield): JSX.Element;
 declare function TextfieldIcon({ icon, position }: ITextfieldIcon): JSX.Element;
-export { Textfield, TextfieldIcon };
+declare function SearchBar({ onChange, onFocus, value, placeholder, name, color, fullWidth, width, autoFocus, selectOnFocus, size, disabled, clearable }: ITextfield): JSX.Element;
+export { Textfield, TextfieldIcon, SearchBar };

package/lib/esm/index.d.ts

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

package/lib/esm/index.js

@@ -102,7 +102,7 @@ function Article(_a) {
     if (size && size in outerSizeClass) {
         outerStyles.push(outerSizeClass[size]);
     }
-    if (finalInnerSize && finalInnerSize in outerSizeClass) {
+    if (finalInnerSize && finalInnerSize in innerSizeClass) {
         innerStyles.push(innerSizeClass[finalInnerSize]);
     }
     if (titleSize && titleSize in titleSizeClass) {
@@ -2504,6 +2504,20 @@ function TextfieldIcon(_a) {
         positionClass = styles$6.icon_before;
     }
     return (React.createElement("i", { className: icon + ' fa-fw ' + positionClass }));
+}
+function SearchBar(_a) {
+    var onChange = _a.onChange, onFocus = _a.onFocus, value = _a.value, placeholder = _a.placeholder, name = _a.name, _b = _a.color, color = _b === void 0 ? 'grey' : _b, _c = _a.fullWidth, fullWidth = _c === void 0 ? true : _c, width = _a.width, _d = _a.autoFocus, autoFocus = _d === void 0 ? false : _d, _e = _a.selectOnFocus, selectOnFocus = _e === void 0 ? false : _e, _f = _a.size, size = _f === void 0 ? 'm' : _f, _g = _a.disabled, disabled = _g === void 0 ? false : _g, _h = _a.clearable, clearable = _h === void 0 ? true : _h;
+    function handleChange(ev) {
+        if (disabled)
+            return;
+        if (typeof onChange === 'function') {
+            onChange(ev);
+        }
+    }
+    if (!width && fullWidth) {
+        width = 'full';
+    }
+    return (React.createElement(Textfield, { type: "text", value: value, placeholder: placeholder, name: name ? name : '', autoFocus: autoFocus, selectOnFocus: selectOnFocus, onChange: function (ev) { return handleChange(ev); }, onFocus: onFocus, icon: 'fas fa-search', width: width, color: color, size: size, disabled: disabled, clearable: clearable }));
 }
 
 var css_248z$9 = ".Colors-module_grey_0__iltA2{color:var(--grey-0)}.Colors-module_grey_1__OAx42{color:var(--grey-1)}.Colors-module_grey_2__HTgeE{color:var(--grey-2)}.Colors-module_grey_3__Tn61S{color:var(--grey-3)}.Colors-module_grey_4__ElyQM{color:var(--grey-4)}.Colors-module_black__o5cgd{color:var(--black)}.Colors-module_white__cJ4Ep{color:var(--white)}.Colors-module_primary__SsfGv{color:var(--color-main)}.Colors-module_primary_dark__KExwk{color:var(--color-main-dark)}.Colors-module_primary_light__u-p91{color:var(--color-main-light)}.Colors-module_blue__5KWvt{color:var(--blue)}.Colors-module_red__gkPwy{color:var(--red)}.Colors-module_red_light__dAwaP{color:var(--red-light)}.Colors-module_green__2TTIa{color:var(--green)}.Colors-module_yellow__8ziSS{color:var(--yellow)}.Colors-module_success__xm38d{color:var(--color-success)}.Colors-module_success_light__W-Bnw{color:var(--color-success-light)}.Colors-module_alert__hyuj3{color:var(--color-alert)}.Colors-module_alert_light__rPu3i{color:var(--color-alert-light)}.Colors-module_warning__D5IEq{color:var(--color-warning)}.Colors-module_warning_light__2WOhU{color:var(--color-warning-light)}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbG9ycy5tb2R1bGUuY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDZCQUFVLG1CQUFxQixDQUMvQiw2QkFBVSxtQkFBcUIsQ0FDL0IsNkJBQVUsbUJBQXFCLENBQy9CLDZCQUFVLG1CQUFxQixDQUMvQiw2QkFBVSxtQkFBcUIsQ0FFL0IsNEJBQVMsa0JBQW9CLENBQzdCLDRCQUFTLGtCQUFvQixDQUU3Qiw4QkFBVyx1QkFBeUIsQ0FDcEMsbUNBQWdCLDRCQUE2QixDQUM3QyxvQ0FBaUIsNkJBQThCLENBRS9DLDJCQUFRLGlCQUFtQixDQUMzQiwwQkFBTyxnQkFBa0IsQ0FDekIsZ0NBQWEsc0JBQXdCLENBQ3JDLDRCQUFTLGtCQUFvQixDQUM3Qiw2QkFBVSxtQkFBcUIsQ0FFL0IsOEJBQVcsMEJBQTRCLENBQ3ZDLG9DQUFpQixnQ0FBa0MsQ0FFbkQsNEJBQVMsd0JBQTBCLENBQ25DLGtDQUFlLDhCQUFnQyxDQUUvQyw4QkFBVywwQkFBNEIsQ0FDdkMsb0NBQWlCLGdDQUFrQyIsImZpbGUiOiJDb2xvcnMubW9kdWxlLmNzcyIsInNvdXJjZXNDb250ZW50IjpbIi5ncmV5XzAgeyBjb2xvcjogdmFyKC0tZ3JleS0wKSB9XHJcbi5ncmV5XzEgeyBjb2xvcjogdmFyKC0tZ3JleS0xKSB9XHJcbi5ncmV5XzIgeyBjb2xvcjogdmFyKC0tZ3JleS0yKSB9XHJcbi5ncmV5XzMgeyBjb2xvcjogdmFyKC0tZ3JleS0zKSB9XHJcbi5ncmV5XzQgeyBjb2xvcjogdmFyKC0tZ3JleS00KSB9XHJcblxyXG4uYmxhY2sgeyBjb2xvcjogdmFyKC0tYmxhY2spIH1cclxuLndoaXRlIHsgY29sb3I6IHZhcigtLXdoaXRlKSB9XHJcblxyXG4ucHJpbWFyeSB7IGNvbG9yOiB2YXIoLS1jb2xvci1tYWluKSB9XHJcbi5wcmltYXJ5X2RhcmsgeyBjb2xvcjogdmFyKC0tY29sb3ItbWFpbi1kYXJrKX1cclxuLnByaW1hcnlfbGlnaHQgeyBjb2xvcjogdmFyKC0tY29sb3ItbWFpbi1saWdodCl9XHJcblxyXG4uYmx1ZSB7IGNvbG9yOiB2YXIoLS1ibHVlKSB9XHJcbi5yZWQgeyBjb2xvcjogdmFyKC0tcmVkKSB9XHJcbi5yZWRfbGlnaHQgeyBjb2xvcjogdmFyKC0tcmVkLWxpZ2h0KSB9XHJcbi5ncmVlbiB7IGNvbG9yOiB2YXIoLS1ncmVlbikgfVxyXG4ueWVsbG93IHsgY29sb3I6IHZhcigtLXllbGxvdykgfVxyXG5cclxuLnN1Y2Nlc3MgeyBjb2xvcjogdmFyKC0tY29sb3Itc3VjY2VzcykgfVxyXG4uc3VjY2Vzc19saWdodCB7IGNvbG9yOiB2YXIoLS1jb2xvci1zdWNjZXNzLWxpZ2h0KSB9XHJcblxyXG4uYWxlcnQgeyBjb2xvcjogdmFyKC0tY29sb3ItYWxlcnQpIH1cclxuLmFsZXJ0X2xpZ2h0IHsgY29sb3I6IHZhcigtLWNvbG9yLWFsZXJ0LWxpZ2h0KSB9XHJcblxyXG4ud2FybmluZyB7IGNvbG9yOiB2YXIoLS1jb2xvci13YXJuaW5nKSB9XHJcbi53YXJuaW5nX2xpZ2h0IHsgY29sb3I6IHZhcigtLWNvbG9yLXdhcm5pbmctbGlnaHQpIH1cclxuIl19 */";
@@ -3112,5 +3126,5 @@ var Theme = {
     margin: margin
 };
 
-export { AppHeader, AppLinkWrapper, AppLogo, AppRoot, Article, Btn, Checkbox, CheckboxList, Collapse, Confirm, Dropdown, Fieldset, IconBtn, List, ListItem, Listbox, ListboxItem, ListboxSep, Mask, Modal, ModalBody, ModalFooter, ModalHeader, Panel, PanelBody, PanelClose, PanelHeader, Picto, Portal, Radio, Section, Spinner, Switch, Textfield, TextfieldIcon, Theme };
+export { AppHeader, AppLinkWrapper, AppLogo, AppRoot, Article, Btn, Checkbox, CheckboxList, Collapse, Confirm, Dropdown, Fieldset, IconBtn, List, ListItem, Listbox, ListboxItem, ListboxSep, Mask, Modal, ModalBody, ModalFooter, ModalHeader, Panel, PanelBody, PanelClose, PanelHeader, Picto, Portal, Radio, SearchBar, Section, Spinner, Switch, Textfield, TextfieldIcon, Theme };
 //# sourceMappingURL=index.js.map