onekijs-ui 0.19.11 → 0.19.13

package/dist/index.module.js

@@ -1856,10 +1856,10 @@ const getColWidths = (gap, theme) => {
         const content = `{ flex: 0 0 calc((100% / 12) * ${size}  - ${gap}); max-width: calc((100% / 12) * ${size}  - ${gap}); }`;
         if (variant) {
             const breakpoint = theme.breakpoints[variant];
-            return `@media (min-width: ${breakpoint}) { .o-col-${variant}-${size} ${content} }`;
+            return `@media (min-width: ${breakpoint}) { & > .o-col-${variant}-${size} ${content} }`;
         }
         else {
-            return `.o-col-${size} ${content}`;
+            return `& > .o-col-${size} ${content}`;
         }
     };
     const colWidths = [];
@@ -2386,7 +2386,14 @@ var SuccessIcon = styled(SuccessIconComponent) `
 `;
 
 const FormCheckboxValueDisplayer = ({ value }) => {
-    return (React.createElement("div", { style: { display: 'flex', alignItems: 'center', marginTop: value ? '2px' : '4px' } }, value ? React.createElement(SuccessIcon, null) : React.createElement(RemoveIcon$1, { color: "red", width: "14px", height: "14px" })));
+    if (value) {
+        return (React.createElement("div", { style: { display: 'flex', alignItems: 'center', marginTop: value ? '2px' : '4px' } },
+            React.createElement(SuccessIcon, null),
+            React.createElement("span", { style: { marginLeft: '5px' } }, "Yes")));
+    }
+    return (React.createElement("div", { style: { display: 'flex', alignItems: 'center', marginTop: value ? '2px' : '4px' } },
+        React.createElement(RemoveIcon$1, { color: "red", width: "14px", height: "14px" }),
+        React.createElement("span", { style: { marginLeft: '5px' } }, "No")));
 };
 const FormCheckbox = React.memo((props) => {
     const [fieldLayoutProps, fieldComponentProps] = useFieldLayout(Object.assign({}, props, {
@@ -6578,7 +6585,7 @@ const SelectInputComponent = ({ setOpen, open, placeholder, loading, fetching, I
             multiple && React.createElement(SelectTokensComponent$1, { tokens: tokens, onRemove: onRemove, maxDisplayTokens: maxDisplayTokens }),
             React.createElement("div", { className: "o-select-input-wrapper" },
                 React.createElement("span", { ref: autoSizeRef, className: "o-select-input-auto-sizer" }),
-                React.createElement("input", { ref: inputRef, placeholder: placeholder, className: "o-select-input", onFocus: onFocus, onBlur: onBlur, onChange: handleChange, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, value: searchable ? proxyValue : '', onClick: onClick, autoCapitalize: "none", autoComplete: "one-time-code", autoCorrect: "off", spellCheck: "false", disabled: disabled }),
+                React.createElement("input", { ref: inputRef, placeholder: placeholder, className: "o-select-input", onFocus: onFocus, onBlur: onBlur, onChange: handleChange, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, value: searchable ? proxyValue : '', onClick: onClick, autoCapitalize: "none", autoComplete: "off", autoCorrect: "off", spellCheck: "false", disabled: disabled }),
                 !searchable && (React.createElement("span", { className: "o-select-input o-select-input-text", onClick: onClick }, multiple ? '' : proxyValue || '')))),
         !multiple && nullable && value && !disabled && (React.createElement("div", { className: "o-select-remover", onClick: onNullify }, "\u2716")),
         React.createElement(IconComponent, { onClick: onIconClick, open: open, loading: loading, fetching: fetching })));
@@ -7111,7 +7118,7 @@ const ControlledSelectComponent = ({ attachDropdownToBody = false, className = '
         React.createElement("div", { className: classNames, ref: containerRef, onMouseDown: () => (stateRef.current.keepFocus = true), onMouseUp: () => (stateRef.current.keepFocus = false) },
             React.createElement(InputComponent, { placeholder: placeholder, setOpen: setOpen, open: open, loading: loading, fetching: fetching, onChange: onInputChange, value: autoCompleteSearch ? (proxyItem ? proxyItem.text : '') : controller.getSearch() || '', focus: focus, onFocus: onFocus, onBlur: onBlur, tokens: tokens, multiple: multiple, onRemove: onRemoveToken, autoFocus: autoFocus, style: style, nullable: nullable, IconComponent: IconComponent, searchable: searchable, clickable: clickable, minChars: minChars, ref: triggerRef, disabled: disabled, autoCompleteSearch: autoCompleteSearch, maxDisplayTokens: maxDisplayTokens }),
             React.createElement(Dropdown, { attachToBody: attachDropdownToBody, open: open, distance: 0, animationTimeout: animationMs, onDropStart: onOpen, onCollapseDone: onClosed, placement: "bottom-start", widthModifier: dropdownWidthModifier, width: service.state.width ? `${service.state.width}px` : undefined, className: className, zIndex: attachDropdownToBody ? 2000 : undefined },
-                React.createElement(ListComponent, { className: "o-select-options", height: height, ItemComponent: multiple ? MultiOptionsComponent : OptionComponent, ItemLoadingComponent: OptionLoadingComponent, ItemContentComponent: OptionContentComponent, NotFoundComponent: NotFoundComponent, onItemSelect: onSelect, onItemUnselect: onSelect, controller: controller, keyboardNavigable: true, multiSelect: multiple, onItemActivate: onActivate, optionsRef: optionsRef })))));
+                React.createElement(ListComponent, { className: "o-select-options", height: height, ItemComponent: multiple ? MultiOptionsComponent : OptionComponent, ItemLoadingComponent: OptionLoadingComponent, ItemContentComponent: OptionContentComponent, NotFoundComponent: NotFoundComponent, onItemSelect: onSelect, onItemUnselect: onSelect, controller: controller, keyboardNavigable: true, multiSelect: multiple, onItemActivate: onActivate, optionsRef: optionsRef, preload: preload, increment: increment })))));
 };
 
 const ArraySelectComponent = (props) => {
@@ -9997,11 +10004,11 @@ const TableInputFilterComponent = ({ column, operators, }) => {
 TableInputFilterComponent.displayName = 'TableInputFilterComponent';
 
 const operators$2 = [
-    { text: 'contains', operator: 'like', not: false },
+    { text: 'contains', operator: 'i_like', not: false },
     { text: 'ends with', operator: 'ew', not: false },
     { text: 'equals', operator: 'eq', not: false },
     { text: 'starts with', operator: 'sw', not: false },
-    { text: 'does not contain', operator: 'like', not: true },
+    { text: 'does not contain', operator: 'i_like', not: true },
     { text: 'does not end with', operator: 'ew', not: true },
     { text: 'is not equal', operator: 'eq', not: true },
     { text: 'does not start with', operator: 'sw', not: true },