@abgov/jsonforms-components 1.33.0 → 1.33.2

package/index.esm.js

@@ -1,5 +1,5 @@
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import React, { createContext, useContext, useReducer, useMemo, useEffect, useState, useCallback, useRef } from 'react';
+import React, { createContext, useContext, useReducer, useMemo, useEffect, useState, useRef, useCallback } from 'react';
 import { GoAFormItem, GoAInput, GoATextArea, GoACallout, GoAInputDate, GoAInputDateTime, GoAInputTime, GoARadioGroup, GoARadioItem, GoACheckbox, GoAGrid, GoAFormStepper, GoAFormStep, GoAPages, GoAButton, GoAModal, GoAButtonGroup, GoAIconButton, GoAFileUploadInput, GoACircularProgress, GoAContainer, GoADetails } from '@abgov/react-components';
 import styled from 'styled-components';
 import axios from 'axios';
@@ -4301,12 +4301,17 @@ const Dropdown = props => {
   const trailingIcon = isOpen ? 'chevron-up' : 'chevron-down';
   const [items, setItems] = useState(props.items);
   const [inputText, setInputText] = useState(selected);
+  const prevCountRef = useRef(props.items);
   useEffect(() => {
     setItems(props.items);
-  }, [isEqual(props.items, items)]);
+    prevCountRef.current = props.items;
+  }, [isEqual(props.items, prevCountRef.current)]);
   return jsxs("div", {
     "data-testid": id,
     children: [jsx(GoAInput, {
+      onTrailingIconClick: () => {
+        setIsOpen(!isOpen);
+      },
       name: `dropdown-${label}`,
       width: "100%",
       value: inputText,
@@ -4315,11 +4320,11 @@ const Dropdown = props => {
       readonly: !isAutocompletion,
       onChange: (name, value) => {
         if (isAutocompletion) {
-          setIsOpen(true);
           const selectedItems = props.items.filter(item => {
             return item.label.includes(value);
           });
           setItems(selectedItems);
+          setIsOpen(true);
         }
       },
       trailingIcon: trailingIcon,
@@ -4338,7 +4343,7 @@ const Dropdown = props => {
               onClick: () => {
                 onChange(item.value);
                 setSelectedOption(item.value);
-                setInputText(item.value);
+                setInputText(item.label);
                 setIsOpen(false);
               },
               children: item.label
@@ -4404,7 +4409,6 @@ const EnumSelect = props => {
     }
     return newOptions.filter(option => option.value !== '');
   }, [registerData, options]);
-  console.log(mergedOptions);
   useEffect(() => {
     if (registerConfig) {
       registerCtx === null || registerCtx === void 0 ? void 0 : registerCtx.fetchRegisterByUrl(registerConfig);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.33.0",
+  "version": "1.33.2",
   "license": "Apache-2.0",
   "description": "Government of Alberta - React renderers for JSON Forms based on the design system.",
   "repository": "https://github.com/GovAlta/adsp-monorepo",