chore: Nullable Core API Added.. (#315)

juspay · Jan 31, 2024 · c8ae50b · c8ae50b
1 parent 1ff05f8
commit c8ae50b
Show file tree

Hide file tree

Showing 118 changed files with 339 additions and 350 deletions.
diff --git a/src/components/ACLButton.resi b/src/components/ACLButton.resi
@@ -27,6 +27,6 @@ let make: (
   ~customBackColor: string=?,
   ~showBtnTextToolTip: bool=?,
   ~access: AuthTypes.authorization=?,
-  ~tooltipText: Js.String2.t=?,
+  ~tooltipText: string=?,
   ~toolTipPosition: ToolTip.toolTipPosition=?,
 ) => React.element
diff --git a/src/components/AdvancedSearchComponent.res b/src/components/AdvancedSearchComponent.res
@@ -32,7 +32,7 @@ let make = (
     ->then(json => {
       let jsonData = json->JSON.Decode.object->Option.flatMap(dict => dict->Dict.get("rows"))
       let newData = switch jsonData {
-      | Some(actualJson) => actualJson->getObjects->Array.map(obj => obj->Js.Nullable.return)
+      | Some(actualJson) => actualJson->getObjects->Array.map(obj => obj->Nullable.make)
       | None => []
       }
 
@@ -51,13 +51,13 @@ let make = (
       | None => ()
       }
       setShowModal(_ => false)
-      form.reset(JSON.Encode.object(Dict.make())->Js.Nullable.return)
-      json->Js.Nullable.return->resolve
+      form.reset(JSON.Encode.object(Dict.make())->Nullable.make)
+      json->Nullable.make->resolve
     })
     ->catch(_err => {
       showToast(~message="Something went wrong. Please try again", ~toastType=ToastError, ())
 
-      Js.Nullable.null->resolve
+      Nullable.null->resolve
     })
   }
 

diff --git a/src/components/AdvancedSearchModal.res b/src/components/AdvancedSearchModal.res
@@ -73,12 +73,12 @@ module AdvanceSearch = {
         | _ =>
           showToast(~message="Something went wrong. Please try again", ~toastType=ToastError, ())
         }
-        json->Js.Nullable.return->resolve
+        json->Nullable.make->resolve
       })
       ->catch(_err => {
         showToast(~message="Something went wrong. Please try again", ~toastType=ToastError, ())
 
-        Js.Nullable.null->resolve
+        Nullable.null->resolve
       })
     }
 

diff --git a/src/components/Button.res b/src/components/Button.res
@@ -364,8 +364,8 @@ let make = (
   ~tooltipText=?,
   ~toolTipPosition=ToolTip.Top,
 ) => {
-  let parentRef = React.useRef(Js.Nullable.null)
-  let dummyRef = React.useRef(Js.Nullable.null)
+  let parentRef = React.useRef(Nullable.null)
+  let dummyRef = React.useRef(Nullable.null)
   let buttonRef = disableRipple ? dummyRef : parentRef
   let rippleEffect = RippleEffectBackground.useHorizontalRippleHook(buttonRef)
   if !isPhoneDropdown {

diff --git a/src/components/Button.resi b/src/components/Button.resi
@@ -116,6 +116,6 @@ let make: (
   ~isPhoneDropdown: bool=?,
   ~showBtnTextToolTip: bool=?,
   ~showTooltip: bool=?,
-  ~tooltipText: Js.String2.t=?,
+  ~tooltipText: string=?,
   ~toolTipPosition: ToolTip.toolTipPosition=?,
 ) => React.element
diff --git a/src/components/CustomCharts/HighchartBarChart.res b/src/components/CustomCharts/HighchartBarChart.res
@@ -31,7 +31,7 @@ module HighBarChart1D = {
       let barOption: JSON.t = {
         "chart": Highcharts.makebarChart(
           ~chartType={isHrizonatalBar ? "bar" : "column"},
-          ~backgroundColor=Js.Nullable.null,
+          ~backgroundColor=Nullable.null,
           (),
         ),
         "title": {

diff --git a/src/components/CustomCharts/HighchartTimeSeriesChart.res b/src/components/CustomCharts/HighchartTimeSeriesChart.res
@@ -7,7 +7,7 @@ type ele
 external toElement: Dom.element => ele = "%identity"
 
 @send
-external querySelectorAll: (DOMUtils.document, string) => array<Js.Nullable.t<domElement>> =
+external querySelectorAll: (DOMUtils.document, string) => array<Nullable.t<domElement>> =
   "querySelectorAll"
 
 @send external addEventListener: ('a, string, unit => unit) => unit = "addEventListener"
@@ -239,7 +239,7 @@ module LineChart1D = {
             data: chartDataItem.data->Array.map(
               item => {
                 let (x, y, _) = item
-                (x, y->Js.Nullable.return)
+                (x, y->Nullable.make)
               },
             ),
             legendIndex: chartDataItem.legendIndex,
@@ -468,7 +468,7 @@ module LineChart1D = {
               "type": chartType,
               "margin": None,
               "zoomType": "x",
-              "backgroundColor": Js.Nullable.null,
+              "backgroundColor": Nullable.null,
               "height": Some(chartHeight),
               "events": {
                 render: (
@@ -538,7 +538,7 @@ module LineChart1D = {
                 },
               },
               "lineWidth": 1.2,
-              "threshold": Js.Nullable.null,
+              "threshold": Nullable.null,
             }->genericObjectOrRecordToJson,
             "line": {
               "pointStart": None,
@@ -550,7 +550,7 @@ module LineChart1D = {
                 },
               },
               "lineWidth": 1.2,
-              "threshold": Js.Nullable.null,
+              "threshold": Nullable.null,
             }->genericObjectOrRecordToJson,
             "boxplot": {
               "visible": false,
@@ -716,7 +716,7 @@ module LineChart1D = {
                   : [GroupBY, fistLegend, secondLegend]}
                 title="High Chart Time Series Chart"
                 hideTitle=true
-                actualData={legendData->Array.map(Js.Nullable.return)}
+                actualData={legendData->Array.map(Nullable.make)}
                 entity=legendTableEntity
                 resultsPerPage=15
                 totalResults={legendData->Array.length}

diff --git a/src/components/DatePicker.res b/src/components/DatePicker.res
@@ -20,7 +20,7 @@ let make = (
   ~showSeconds=true,
   ~fullLength=?,
 ) => {
-  let dropdownRef = React.useRef(Js.Nullable.null)
+  let dropdownRef = React.useRef(Nullable.null)
   let (isExpanded, setIsExpanded) = React.useState(_ => false)
   let customTimezoneToISOString = TimeZoneHook.useCustomTimeZoneToIsoString()
   let isoStringToCustomTimeZone = TimeZoneHook.useIsoStringToCustomTimeZone()

diff --git a/src/components/DateRangePicker.res b/src/components/DateRangePicker.res
@@ -242,8 +242,8 @@ module Base = {
       None
     }, (localStartDate, localEndDate))
 
-    let dateRangeRef = React.useRef(Js.Nullable.null)
-    let dropdownRef = React.useRef(Js.Nullable.null)
+    let dateRangeRef = React.useRef(Nullable.null)
+    let dropdownRef = React.useRef(Nullable.null)
 
     useErroryValueResetter(startDateVal, setStartDateVal)
     useErroryValueResetter(endDateVal, setEndDateVal)

diff --git a/src/components/DynamicChart.res b/src/components/DynamicChart.res
@@ -802,7 +802,7 @@ let make = (
     <div>
       <ReactFinalForm.Form
         subscription=ReactFinalForm.subscribeToValues
-        onSubmit={(_, _) => Js.Nullable.null->Promise.resolve}
+        onSubmit={(_, _) => Nullable.null->Promise.resolve}
         render={({handleSubmit}) => {
           <form onSubmit={handleSubmit}>
             <AddDataAttributes attributes=[("data-chart-segment", "Chart-1")]>

diff --git a/src/components/DynamicTable.res b/src/components/DynamicTable.res
@@ -251,11 +251,11 @@ let make = (
     })
     ->then(json => {
       switch json->JSON.Classify.classify {
-      | Array(_arr) => json->getObjects->Array.map(obj => obj->Js.Nullable.return)->setNewData
+      | Array(_arr) => json->getObjects->Array.map(obj => obj->Nullable.make)->setNewData
       | Object(dict) => {
           let flattenedObject = JsonFlattenUtils.flattenObject(json, false)
           switch Dict.get(flattenedObject, dataKey) {
-          | Some(x) => x->getObjects->Array.map(obj => obj->Js.Nullable.return)->setNewData
+          | Some(x) => x->getObjects->Array.map(obj => obj->Nullable.make)->setNewData
           | None => ()
           }
           let summary = switch Dict.get(dict, summaryKey) {
@@ -423,7 +423,7 @@ let make = (
         let newData = switch data {
         | Some(data) =>
           data->Array.filter(item => {
-            switch item->Js.Nullable.toOption {
+            switch item->Nullable.toOption {
             | Some(val) => filterCheck(val, keys)
             | _ => false
             }

diff --git a/src/components/DynamicTableUtils.res b/src/components/DynamicTableUtils.res
@@ -39,7 +39,7 @@ let useDateFormatConvertor = () => {
 }
 
 let filteredData = (
-  actualData: array<Js.Nullable.t<'t>>,
+  actualData: array<Nullable.t<'t>>,
   columnFilter: Dict.t<array<JSON.t>>,
   visibleColumns: option<array<'colType>>,
   entity: EntityType.entityType<'colType, 't>,
@@ -48,7 +48,7 @@ let filteredData = (
   let selectedFiltersKeys = columnFilter->Dict.keysToArray
   if selectedFiltersKeys->Array.length > 0 {
     actualData->Array.filter(item => {
-      switch item->Js.Nullable.toOption {
+      switch item->Nullable.toOption {
       | Some(row) =>
         // either to take this row or not if any filter is present then take row or else drop
         let rowDict = row->Identity.genericTypeToDictOfJson

diff --git a/src/components/DynamicTabs.res b/src/components/DynamicTabs.res
@@ -175,7 +175,7 @@ module IndicationArrow = {
     let onClick = {
       _ev =>
         refElement.current
-        ->Js.Nullable.toOption
+        ->Nullable.toOption
         ->Option.forEach(input =>
           input->scrollIntoView(_, {behavior: "smooth", block: "nearest", inline: "nearest"})
         )
@@ -206,8 +206,8 @@ module IndicationArrow = {
   }
 }
 
-let getBoundingRectInfo = (ref: React.ref<Js.Nullable.t<Dom.element>>, getter) => {
-  ref.current->Js.Nullable.toOption->Option.map(getBoundingClientRect)->Option.mapOr(0, getter)
+let getBoundingRectInfo = (ref: React.ref<Nullable.t<Dom.element>>, getter) => {
+  ref.current->Nullable.toOption->Option.map(getBoundingClientRect)->Option.mapOr(0, getter)
 }
 
 @react.component
@@ -400,9 +400,9 @@ let make = (
   let (isLeftArrowVisible, setIsLeftArrowVisible) = React.useState(() => false)
   let (isRightArrowVisible, setIsRightArrowVisible) = React.useState(() => true)
 
-  let firstTabRef = React.useRef(Js.Nullable.null)
-  let scrollRef = React.useRef(Js.Nullable.null)
-  let lastTabRef = React.useRef(Js.Nullable.null)
+  let firstTabRef = React.useRef(Nullable.null)
+  let scrollRef = React.useRef(Nullable.null)
+  let lastTabRef = React.useRef(Nullable.null)
 
   let onScroll = _ev => {
     setTabScroll(
@@ -481,7 +481,7 @@ let make = (
 
       Js.Global.setTimeout(_ => {
         lastTabRef.current
-        ->Js.Nullable.toOption
+        ->Nullable.toOption
         ->Option.forEach(input =>
           input->scrollIntoView(_, {behavior: "smooth", block: "nearest", inline: "start"})
         )

diff --git a/src/components/HSwitchFeedBackModal.res b/src/components/HSwitchFeedBackModal.res
@@ -28,7 +28,7 @@ let make = (
     | _ => ()
     }
     setShowModal(_ => false)
-    Js.Nullable.null
+    Nullable.null
   }
 
   let showLabel = switch modalType {

diff --git a/src/components/HSwitchSingleStatWidget.res b/src/components/HSwitchSingleStatWidget.res
@@ -36,9 +36,9 @@ let make = (
     ->Array.map(item => {
       let (x, y) = item
       if y === 0. && filterNullVals {
-        (x, Js.Nullable.null)
+        (x, Nullable.null)
       } else {
-        (x, y->Js.Nullable.return)
+        (x, y->Nullable.make)
       }
     })
   }, [data])
@@ -82,7 +82,7 @@ let make = (
           "margin": Some([0, 0, 0, 0]),
           "marginLeft": isHomePage ? Some(-5) : None,
           "marginRight": isHomePage ? Some(-5) : None,
-          "backgroundColor": Js.Nullable.null,
+          "backgroundColor": Nullable.null,
           "height": (isHomePage ? "80" : "50")->Some,
           "width": isHomePage ? None : Some("105"),
           "events": None,

diff --git a/src/components/HyperSwitchAuthWrapper.res b/src/components/HyperSwitchAuthWrapper.res
@@ -21,7 +21,7 @@ let make = (~children) => {
     | list{"register"} =>
       setAuthStatus(LoggedOut)
     | _ =>
-      switch LocalStorage.getItem("login")->Js.Nullable.toOption {
+      switch LocalStorage.getItem("login")->Nullable.toOption {
       | Some(token) =>
         if !(token->LogicUtils.isEmptyString) {
           setAuthStatus(LoggedIn(HyperSwitchAuthTypes.getDummyAuthInfoForToken(token)))

diff --git a/src/components/InfraCalendarList.res b/src/components/InfraCalendarList.res
@@ -52,11 +52,11 @@ module YearItem = {
   @react.component
   let make = (~tempYear, ~year, ~handleChangeMonthBy, ~setCurrDate, ~tempMonth) => {
     let isSelected = year->Int.toFloat === tempYear
-    let yearRef = React.useRef(Js.Nullable.null)
+    let yearRef = React.useRef(Nullable.null)
 
     React.useEffect1(() => {
       if isSelected {
-        switch yearRef.current->Js.Nullable.toOption {
+        switch yearRef.current->Nullable.toOption {
         | Some(element) => element->scrollIntoView
         | None => ()
         }
@@ -96,11 +96,11 @@ module MonthItem = {
     ~mon: InfraCalendar.month,
   ) => {
     let isSelected = index->Int.toFloat === tempMonth
-    let monthRef = React.useRef(Js.Nullable.null)
+    let monthRef = React.useRef(Nullable.null)
 
     React.useEffect1(() => {
       if isSelected {
-        switch monthRef.current->Js.Nullable.toOption {
+        switch monthRef.current->Nullable.toOption {
         | Some(element) => element->scrollIntoView
         | None => ()
         }