@abgov/jsonforms-components 1.40.4 → 1.41.1

package/index.esm.js

@@ -4431,23 +4431,17 @@ let _$7 = t => t,
   _t2$4,
   _t3$4,
   _t4$2;
-styled.div(_t$7 || (_t$7 = _$7`
-  text-overflow: ellipsis;
-  overflow: hidden;
-  min-height: 43px;
-  box-sizing: border-box;
-  width: 100%;
-  padding: 8px;
-  padding-right: 8px;
-  border-radius: 4px;
-  border: 1px solid #666;
-  font-size: 18px;
-  font-weight: 400;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  appearance: none;
+const GoADropdownTextbox = styled.div(_t$7 || (_t$7 = _$7`
+  border-radius: var(--goa-space-2xs);
   box-shadow: ${0};
-`), p => p.isOpen ? `0 0 0 3px #feba35` : '');
+  &:hover {
+    cursor: pointer;
+  }
+
+  .inputStyle {
+    box-shadow: ${0};
+  }
+`), p => p.isOpen ? `0 0 0 3px var(--goa-color-interactive-focus)` : '', p => p.isOpen ? `0 0 0 3px var(--goa-color-interactive-focus) !important` : '');
 const GoADropdownListContainerWrapper = styled.div(_t2$4 || (_t2$4 = _$7`
   position: relative;
   display: ${0};
@@ -4681,27 +4675,27 @@ const Dropdown = props => {
   };
   return jsxs("div", {
     "data-testid": id,
-    children: [jsx(GoAInput, {
-      onTrailingIconClick: () => {
-        setIsOpen(!isOpen);
-      },
-      disabled: !enabled,
-      name: `dropdown-${label}`,
-      width: "100%",
-      value: inputText,
-      testId: `${id}-input`,
-      id: `${id}-input`,
-      readonly: !isAutoCompletion,
-      onChange: (name, value) => {
-        if (isAutoCompletion) {
-          setInputText(value);
-          const selectedItems = props.items.filter(item => {
-            return item.label.includes(value);
-          });
-          setItems(selectedItems);
-        }
-      },
-      trailingIcon: trailingIcon
+    children: [jsx(GoADropdownTextbox, {
+      isOpen: isOpen,
+      children: jsx(GoAInput, {
+        disabled: !enabled,
+        name: `dropdown-${label}`,
+        width: "100%",
+        value: inputText,
+        testId: `${id}-input`,
+        id: `${id}-input`,
+        readonly: !isAutoCompletion,
+        onChange: (name, value) => {
+          if (isAutoCompletion) {
+            setInputText(value);
+            const selectedItems = props.items.filter(item => {
+              return item.label.includes(value);
+            });
+            setItems(selectedItems);
+          }
+        },
+        trailingIcon: trailingIcon
+      })
     }), jsx(GoADropdownListContainerWrapper, {
       isOpen: isOpen,
       id: `${PREFIX}-dropDownListContainerWrapper-${label}`,
@@ -10168,4 +10162,4 @@ const GoARenderers = [...GoABaseRenderers, {
 }];
 const GoACells = [...InputCells];
 
-export { ADD_DATALIST_ACTION, ADD_NO_ANONYMOUS_ACTION, ADD_REGISTER_DATA_ACTION, ADD_REGISTER_DATA_ERROR, ContextProviderC, ContextProviderClass, ContextProviderFactory, GoABaseRenderers, GoABaseReviewRenderers, GoACells, GoARenderers, GoAReviewRenderers, JsonFormContext, JsonFormRegisterProvider, JsonFormsRegisterContext, createDefaultAjv, registerReducer, resolveRefs, tryResolveRefs };
+export { ADD_DATALIST_ACTION, ADD_NO_ANONYMOUS_ACTION, ADD_REGISTER_DATA_ACTION, ADD_REGISTER_DATA_ERROR, AddressLookUpControl, AddressLookUpControlReview, AddressLookUpTester, ArrayControl, ArrayControlBase, ArrayControlReview, BooleanComponent, BooleanControl, BooleanRadioComponent, BooleanRadioControl, CategorizationRendererTester, CheckboxGroup, ContextProviderC, ContextProviderClass, ContextProviderFactory, EnumCheckboxControl, EnumRadioControl, EnumSelect, FileUploader, FileUploaderReview, FileUploaderTester, FormStepper, FormStepperControl, FullNameControl, FullNameDobControl, FullNameDobReviewControl, FullNameDobTester, FullNameReviewControl, FullNameTester, GoAArrayControlRenderer, GoAArrayControlReviewRenderer, GoAArrayControlTester, GoABaseInputReviewComponent, GoABaseRenderers, GoABaseReviewRenderers, GoABooleanControl, GoABooleanControlTester, GoABooleanRadioControl, GoABooleanRadioControlTester, GoACells, GoACheckoutGroupControlTester, GoADateControl, GoADateControlTester, GoADateInput, GoADateTimeControl, GoADateTimeControlTester, GoADateTimeInput, GoAEnumCheckboxGroupControl, GoAEnumControl, GoAEnumControlTester, GoAEnumRadioGroupControl, GoAInputBaseControl, GoAInputDateControl, GoAInputDateTimeControl, GoAInputInteger, GoAInputIntegerControl, GoAInputNumberControl, GoAInputText, GoAInputTextControl, GoAInputTimeControl, GoAIntegerControl, GoAIntegerControlTester, GoAListWithDetailsControlRenderer, GoAListWithDetailsTester, GoANumberControl, GoANumberControlTester, GoANumberInput, GoARadioGroupControlTester, GoARenderers, GoAReviewRenderers, GoATextControl, GoATextControlTester, GoATimeControl, GoATimeControlTester, GoATimeInput, GoInputBaseReview, GoInputBaseReviewControl, JsonFormContext, JsonFormRegisterProvider, JsonFormsRegisterContext, ListWithDetailsControl, MultiLineText, MultiLineTextControl, MultiLineTextControlInput, MultiLineTextControlTester, RadioGroup, createDefaultAjv, enumControl, errMalformedDate, formatSin, getProperty, isAddressLookup, isFullName, isFullNameDoB, registerReducer, resolveRefs, tryResolveRefs };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/jsonforms-components",
-  "version": "1.40.4",
+  "version": "1.41.1",
   "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",

package/src/index.d.ts

@@ -2,6 +2,7 @@ import { JsonFormsCellRendererRegistryEntry, JsonFormsRendererRegistryEntry } fr
 export * from './lib/Context';
 export * from './lib/common';
 export * from './lib/Context/register';
+export * from './lib/Controls';
 export declare const GoABaseRenderers: JsonFormsRendererRegistryEntry[];
 export declare const GoABaseReviewRenderers: JsonFormsRendererRegistryEntry[];
 export declare const GoAReviewRenderers: JsonFormsRendererRegistryEntry[];