@evergis/uilib-gl 1.0.100 → 1.0.102

package/dist/organisms/DatePicker/Calendar.d.ts

@@ -1,3 +1,5 @@
-import { FC } from "react";
+import { CSSProperties, FC } from "react";
 import { IPopupContent } from "./types";
-export declare const Calendar: FC<IPopupContent>;
+export declare const Calendar: FC<IPopupContent & {
+    style?: CSSProperties;
+}>;

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

@@ -1,4 +1,4 @@
-import { MouseEvent, ReactNode } from "react";
+import { ReactNode } from "react";
 import { DatePickerDate } from "../DatePicker";
 import { IOption } from "../Menu";
 export declare enum ComparisonOperator {
@@ -64,9 +64,6 @@ export interface FilterInputProps {
     max?: number | Date;
     disabled?: boolean;
     prefix?: ReactNode;
-    fromTable?: boolean;
-    onInputClick?: (e: MouseEvent<HTMLInputElement>, option?: FilterTypeOption | null) => void;
     active?: boolean;
-    checkboxSelectedText?: string;
     menuMaxHeight?: string;
 }

package/dist/organisms/Preview/hooks/useImageSlideShow.d.ts

@@ -1,2 +1,2 @@
 import { IPreviewImage, ImageSlideShowType } from "../types";
-export declare const useImageSlideShow: (images: IPreviewImage[]) => ImageSlideShowType;
+export declare const useImageSlideShow: (images: IPreviewImage[], initialIndex?: number) => ImageSlideShowType;

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

@@ -15,6 +15,7 @@ export declare type ControlText = {
 };
 export declare type IPreviewProps = ControlText & {
     images?: IPreviewImage[];
+    initialIndex?: number;
     isOpen?: boolean;
     onClose?: VoidFunction;
     root?: HTMLElement | null;

package/dist/uilib-gl.esm.js

@@ -22812,7 +22812,8 @@ const PopupComponent$1 = _ref => {
   return React.createElement(Tippy, Object.assign({
     content: React.createElement(GlobalsContainer, null, React.createElement(CustomBlank, {
       maxHeight: maxHeight,
-      className: className
+      className: className,
+      style: blankStyles
     }, children)),
     hideOnClick: false,
     trigger: "manual",
@@ -23947,7 +23948,8 @@ const CalendarComponent = props => {
     locale,
     withHeader,
     onPickDate,
-    timeLabelText
+    timeLabelText,
+    style
   } = props;
   const [date, setDate] = useState(value || new Date());
   const [time$1, setTime] = useState({
@@ -23987,7 +23989,8 @@ const CalendarComponent = props => {
   }, [date]);
   return React.createElement(CalendarContainer, {
     width: "20rem",
-    height: withTime ? `calc(31.125rem - ${differenceHeaderHeight})` : `calc(26.5rem - ${differenceHeaderHeight})`
+    height: withTime ? `calc(31.125rem - ${differenceHeaderHeight})` : `calc(26.5rem - ${differenceHeaderHeight})`,
+    style: style
   }, withHeader && React.createElement(Header$2, {
     height: headerHeight,
     withTime: withTime,
@@ -25284,16 +25287,6 @@ const RangeSliderButtons = /*#__PURE__*/styled(Flex)`
 
 const DateRangePickerContainer = styled.div`
   padding-bottom: 0.5rem;
-  background: ${_ref => {
-  let {
-    theme: {
-      palette
-    }
-  } = _ref;
-  return palette.background;
-}};
-  border-radius: 2px;
-  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.15);
 
   ${InputLabel} {
     margin: 0 auto;
@@ -25861,7 +25854,6 @@ const RangeDateInputComponent = _ref => {
     onChange && onChange(newValue);
     toggleCalendarPopup();
   }, [endDate, onChange, startDate, toggleCalendarPopup]);
-  const isLoading = minDate === undefined && maxDate === undefined;
   return React.createElement(Popup$1, {
     placement: "bottom-start",
     isVisible: calendarIsOpen,
@@ -25869,7 +25861,7 @@ const RangeDateInputComponent = _ref => {
     zIndex: zIndex,
     anchor: ref => renderAnchor(ref),
     onShown: onShown
-  }, React.createElement(DateRangePickerContainer, null, isLoading && React.createElement(LinearProgress, null), isRange && withHeader && React.createElement(RangeHeader, {
+  }, React.createElement(DateRangePickerContainer, null, isRange && withHeader && React.createElement(RangeHeader, {
     range: [startDate, endDate],
     withTime: withTime,
     height: "100px"
@@ -25892,6 +25884,10 @@ const RangeDateInputComponent = _ref => {
     withTime: withTime,
     withHeader: withHeader,
     locale: Locale,
+    style: {
+      boxShadow: "none",
+      padding: 0
+    },
     onPickDate: value => setRangeDate && setRangeDate(value)
   }), isRange && withTime && React.createElement(DateRangeTime, {
     startDate: startDate,
@@ -25900,13 +25896,7 @@ const RangeDateInputComponent = _ref => {
     onChangeEndDate: handleChangeEndTime,
     firstDayText: firstDayText,
     lastDayText: lastDayText
-  }), React.createElement(RangeSliderButtons, null, React.createElement(IconButton, {
-    kind: "close",
-    onClick: toggleCalendarPopup
-  }), React.createElement(IconButton, {
-    kind: "success",
-    onClick: onRequestClose
-  }))));
+  })));
 };
 
 const RangeDateInput = /*#__PURE__*/memo(RangeDateInputComponent);
@@ -26130,14 +26120,6 @@ const FILTER_OPTIONS_COMMON = [{
   icon: "not_equals",
   value: ComparisonOperator.NotEquals,
   text: "Не равно"
-}, {
-  icon: "greater_than",
-  value: ComparisonOperator.GreaterThan,
-  text: "Больше"
-}, {
-  icon: "greater_or_equal",
-  value: ComparisonOperator.GreaterOrEquals,
-  text: "Больше или равно"
 }, {
   icon: "less_than",
   value: ComparisonOperator.LessThan,
@@ -26146,7 +26128,22 @@ const FILTER_OPTIONS_COMMON = [{
   icon: "less_or_equal",
   value: ComparisonOperator.LessOrEquals,
   text: "Меньше или равно"
+}, {
+  icon: "greater_than",
+  value: ComparisonOperator.GreaterThan,
+  text: "Больше"
+}, {
+  icon: "greater_or_equal",
+  value: ComparisonOperator.GreaterOrEquals,
+  text: "Больше или равно"
 }, ...FILTER_OPTIONS_INACTIVE];
+const FILTER_OPTIONS_NUMBER = [...FILTER_OPTIONS_COMMON];
+const FILTER_OPTIONS_DATE = [... /*#__PURE__*/FILTER_OPTIONS_COMMON.filter(_ref => {
+  let {
+    value
+  } = _ref;
+  return ![ComparisonOperator.Equals, ComparisonOperator.NotEquals].includes(value);
+})];
 
 /* eslint-disable max-lines */
 const FilterInput = /*#__PURE__*/memo( // eslint-disable-next-line max-lines-per-function
@@ -26168,10 +26165,7 @@ _ref => {
     max,
     disabled,
     prefix,
-    fromTable,
-    onInputClick,
     active,
-    checkboxSelectedText,
     menuMaxHeight
   } = _ref;
   const isNumber = inputType === "number";
@@ -26181,7 +26175,7 @@ _ref => {
   const [isMenuOpened, toggleMenu] = useToggle();
   const isDisabled = disabled ?? (selectedOption == null ? void 0 : selectedOption.inactive);
   const isSeveralValues = useMemo(() => selectedOption == null ? void 0 : selectedOption.checkboxes, [selectedOption]);
-  const defaultFilterType = isDate ? FILTER_OPTIONS_COMMON[0] : isNumber ? FILTER_OPTIONS_COMMON[0] : Array.isArray(options) && options.length ? options.find(item => item.value === defaultOption) || options[0] : null;
+  const defaultFilterType = isDate ? FILTER_OPTIONS_DATE[0] : isNumber ? FILTER_OPTIONS_NUMBER[0] : Array.isArray(options) && options.length ? options.find(item => item.value === defaultOption) || options[0] : null;
   const onFilterChange = useCallback((selectedFilterType, selectedFilterValue) => {
     if (!selectedFilterType) return;
     onChange && onChange(selectedFilterType, selectedFilterValue);
@@ -26256,21 +26250,6 @@ _ref => {
     case "double":
     case "int64":
     case "int32":
-      if (fromTable && selectedOption != null && selectedOption.range) {
-        return React.createElement(Input$1, {
-          label: label,
-          width: "100%",
-          iconBefore: prefix ?? renderMenu(options),
-          value: Array.isArray(filterValue) && filterValue[0] !== undefined ? filterValue.join(" - ") : "",
-          placeholder: selectedOption != null && selectedOption.inactive ? selectedOption == null ? void 0 : selectedOption.text : "0 - 0",
-          disabled: isDisabled,
-          onKeyDown: onKeyDown,
-          readOnly: true,
-          onMouseDown: e => onInputClick && onInputClick(e, selectedOption),
-          active: active
-        }, !isDisabled ? renderClearButton : undefined);
-      }
-
       return selectedOption != null && selectedOption.range ? React.createElement(RangeNumberInput, {
         label: label,
         value: filterValue,
@@ -26300,34 +26279,13 @@ _ref => {
       }, !isDisabled ? renderClearButton : undefined);
 
     case "string":
-      if (fromTable && selectedOption != null && selectedOption.checkboxes) {
-        return React.createElement(Input$1, {
-          label: label,
-          width: "100%",
-          iconBefore: prefix ?? renderMenu(options),
-          value: Array.isArray(filterValue) && filterValue.length ? `${filterValue.length} ${checkboxSelectedText ?? "выбрано"}` : "",
-          placeholder: selectedOption != null && selectedOption.inactive ? selectedOption == null ? void 0 : selectedOption.text : "",
-          disabled: isDisabled,
-          onKeyDown: onKeyDown,
-          readOnly: true,
-          onMouseDown: e => onInputClick && onInputClick(e, selectedOption),
-          active: active,
-          asChip: true,
-          onRemove: () => {
-            setFilterValue(null);
-            onFilterChange(selectedOption, null);
-            isMenuOpened && toggleMenu();
-          }
-        });
-      }
-
       return selectedOption != null && selectedOption.autocomplete ? React.createElement(AutoComplete$1, {
         label: label,
         asyncCallback: asyncCallback,
         zIndex: zIndex,
         width: "100%",
         iconBefore: prefix ?? renderMenu(options),
-        value: filterValue || "",
+        value: typeof (filterValue == null ? void 0 : filterValue.getMonth) === "function" ? "" : filterValue || "",
         placeholder: selectedOption != null && selectedOption.inactive ? selectedOption.text : "",
         disableInputOnly: isDisabled,
         onKeyDown: onKeyDown,
@@ -27286,8 +27244,12 @@ const PreviewSlideShow = /*#__PURE__*/memo(_ref => {
   })));
 });
 
-const useImageSlideShow = images => {
-  const [chosenImageIndex, setChosenImageIndex] = useState(0);
+const useImageSlideShow = function (images, initialIndex) {
+  if (initialIndex === void 0) {
+    initialIndex = 0;
+  }
+
+  const [chosenImageIndex, setChosenImageIndex] = useState(initialIndex);
   const [fullscreen, setFullscreen] = useState(false);
   const chosenImage = useMemo(() => images[chosenImageIndex], [chosenImageIndex, images]);
   const prev = useCallback(() => {
@@ -27321,6 +27283,7 @@ const useImageSlideShow = images => {
 const PreviewComponent = _ref => {
   let {
     images = [],
+    initialIndex = 0,
     isOpen,
     root,
     onClose,
@@ -27340,7 +27303,7 @@ const PreviewComponent = _ref => {
     prev,
     next,
     toggleFullscreen
-  }] = useImageSlideShow(images);
+  }] = useImageSlideShow(images, initialIndex);
   const [failedSrcs, setFailedSrcs] = useState({});
   const handleImageError = useCallback(src => {
     if (!src) return;