@evergis/uilib-gl 1.0.105 → 1.0.107

package/dist/organisms/FilterInput/types.d.ts

@@ -35,6 +35,14 @@ export declare type FilterTypeOption = IOption & {
     checkboxes?: boolean;
 };
 export declare type FilterValue = [DatePickerDate, DatePickerDate] | Date | [number | undefined, number | undefined] | number | string | string[] | boolean | null | undefined;
+export interface FilterBooleanInputSettings {
+    trueText?: string;
+    falseText?: string;
+    nullText?: string;
+}
+export interface FilterInputSettings {
+    boolean: FilterBooleanInputSettings;
+}
 export interface FilterInputProps {
     label?: string;
     value?: FilterValue;
@@ -54,4 +62,5 @@ export interface FilterInputProps {
     prefix?: ReactNode;
     active?: boolean;
     menuMaxHeight?: string;
+    settings?: FilterInputSettings;
 }

package/dist/uilib-gl.esm.js

@@ -26228,6 +26228,8 @@ const FILTER_OPTIONS_BOOL = [{
 /* eslint-disable max-lines */
 const FilterInput = /*#__PURE__*/memo( // eslint-disable-next-line max-lines-per-function
 _ref => {
+  var _settings$boolean, _settings$boolean2, _settings$boolean3;
+
   let {
     value: propValue,
     type: inputType,
@@ -26246,7 +26248,8 @@ _ref => {
     disabled,
     prefix,
     active,
-    menuMaxHeight
+    menuMaxHeight,
+    settings
   } = _ref;
   const [filterValue, setFilterValue] = useState(null);
   const [isMenuOpened, toggleMenu] = useToggle();
@@ -26438,20 +26441,23 @@ _ref => {
       return React.createElement(Dropdown, {
         label: label,
         options: [{
-          text: "True",
+          text: (settings == null ? void 0 : (_settings$boolean = settings.boolean) == null ? void 0 : _settings$boolean.trueText) ?? "true",
           value: "true"
         }, {
-          text: "False",
+          text: (settings == null ? void 0 : (_settings$boolean2 = settings.boolean) == null ? void 0 : _settings$boolean2.falseText) ?? "false",
           value: "false"
+        }, {
+          text: (settings == null ? void 0 : (_settings$boolean3 = settings.boolean) == null ? void 0 : _settings$boolean3.nullText) ?? "null",
+          value: "null"
         }],
-        value: filterValue ? "true" : "false",
+        value: filterValue === true ? "true" : filterValue === false ? "false" : "null",
         zIndex: zIndex,
         disabled: isDisabled,
         width: "100%",
         onChange: value => {
-          var _value$;
+          var _value$, _value$2;
 
-          onFilterChange(FILTER_OPTIONS_BOOL[0], (value == null ? void 0 : (_value$ = value[0]) == null ? void 0 : _value$.value) === "true");
+          onFilterChange(FILTER_OPTIONS_BOOL[0], (value == null ? void 0 : (_value$ = value[0]) == null ? void 0 : _value$.value) === "true" ? true : (value == null ? void 0 : (_value$2 = value[0]) == null ? void 0 : _value$2.value) === "false" ? false : null);
         },
         menuMaxHeight: menuMaxHeight
       });
@@ -26993,6 +26999,7 @@ const PreviewImageContainer = styled.div`
   display: flex;
   box-sizing: border-box;
   justify-content: center;
+  align-items: center;
 `;
 const PreviewImage = /*#__PURE__*/styled(Image)`
   width: 100%;
@@ -27019,6 +27026,7 @@ const ArrowsContainer = styled.div`
   justify-content: space-between;
 `;
 const PreviewOverlay = /*#__PURE__*/styled(DialogOverlay)`
+  background: rgba(17, 37, 47, 0.85);
   overflow: hidden;
 
   @media (max-width: 768px) {
@@ -27109,11 +27117,13 @@ const PreviewImageError = styled.div`
   align-items: center;
   justify-content: center;
   gap: 0.5rem;
+  max-width: 40rem;
+  max-height: 22.5rem;
   width: 100%;
   height: 100%;
-  color: rgba(255, 255, 255, 0.54);
-  background: rgba(0, 0, 0, 0.24);
+  background: rgba(255, 255, 255, 0.06);
   border-radius: 0.25rem;
+  color: rgba(255, 255, 255, 0.54);
 
   ${Icon} {
     width: 3rem;