@gisce/react-ooui 1.5.14 → 1.5.15-0

package/dist/widgets/views/searchFilter/DateTimeRangePicker.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
 import { WidgetProps } from '../../../types';
+import React from "react";
 export declare const DateTimeRangePicker: (props: WidgetProps) => React.JSX.Element;
 //# sourceMappingURL=DateTimeRangePicker.d.ts.map

package/dist/widgets/views/searchFilter/DateTimeRangePicker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["DateTimeRangePicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAKtC,eAAO,MAAM,mBAAmB,UAAW,WAAW,sBAoDrD,CAAC"}
+{"version":3,"file":"DateTimeRangePicker.d.ts","sourceRoot":"","sources":["DateTimeRangePicker.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAEtC,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,eAAO,MAAM,mBAAmB,UAAW,WAAW,sBAgDrD,CAAC"}

package/dist/widgets/views/searchFilter/SearchFilter.d.ts

@@ -1,5 +1,5 @@
-import React from "react";
 import { SearchFields } from '../../../types';
+import React from "react";
 declare type Props = {
     fields: any;
     searchFields: SearchFields;

package/dist/widgets/views/searchFilter/SearchFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["SearchFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAY3D,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAOvC,aAAK,KAAK,GAAG;IACX,MAAM,EAAE,GAAG,CAAC;IACZ,YAAY,EAAE,YAAY,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,iBAAS,YAAY,CAAC,KAAK,EAAE,KAAK,qBAyHjC;AAED,eAAe,YAAY,CAAC"}
+{"version":3,"file":"SearchFilter.d.ts","sourceRoot":"","sources":["SearchFilter.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAKvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,aAAK,KAAK,GAAG;IACX,MAAM,EAAE,GAAG,CAAC;IACZ,YAAY,EAAE,YAAY,CAAC;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,WAAW,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,qBAAqB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACjD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,GAAG,CAAC;IACnB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AAEF,iBAAS,YAAY,CAAC,KAAK,EAAE,KAAK,qBA0HjC;AAED,eAAe,YAAY,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gisce/react-ooui",
-  "version": "1.5.14",
+  "version": "1.5.15-0",
   "files": [
     "dist",
     "src",

package/src/widgets/views/searchFilter/DateTimeRangePicker.tsx

@@ -1,12 +1,9 @@
-import { DatePicker, TimePicker } from "antd";
-
-import React from "react";
+import { DatePicker, TimePicker, Row, Col } from "antd";
 import Field from "@/common/Field";
 import { Field as FieldOoui, Label as LabelOoui } from "@gisce/ooui";
 import { WidgetProps } from "@/types";
 import Label from "@/widgets/base/Label";
-
-import { Row, Col } from "antd";
+import React from "react";
 
 export const DateTimeRangePicker = (props: WidgetProps) => {
   const { ooui, showLabel = false } = props;
@@ -50,14 +47,41 @@ export const DateTimeRangePicker = (props: WidgetProps) => {
         </Col>
         <Col>
           <Field {...props} ooui={fields[1]} showLabel={false}>
-            <TimePicker.RangePicker
-              className="w-60"
-              allowEmpty={[true, true]}
-              format={"HH:mm"}
-            ></TimePicker.RangePicker>
+            <TimeRangePicker />
           </Field>
         </Col>
       </Row>
     </>
   );
 };
+
+const TimeRangePicker = ({
+  value,
+  onChange,
+}: {
+  value?: any;
+  onChange?: (newValue: any) => void;
+}) => {
+  return (
+    <div style={{ marginTop: 5 }}>
+      <TimePicker
+        placeholder="Start time"
+        style={{ width: 115, marginRight: 10 }}
+        format={"HH:mm"}
+        value={value?.[0]}
+        onChange={(newValue) => {
+          onChange?.([newValue, value?.[1]]);
+        }}
+      />
+      <TimePicker
+        placeholder="End time"
+        style={{ width: 115 }}
+        format={"HH:mm"}
+        value={value?.[1]}
+        onChange={(newValue) => {
+          onChange?.([value?.[0], newValue]);
+        }}
+      />
+    </div>
+  );
+};

package/src/widgets/views/searchFilter/SearchFilter.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { Form, Row, Col, Alert, theme } from "antd";
 import useDeepCompareEffect from "use-deep-compare-effect";
 
@@ -15,6 +15,7 @@ import { SearchParams } from "./SearchParams";
 
 import { getParamsForFields } from "@/helpers/searchHelper";
 import Measure from "react-measure";
+import React from "react";
 const { useToken } = theme;
 
 type Props = {
@@ -60,6 +61,7 @@ function SearchFilter(props: Props) {
 
   useEffect(() => {
     form.setFieldsValue(searchValues);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [searchValues]);
 
   const getRowsAndCols = () => {