@equinor/eds-core-react 0.37.0 → 0.38.0

package/dist/esm/components/Autocomplete/Autocomplete.js

@@ -8,12 +8,12 @@ import { Icon } from '../Icon/index.js';
 import { Progress } from '../Progress/index.js';
 import { close, arrow_drop_up, arrow_drop_down } from '@equinor/eds-icons';
 import { multiSelect, selectTokens } from './Autocomplete.tokens.js';
-import { bordersTemplate, useToken, useIsomorphicLayoutEffect, useIsInDialog } from '@equinor/eds-utils';
+import { bordersTemplate, useToken, useIsomorphicLayoutEffect } from '@equinor/eds-utils';
 import { AutocompleteOption } from './Option.js';
-import { useFloating, offset, flip, shift, size, useInteractions, autoUpdate, FloatingPortal } from '@floating-ui/react';
+import { useFloating, offset, flip, size, useInteractions, autoUpdate } from '@floating-ui/react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import pickBy from '../../node_modules/.pnpm/ramda@0.29.1/node_modules/ramda/es/pickBy.js';
-import mergeWith from '../../node_modules/.pnpm/ramda@0.29.1/node_modules/ramda/es/mergeWith.js';
+import pickBy from '../../node_modules/.pnpm/ramda@0.30.0/node_modules/ramda/es/pickBy.js';
+import mergeWith from '../../node_modules/.pnpm/ramda@0.30.0/node_modules/ramda/es/mergeWith.js';
 import { HelperText as TextfieldHelperText } from '../InputWrapper/HelperText/HelperText.js';
 import { useEds } from '../EdsProvider/eds.context.js';
 import { Label } from '../Label/Label.js';
@@ -30,19 +30,25 @@ const StyledList = styled(List).withConfig({
 })(({
   theme
 }) => css(["background-color:", ";box-shadow:", ";", " overflow-y:auto;overflow-x:hidden;padding:0;display:grid;@supports (-moz-appearance:none){scrollbar-width:thin;}"], theme.background, theme.boxShadow, bordersTemplate(theme.border)));
+const StyledPopover = styled('div').withConfig({
+  shouldForwardProp: () => true //workaround to avoid warning until popover gets added to react types
+}).withConfig({
+  displayName: "Autocomplete__StyledPopover",
+  componentId: "sc-yvif0e-2"
+})(["inset:unset;border:0;padding:0;margin:0;overflow:visible;"]);
 const HelperText = styled(TextfieldHelperText).withConfig({
   displayName: "Autocomplete__HelperText",
-  componentId: "sc-yvif0e-2"
+  componentId: "sc-yvif0e-3"
 })(["margin-top:8px;margin-left:8px;"]);
 const AutocompleteNoOptions = styled(AutocompleteOption).withConfig({
   displayName: "Autocomplete__AutocompleteNoOptions",
-  componentId: "sc-yvif0e-3"
+  componentId: "sc-yvif0e-4"
 })(({
   theme
 }) => css(["color:", ";"], theme.entities.noOptions.typography.color));
 const StyledButton = styled(Button).withConfig({
   displayName: "Autocomplete__StyledButton",
-  componentId: "sc-yvif0e-4"
+  componentId: "sc-yvif0e-5"
 })(({
   theme: {
     entities: {
@@ -126,6 +132,20 @@ const findPrevIndex = ({
   }
   return prevIndex;
 };
+
+/*When a user clicks the StyledList scrollbar, the input looses focus which breaks downshift
+ * keyboard navigation in the list. This code returns focus to the input on mouseUp
+ */
+const handleListFocus = e => {
+  e.preventDefault();
+  e.stopPropagation();
+  window?.addEventListener('mouseup', () => {
+    e.relatedTarget?.focus();
+  }, {
+    once: true
+  });
+};
+const defaultOptionDisabled = () => false;
 function AutocompleteInner(props, ref) {
   const {
     options = [],
@@ -144,7 +164,7 @@ function AutocompleteInner(props, ref) {
     allowSelectAll,
     initialSelectedOptions = [],
     disablePortal,
-    optionDisabled = () => false,
+    optionDisabled = defaultOptionDisabled,
     optionsFilter,
     autoWidth,
     placeholder,
@@ -159,6 +179,9 @@ function AutocompleteInner(props, ref) {
     variant,
     ...other
   } = props;
+  if (disablePortal) {
+    console.warn('Autocomplete "disablePortal" prop has been deprecated. Autocomplete now uses the native popover api');
+  }
   const isControlled = Boolean(selectedOptions);
   const [inputOptions, setInputOptions] = useState(options);
   const [_availableItems, setAvailableItems] = useState(inputOptions);
@@ -173,13 +196,8 @@ function AutocompleteInner(props, ref) {
     if (showSelectAll) return [AllSymbol, ..._availableItems];
     return _availableItems;
   }, [_availableItems, showSelectAll]);
-  const toggleAllSelected = () => {
-    if (selectedItems.length === inputOptions.length) {
-      setSelectedItems([]);
-    } else {
-      setSelectedItems(inputOptions);
-    }
-  };
+
+  //issue 2304, update dataset when options are added dynamically
   useEffect(() => {
     const availableHash = JSON.stringify(inputOptions);
     const optionsHash = JSON.stringify(options);
@@ -190,7 +208,6 @@ function AutocompleteInner(props, ref) {
   useEffect(() => {
     setAvailableItems(inputOptions);
   }, [inputOptions]);
-  const disabledItems = useMemo(() => options.filter(optionDisabled), [options, optionDisabled]);
   const {
     density
   } = useEds();
@@ -226,15 +243,27 @@ function AutocompleteInner(props, ref) {
     addSelectedItem,
     removeSelectedItem,
     selectedItems,
-    reset: resetSelection,
     setSelectedItems
   } = useMultipleSelection(multipleSelectionProps);
+  const enabledItems = useMemo(() => {
+    const disabledItemsSet = new Set(inputOptions.filter(optionDisabled));
+    return inputOptions.filter(x => !disabledItemsSet.has(x));
+  }, [inputOptions, optionDisabled]);
+  const selectedDisabledItemsSet = useMemo(() => new Set(selectedItems.filter(optionDisabled)), [selectedItems, optionDisabled]);
+  const selectedEnabledItems = useMemo(() => selectedItems.filter(x => !selectedDisabledItemsSet.has(x)), [selectedItems, selectedDisabledItemsSet]);
   const allSelectedState = useMemo(() => {
-    if (!inputOptions || !selectedItems) return 'NONE';
-    if (inputOptions.length === selectedItems.length) return 'ALL';
-    if (inputOptions.length != selectedItems.length && selectedItems.length > 0) return 'SOME';
+    if (!enabledItems || !selectedEnabledItems) return 'NONE';
+    if (enabledItems.length === selectedEnabledItems.length) return 'ALL';
+    if (enabledItems.length != selectedEnabledItems.length && selectedEnabledItems.length > 0) return 'SOME';
     return 'NONE';
-  }, [inputOptions, selectedItems]);
+  }, [enabledItems, selectedEnabledItems]);
+  const toggleAllSelected = () => {
+    if (selectedEnabledItems.length === enabledItems.length) {
+      setSelectedItems([...selectedDisabledItemsSet]);
+    } else {
+      setSelectedItems([...enabledItems, ...selectedDisabledItemsSet]);
+    }
+  };
   const getLabel = useCallback(item => {
     //note: non strict check for null or undefined to allow 0
     if (item == null) {
@@ -293,7 +322,14 @@ function AutocompleteInner(props, ref) {
       highlightedIndex,
       type
     }) {
-      if (type !== useCombobox.stateChangeTypes.ItemMouseMove && type !== useCombobox.stateChangeTypes.MenuMouseLeave && highlightedIndex >= 0) {
+      if (type == useCombobox.stateChangeTypes.InputClick || type == useCombobox.stateChangeTypes.InputKeyDownArrowDown && !isOpen || type == useCombobox.stateChangeTypes.InputKeyDownArrowUp && !isOpen) {
+        //needs delay for dropdown to render before calling scroll
+        setTimeout(() => {
+          rowVirtualizer.scrollToIndex(highlightedIndex, {
+            align: allowSelectAll ? 'center' : 'auto'
+          });
+        }, 1);
+      } else if (type !== useCombobox.stateChangeTypes.ItemMouseMove && type !== useCombobox.stateChangeTypes.MenuMouseLeave && highlightedIndex >= 0) {
         rowVirtualizer.scrollToIndex(highlightedIndex, {
           align: allowSelectAll ? 'center' : 'auto'
         });
@@ -404,7 +440,7 @@ function AutocompleteInner(props, ref) {
     }
   }
   if (multiple) {
-    placeholderText = typeof placeholderText !== 'undefined' ? placeholderText : `${selectedItems.length}/${options.length - disabledItems.length} selected`;
+    placeholderText = typeof placeholderText !== 'undefined' ? placeholderText : `${selectedItems.length}/${inputOptions.length} selected`;
     comboBoxProps = {
       ...comboBoxProps,
       selectedItem: null,
@@ -496,11 +532,6 @@ function AutocompleteInner(props, ref) {
     inputValue,
     reset: resetCombobox
   } = useCombobox(comboBoxProps);
-  useEffect(() => {
-    if (isControlled) {
-      setSelectedItems(selectedOptions);
-    }
-  }, [isControlled, selectedOptions, setSelectedItems]);
   const {
     x,
     y,
@@ -509,8 +540,8 @@ function AutocompleteInner(props, ref) {
     strategy
   } = useFloating({
     placement: 'bottom-start',
-    middleware: [offset(4), flip(), shift({
-      padding: 8
+    middleware: [offset(4), flip({
+      boundary: document?.body
     }), size({
       apply({
         rects,
@@ -532,25 +563,31 @@ function AutocompleteInner(props, ref) {
       return autoUpdate(refs.reference.current, refs.floating.current, update);
     }
   }, [refs.reference, refs.floating, update, isOpen]);
+  useIsomorphicLayoutEffect(() => {
+    if (isOpen) {
+      refs.floating.current.showPopover();
+    } else {
+      refs.floating.current.hidePopover();
+    }
+  }, [isOpen, refs.floating]);
   const clear = () => {
     resetCombobox();
-    resetSelection();
+    //dont clear items if they are selected and disabled
+    setSelectedItems([...selectedDisabledItemsSet]);
     setTypedInputValue('');
   };
   const showClearButton = (selectedItems.length > 0 || inputValue) && !readOnly && !hideClearButton;
   const showNoOptions = isOpen && !availableItems.length && noOptionsText.length > 0;
   const selectedItemsLabels = useMemo(() => selectedItems.map(getLabel), [selectedItems, getLabel]);
-
-  //temporary fix when inside dialog. Should be replaced by popover api when it is ready
-  const inDialog = useIsInDialog(refs.domReference.current);
-  const optionsList = /*#__PURE__*/jsx("div", {
+  const optionsList = /*#__PURE__*/jsx(StyledPopover, {
+    popover: "manual",
     ...getFloatingProps({
       ref: refs.setFloating,
+      onFocus: handleListFocus,
       style: {
         position: strategy,
         top: y || 0,
-        left: x || 0,
-        zIndex: 1500
+        left: x || 0
       }
     }),
     children: /*#__PURE__*/jsxs(StyledList, {
@@ -694,10 +731,7 @@ function AutocompleteInner(props, ref) {
         color: variant ? tokens.variants[variant].typography.color : undefined,
         text: helperText,
         icon: helperIcon
-      }), disablePortal || inDialog ? optionsList : /*#__PURE__*/jsx(FloatingPortal, {
-        id: "eds-autocomplete-container",
-        children: optionsList
-      })]
+      }), optionsList]
     })
   });
 }

package/dist/esm/components/Autocomplete/Autocomplete.tokens.js

@@ -1,5 +1,5 @@
 import { tokens } from '@equinor/eds-tokens';
-import mergeDeepRight from '../../node_modules/.pnpm/ramda@0.29.1/node_modules/ramda/es/mergeDeepRight.js';
+import mergeDeepRight from '../../node_modules/.pnpm/ramda@0.30.0/node_modules/ramda/es/mergeDeepRight.js';
 
 const {
   typography,

package/dist/esm/components/Button/tokens/contained.js

@@ -1,6 +1,6 @@
 import { tokens } from '@equinor/eds-tokens';
 import { button } from './button.js';
-import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.29.1/node_modules/ramda/es/mergeDeepRight.js';
+import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.30.0/node_modules/ramda/es/mergeDeepRight.js';
 
 const {
   colors: {

package/dist/esm/components/Button/tokens/contained_icon.js

@@ -1,6 +1,6 @@
 import { tokens } from '@equinor/eds-tokens';
 import { primary as primary$1, secondary as secondary$1, danger as danger$1 } from './contained.js';
-import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.29.1/node_modules/ramda/es/mergeDeepRight.js';
+import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.30.0/node_modules/ramda/es/mergeDeepRight.js';
 
 const {
   clickbounds: {

package/dist/esm/components/Button/tokens/ghost.js

@@ -1,6 +1,6 @@
 import { tokens } from '@equinor/eds-tokens';
 import { button } from './button.js';
-import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.29.1/node_modules/ramda/es/mergeDeepRight.js';
+import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.30.0/node_modules/ramda/es/mergeDeepRight.js';
 
 const {
   colors: {

package/dist/esm/components/Button/tokens/icon.js

@@ -1,6 +1,6 @@
 import { tokens } from '@equinor/eds-tokens';
 import { button } from './button.js';
-import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.29.1/node_modules/ramda/es/mergeDeepRight.js';
+import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.30.0/node_modules/ramda/es/mergeDeepRight.js';
 
 const {
   colors: {

package/dist/esm/components/Button/tokens/outlined.js

@@ -1,6 +1,6 @@
 import { tokens } from '@equinor/eds-tokens';
 import { button } from './button.js';
-import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.29.1/node_modules/ramda/es/mergeDeepRight.js';
+import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.30.0/node_modules/ramda/es/mergeDeepRight.js';
 
 const {
   colors: {

package/dist/esm/components/Datepicker/DatePicker.js

@@ -1,4 +1,4 @@
-import { forwardRef, useState, useRef, useCallback } from 'react';
+import { forwardRef, useState, useRef, useCallback, useEffect } from 'react';
 import { Calendar } from './calendars/Calendar.js';
 import { DateField } from './fields/DateField.js';
 import { warning_outlined, calendar } from '@equinor/eds-icons';
@@ -29,9 +29,15 @@ const DatePicker = /*#__PURE__*/forwardRef(({
   granularity,
   disabled: isDisabled,
   readOnly: isReadOnly,
+  formatOptions,
   ...props
 }, forwardedRef) => {
   timezone = timezone ?? defaultTimezone;
+  formatOptions = formatOptions ?? {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit'
+  };
   const [innerValue, setInnerValue] = useState(() => {
     const initialValue = value ?? defaultValue;
     if (initialValue) {
@@ -107,8 +113,14 @@ const DatePicker = /*#__PURE__*/forwardRef(({
       data: warning_outlined
     })
   } : undefined;
+
+  // innerValue is used as a fallback, especially for uncontrolled inputs, so it needs to be reset when value / defaultValue is reset
+  useEffect(() => {
+    if (!defaultValue && !value) setInnerValue(null);
+  }, [defaultValue, value]);
   return /*#__PURE__*/jsx(DatePickerProvider, {
     timezone: timezone,
+    formatOptions: formatOptions,
     children: /*#__PURE__*/jsx(FieldWrapper, {
       isOpen: isOpen,
       readonly: fieldProps.isReadOnly,

package/dist/esm/components/Datepicker/DateRangePicker.js

@@ -1,4 +1,4 @@
-import { forwardRef, useState, useRef, useCallback } from 'react';
+import { forwardRef, useState, useRef, useCallback, useEffect } from 'react';
 import { RangeCalendar } from './calendars/RangeCalendar.js';
 import { warning_outlined, calendar_date_range } from '@equinor/eds-icons';
 import { useConvertedValidationFunctions } from './utils/useConvertedValidationFunctions.js';
@@ -25,11 +25,17 @@ const DateRangePicker = /*#__PURE__*/forwardRef(({
   Header,
   timezone,
   defaultValue,
+  formatOptions,
   disabled: isDisabled,
   readOnly: isReadOnly,
   ...props
 }, forwardedRef) => {
   timezone = timezone ?? defaultTimezone;
+  formatOptions = formatOptions ?? {
+    year: 'numeric',
+    month: '2-digit',
+    day: '2-digit'
+  };
   const [innerValue, setInnerValue] = useState(() => {
     const initialValue = value ?? defaultValue;
     if (initialValue) {
@@ -103,8 +109,16 @@ const DateRangePicker = /*#__PURE__*/forwardRef(({
     day: '2-digit'
   });
   const valueString = formattedValue ? Object.values(formattedValue).join(' - ') : null;
+
+  // innerValue is used as a fallback, especially for uncontrolled inputs, so it needs to be reset when value / defaultValue is reset
+  useEffect(() => {
+    const val = defaultValue ?? value;
+    if (!defaultValue && !value) setInnerValue(null);
+    if (!val?.from && !val?.to) setInnerValue(null);
+  }, [defaultValue, value]);
   return /*#__PURE__*/jsx(DatePickerProvider, {
     timezone: timezone,
+    formatOptions: formatOptions,
     children: /*#__PURE__*/jsx(FieldWrapper, {
       isOpen: isOpen,
       color: state.isInvalid ? 'warning' : props.variant,

package/dist/esm/components/Datepicker/fields/DateSegment.js

@@ -1,7 +1,8 @@
-import { useRef } from 'react';
-import { useDateSegment } from 'react-aria';
+import { useState, useRef } from 'react';
+import { useDateFormatter, useDateSegment } from 'react-aria';
 import styled from 'styled-components';
 import { tokens } from '@equinor/eds-tokens';
+import { useDatePickerContext } from '../utils/context.js';
 import { jsx } from 'react/jsx-runtime';
 
 const Segment = styled.div.withConfig({
@@ -18,12 +19,29 @@ function DateSegment({
   segment,
   state
 }) {
+  const {
+    formatOptions,
+    timezone
+  } = useDatePickerContext();
+  const formatter = useDateFormatter(formatOptions);
+  const parts = state.value ? formatter.formatToParts(state.value.toDate(timezone)) : [];
+  const part = parts.find(p => p.type === segment.type);
+  const value = part?.value ?? segment.text;
+  const [focus, setFocus] = useState(false);
   const ref = useRef(null);
   const {
     segmentProps
   } = useDateSegment(segment, state, ref);
   return /*#__PURE__*/jsx(Segment, {
     ...segmentProps,
+    onFocus: e => {
+      setFocus(true);
+      segmentProps.onFocus(e);
+    },
+    onBlur: e => {
+      setFocus(false);
+      segmentProps.onBlur(e);
+    },
     $invalid: state.isInvalid,
     $disabled: state.isDisabled,
     $placeholder: segment.isPlaceholder,
@@ -40,7 +58,7 @@ function DateSegment({
     },
     ref: ref,
     className: `segment ${segment.isPlaceholder ? 'placeholder' : ''}`,
-    children: segment.isPlaceholder || segment.type === 'literal' ? segment.text : segment.text.padStart(segment.type === 'year' ? 4 : 2, '0')
+    children: focus ? segment.isPlaceholder || segment.type === 'literal' ? segment.text : segment.text.padStart(segment.type === 'year' ? 4 : 2, '0') : value
   });
 }
 

package/dist/esm/components/Datepicker/utils/context.js

@@ -1,4 +1,4 @@
-import { createContext } from 'react';
+import { createContext, useContext } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
 const intl = new Intl.DateTimeFormat();
@@ -8,14 +8,17 @@ const DatePickerContext = /*#__PURE__*/createContext({
 });
 const DatePickerProvider = ({
   timezone,
+  formatOptions,
   children
 }) => {
   return /*#__PURE__*/jsx(DatePickerContext.Provider, {
     value: {
-      timezone: timezone ?? defaultTimezone
+      timezone: timezone ?? defaultTimezone,
+      formatOptions
     },
     children: children
   });
 };
+const useDatePickerContext = () => useContext(DatePickerContext);
 
-export { DatePickerProvider, defaultTimezone };
+export { DatePickerProvider, defaultTimezone, useDatePickerContext };

package/dist/esm/components/Input/Input.tokens.js

@@ -1,5 +1,5 @@
 import { tokens } from '@equinor/eds-tokens';
-import mergeDeepRight from '../../node_modules/.pnpm/ramda@0.29.1/node_modules/ramda/es/mergeDeepRight.js';
+import mergeDeepRight from '../../node_modules/.pnpm/ramda@0.30.0/node_modules/ramda/es/mergeDeepRight.js';
 
 const {
   colors: {

package/dist/esm/components/InputWrapper/InputWrapper.tokens.js

@@ -1,5 +1,5 @@
 import { tokens } from '@equinor/eds-tokens';
-import mergeDeepRight from '../../node_modules/.pnpm/ramda@0.29.1/node_modules/ramda/es/mergeDeepRight.js';
+import mergeDeepRight from '../../node_modules/.pnpm/ramda@0.30.0/node_modules/ramda/es/mergeDeepRight.js';
 
 const {
   colors: {

package/dist/esm/components/Table/DataCell/DataCell.tokens.js

@@ -1,5 +1,5 @@
 import { tokens } from '@equinor/eds-tokens';
-import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.29.1/node_modules/ramda/es/mergeDeepRight.js';
+import mergeDeepRight from '../../../node_modules/.pnpm/ramda@0.30.0/node_modules/ramda/es/mergeDeepRight.js';
 
 const {
   typography: {

package/dist/esm/node_modules/.pnpm/{ramda@0.29.1 → ramda@0.30.0}/node_modules/ramda/es/internal/_curry1.js

@@ -8,7 +8,6 @@ import _isPlaceholder from './_isPlaceholder.js';
  * @param {Function} fn The function to curry.
  * @return {Function} The curried function.
  */
-
 function _curry1(fn) {
   return function f1(a) {
     if (arguments.length === 0 || _isPlaceholder(a)) {

package/dist/esm/node_modules/.pnpm/{ramda@0.29.1 → ramda@0.30.0}/node_modules/ramda/es/internal/_curry2.js

@@ -9,7 +9,6 @@ import _isPlaceholder from './_isPlaceholder.js';
  * @param {Function} fn The function to curry.
  * @return {Function} The curried function.
  */
-
 function _curry2(fn) {
   return function f2(a, b) {
     switch (arguments.length) {

package/dist/esm/node_modules/.pnpm/{ramda@0.29.1 → ramda@0.30.0}/node_modules/ramda/es/internal/_curry3.js

@@ -10,7 +10,6 @@ import _isPlaceholder from './_isPlaceholder.js';
  * @param {Function} fn The function to curry.
  * @return {Function} The curried function.
  */
-
 function _curry3(fn) {
   return function f3(a, b, c) {
     switch (arguments.length) {

package/dist/esm/node_modules/.pnpm/ramda@0.30.0/node_modules/ramda/es/internal/_isPlaceholder.js

@@ -0,0 +1,7 @@
+import _placeholder from './_placeholder.js';
+
+function _isPlaceholder(a) {
+  return a === _placeholder;
+}
+
+export { _isPlaceholder as default };

package/dist/esm/node_modules/.pnpm/ramda@0.30.0/node_modules/ramda/es/internal/_placeholder.js

@@ -0,0 +1,5 @@
+var _placeholder = {
+  '@@functional/placeholder': true
+};
+
+export { _placeholder as default };

package/dist/esm/node_modules/.pnpm/{ramda@0.29.1 → ramda@0.30.0}/node_modules/ramda/es/mergeDeepRight.js

@@ -22,9 +22,7 @@ import mergeDeepWithKey from './mergeDeepWithKey.js';
  *                       { age: 40, contact: { email: 'baa@example.com' }});
  *      //=> { name: 'fred', age: 40, contact: { email: 'baa@example.com' }}
  */
-
-var mergeDeepRight = /*#__PURE__*/
-_curry2(function mergeDeepRight(lObj, rObj) {
+var mergeDeepRight = /*#__PURE__*/_curry2(function mergeDeepRight(lObj, rObj) {
   return mergeDeepWithKey(function (k, lVal, rVal) {
     return rVal;
   }, lObj, rObj);

package/dist/esm/node_modules/.pnpm/{ramda@0.29.1 → ramda@0.30.0}/node_modules/ramda/es/mergeDeepWithKey.js

@@ -30,9 +30,7 @@ import mergeWithKey from './mergeWithKey.js';
  *                         { b: true, c: { thing: 'bar', values: [15, 35] }});
  *      //=> { a: true, b: true, c: { thing: 'bar', values: [10, 20, 15, 35] }}
  */
-
-var mergeDeepWithKey = /*#__PURE__*/
-_curry3(function mergeDeepWithKey(fn, lObj, rObj) {
+var mergeDeepWithKey = /*#__PURE__*/_curry3(function mergeDeepWithKey(fn, lObj, rObj) {
   return mergeWithKey(function (k, lVal, rVal) {
     if (_isObject(lVal) && _isObject(rVal)) {
       return mergeDeepWithKey(fn, lVal, rVal);

package/dist/esm/node_modules/.pnpm/{ramda@0.29.1 → ramda@0.30.0}/node_modules/ramda/es/mergeWith.js

@@ -24,9 +24,7 @@ import mergeWithKey from './mergeWithKey.js';
  *                  { b: true, values: [15, 35] });
  *      //=> { a: true, b: true, values: [10, 20, 15, 35] }
  */
-
-var mergeWith = /*#__PURE__*/
-_curry3(function mergeWith(fn, l, r) {
+var mergeWith = /*#__PURE__*/_curry3(function mergeWith(fn, l, r) {
   return mergeWithKey(function (_, _l, _r) {
     return fn(_l, _r);
   }, l, r);

package/dist/esm/node_modules/.pnpm/{ramda@0.29.1 → ramda@0.30.0}/node_modules/ramda/es/mergeWithKey.js

@@ -26,9 +26,7 @@ import _has from './internal/_has.js';
  *      //=> { a: true, b: true, thing: 'bar', values: [10, 20, 15, 35] }
  * @symb R.mergeWithKey(f, { x: 1, y: 2 }, { y: 5, z: 3 }) = { x: 1, y: f('y', 2, 5), z: 3 }
  */
-
-var mergeWithKey = /*#__PURE__*/
-_curry3(function mergeWithKey(fn, l, r) {
+var mergeWithKey = /*#__PURE__*/_curry3(function mergeWithKey(fn, l, r) {
   var result = {};
   var k;
   l = l || {};

package/dist/esm/node_modules/.pnpm/{ramda@0.29.1 → ramda@0.30.0}/node_modules/ramda/es/pickBy.js

@@ -20,9 +20,7 @@ import _curry2 from './internal/_curry2.js';
  *      const isUpperCase = (val, key) => key.toUpperCase() === key;
  *      R.pickBy(isUpperCase, {a: 1, b: 2, A: 3, B: 4}); //=> {A: 3, B: 4}
  */
-
-var pickBy = /*#__PURE__*/
-_curry2(function pickBy(test, obj) {
+var pickBy = /*#__PURE__*/_curry2(function pickBy(test, obj) {
   var result = {};
   for (var prop in obj) {
     if (test(obj[prop], prop, obj)) {