@razorpay/blade 12.32.3 → 12.33.2

package/build/lib/web/production/utils/useControlledDropdownInput/useControlledDropdownInput.js

@@ -0,0 +1,108 @@
+import React__default from 'react';
+import isEmpty from '../lodashButBetter/isEmpty.js';
+import '../index.js';
+import { useFirstRender } from '../useFirstRender.js';
+import '../fireNativeEvent/index.js';
+import { useDropdown } from '../../components/Dropdown/useDropdown.js';
+import { isBrowser } from '../platform/isBrowser.js';
+import { fireNativeEvent } from '../fireNativeEvent/fireNativeEvent.web.js';
+
+var useControlledDropdownInput = function useControlledDropdownInput(props) {
+  var isFirstRender = useFirstRender();
+  var _useDropdown = useDropdown(),
+    changeCallbackTriggerer = _useDropdown.changeCallbackTriggerer,
+    isControlled = _useDropdown.isControlled,
+    options = _useDropdown.options,
+    selectedIndices = _useDropdown.selectedIndices,
+    controlledValueIndices = _useDropdown.controlledValueIndices,
+    setSelectedIndices = _useDropdown.setSelectedIndices,
+    selectionType = _useDropdown.selectionType,
+    setIsControlled = _useDropdown.setIsControlled;
+  var getValuesArrayFromIndices = function getValuesArrayFromIndices() {
+    var indices = [];
+    if (isControlled) {
+      indices = controlledValueIndices;
+    } else {
+      indices = selectedIndices;
+    }
+    return indices.map(function (selectionIndex) {
+      return options[selectionIndex].value;
+    });
+  };
+  var selectValues = function selectValues(valuesToSelect) {
+    if (options.length > 0) {
+      // we use empty `''` for clearing the input
+      if (isEmpty(valuesToSelect)) {
+        setSelectedIndices([]);
+      } else if (typeof valuesToSelect === 'string') {
+        // single select control
+        var selectedItemIndex = options.findIndex(function (option) {
+          return option.value === valuesToSelect;
+        });
+        if (selectedItemIndex >= 0) {
+          setSelectedIndices([selectedItemIndex]);
+        }
+      } else {
+        // multiselect control
+
+        // Handles repeated values in user state
+        var uniqueValues = Array.from(new Set(valuesToSelect));
+        // Handle selectionType single with multiselect values
+        var userValues = selectionType === 'single' ? [valuesToSelect === null || valuesToSelect === void 0 ? void 0 : valuesToSelect[0]] : uniqueValues;
+        var selectedItemIndices = userValues.map(function (optionValue) {
+          return options.findIndex(function (option) {
+            return option.value === optionValue;
+          });
+        }).filter(function (value) {
+          return value >= 0;
+        });
+        setSelectedIndices(selectedItemIndices);
+      }
+    }
+  };
+
+  // Handles `defaultValue` prop
+  React__default.useEffect(function () {
+    if (options.length > 0 && props.defaultValue) {
+      selectValues(props.defaultValue);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [options.length]);
+
+  // Handles `value` prop
+  React__default.useEffect(function () {
+    if (options.length > 0 && props.value !== undefined) {
+      if (!isControlled) {
+        setIsControlled(true);
+      }
+      selectValues(props.value);
+
+      // in single select AutoComplete, we have to set inputValue of autocomplete according to the new selection.
+      if (selectionType === 'single' && !Array.isArray(props.value) && !props.isSelectInput) {
+        var _props$syncInputValue;
+        (_props$syncInputValue = props.syncInputValueWithSelection) === null || _props$syncInputValue === void 0 ? void 0 : _props$syncInputValue.call(props, props.value);
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [props.value, options]);
+
+  // onChange behaviour
+  React__default.useEffect(function () {
+    // Ignore calling onChange on mount
+
+    if (!isFirstRender) {
+      var _props$onChange;
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, {
+        name: props.name,
+        values: getValuesArrayFromIndices()
+      });
+      if (isBrowser()) {
+        fireNativeEvent(props.triggererRef, ['change', 'input']);
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [changeCallbackTriggerer]);
+};
+
+export { useControlledDropdownInput };
+//# sourceMappingURL=useControlledDropdownInput.js.map

package/build/lib/web/production/utils/useControlledDropdownInput/useControlledDropdownInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useControlledDropdownInput.js","sources":["../../../../../../src/utils/useControlledDropdownInput/useControlledDropdownInput.tsx"],"sourcesContent":["import React from 'react';\nimport type { BaseDropdownInputTriggerProps } from '~components/Input/DropdownInputTriggers/types';\nimport isEmpty from '~utils/lodashButBetter/isEmpty';\nimport { isBrowser } from '~utils';\nimport { useFirstRender } from '~utils/useFirstRender';\nimport { fireNativeEvent } from '~utils/fireNativeEvent';\nimport { useDropdown } from '~components/Dropdown/useDropdown';\n\nexport type useControlledDropdownInputProps = Pick<\n  BaseDropdownInputTriggerProps,\n  | 'onChange'\n  | 'name'\n  | 'value'\n  | 'defaultValue'\n  | 'onInputValueChange'\n  | 'syncInputValueWithSelection'\n  | 'isSelectInput'\n> & {\n  triggererRef: React.RefObject<HTMLElement>;\n};\n\nconst useControlledDropdownInput = (props: useControlledDropdownInputProps): void => {\n  const isFirstRender = useFirstRender();\n  const {\n    changeCallbackTriggerer,\n    isControlled,\n    options,\n    selectedIndices,\n    controlledValueIndices,\n    setSelectedIndices,\n    selectionType,\n    setIsControlled,\n  } = useDropdown();\n\n  const getValuesArrayFromIndices = (): string[] => {\n    let indices: number[] = [];\n    if (isControlled) {\n      indices = controlledValueIndices;\n    } else {\n      indices = selectedIndices;\n    }\n\n    return indices.map((selectionIndex) => options[selectionIndex].value);\n  };\n\n  const selectValues = (valuesToSelect: string | string[]): void => {\n    if (options.length > 0) {\n      // we use empty `''` for clearing the input\n      if (isEmpty(valuesToSelect)) {\n        setSelectedIndices([]);\n      } else if (typeof valuesToSelect === 'string') {\n        // single select control\n        const selectedItemIndex = options.findIndex((option) => option.value === valuesToSelect);\n        if (selectedItemIndex >= 0) {\n          setSelectedIndices([selectedItemIndex]);\n        }\n      } else {\n        // multiselect control\n\n        // Handles repeated values in user state\n        const uniqueValues = Array.from(new Set(valuesToSelect));\n        // Handle selectionType single with multiselect values\n        const userValues = selectionType === 'single' ? [valuesToSelect?.[0]] : uniqueValues;\n\n        const selectedItemIndices = userValues\n          .map((optionValue) => options.findIndex((option) => option.value === optionValue))\n          .filter((value) => value >= 0);\n\n        setSelectedIndices(selectedItemIndices);\n      }\n    }\n  };\n\n  // Handles `defaultValue` prop\n  React.useEffect(() => {\n    if (options.length > 0 && props.defaultValue) {\n      selectValues(props.defaultValue);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [options.length]);\n\n  // Handles `value` prop\n  React.useEffect(() => {\n    if (options.length > 0 && props.value !== undefined) {\n      if (!isControlled) {\n        setIsControlled(true);\n      }\n\n      selectValues(props.value);\n\n      // in single select AutoComplete, we have to set inputValue of autocomplete according to the new selection.\n      if (selectionType === 'single' && !Array.isArray(props.value) && !props.isSelectInput) {\n        props.syncInputValueWithSelection?.(props.value);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [props.value, options]);\n\n  // onChange behaviour\n  React.useEffect(() => {\n    // Ignore calling onChange on mount\n\n    if (!isFirstRender) {\n      props.onChange?.({\n        name: props.name,\n        values: getValuesArrayFromIndices(),\n      });\n      if (isBrowser()) {\n        fireNativeEvent(props.triggererRef, ['change', 'input']);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [changeCallbackTriggerer]);\n};\n\nexport { useControlledDropdownInput };\n"],"names":["useControlledDropdownInput","props","isFirstRender","useFirstRender","_useDropdown","useDropdown","changeCallbackTriggerer","isControlled","options","selectedIndices","controlledValueIndices","setSelectedIndices","selectionType","setIsControlled","getValuesArrayFromIndices","indices","map","selectionIndex","value","selectValues","valuesToSelect","length","isEmpty","selectedItemIndex","findIndex","option","uniqueValues","Array","from","Set","userValues","selectedItemIndices","optionValue","filter","React","useEffect","defaultValue","undefined","isArray","isSelectInput","_props$syncInputValue","syncInputValueWithSelection","call","_props$onChange","onChange","name","values","isBrowser","fireNativeEvent","triggererRef"],"mappings":"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"}