@sebgroup/green-react 3.21.0 → 3.22.0

package/package.json

@@ -2,14 +2,14 @@
   "name": "@sebgroup/green-react",
   "main": "./src/index.js",
   "module": "./src/index.js",
-  "version": "3.21.0",
+  "version": "3.22.0",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
     "@sebgroup/green-core": "^1.48.1",
-    "@sebgroup/chlorophyll": "^3.6.8",
+    "@sebgroup/chlorophyll": "^3.6.10",
     "@sebgroup/extract": "^3.0.1",
     "@lit/react": "^1.0.2",
     "classnames": "^2.3.2",

package/src/lib/dropdown/dropdown.d.ts

@@ -58,6 +58,7 @@ export declare const CoreDropdown: import("@lit/react").ReactWebComponent<GdsDro
 export declare const CoreOption: import("@lit/react").ReactWebComponent<GdsOption, {}>;
 export interface DropdownProps extends DropdownArgs {
     onChange?: OnChange;
+    required?: boolean;
 }
-export declare const Dropdown: ({ compareWith, display, id, informationLabel, label, multiSelect, onChange, options, searchFilter, searchable, texts, useValue, validator, value, syncPopoverWidth, disableMobileStyles, onGdsUiState, ...props }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Dropdown: ({ compareWith, display, id, informationLabel, label, multiSelect, onChange, options, searchFilter, searchable, texts, useValue, validator, value, syncPopoverWidth, disableMobileStyles, onGdsUiState, required, ...props }: DropdownProps) => import("react/jsx-runtime").JSX.Element;
 export default Dropdown;

package/src/lib/dropdown/dropdown.js

@@ -43,7 +43,8 @@ var Dropdown = function Dropdown(_a) {
     syncPopoverWidth = _a.syncPopoverWidth,
     disableMobileStyles = _a.disableMobileStyles,
     _onGdsUiState = _a.onGdsUiState,
-    props = __rest(_a, ["compareWith", "display", "id", "informationLabel", "label", "multiSelect", "onChange", "options", "searchFilter", "searchable", "texts", "useValue", "validator", "value", "syncPopoverWidth", "disableMobileStyles", "onGdsUiState"]);
+    required = _a.required,
+    props = __rest(_a, ["compareWith", "display", "id", "informationLabel", "label", "multiSelect", "onChange", "options", "searchFilter", "searchable", "texts", "useValue", "validator", "value", "syncPopoverWidth", "disableMobileStyles", "onGdsUiState", "required"]);
   var handleOnChange = function handleOnChange(e) {
     if ('value' in e.detail) {
       onChange === null || onChange === void 0 ? void 0 : onChange(e.detail.value);
@@ -78,6 +79,7 @@ var Dropdown = function Dropdown(_a) {
       hideLabel: props.hideLabel,
       maxHeight: props.maxHeight,
       disableMobileStyles: disableMobileStyles,
+      required: required,
       onGdsUiState: function onGdsUiState(e) {
         return _onGdsUiState === null || _onGdsUiState === void 0 ? void 0 : _onGdsUiState(e);
       },

package/src/lib/form/useInput.d.ts

@@ -1,5 +1,5 @@
 import React, { InputHTMLAttributes, RefObject } from 'react';
-declare const useInput: (props: InputHTMLAttributes<HTMLInputElement>, onChanges?: ((event: React.ChangeEvent<HTMLInputElement>) => void) | undefined, onChangeInput?: ((value: string) => string) | undefined) => React.InputHTMLAttributes<HTMLInputElement> & {
+declare const useInput: (props: InputHTMLAttributes<HTMLInputElement>, onChanges?: (event: React.ChangeEvent<HTMLInputElement>) => void, onChangeInput?: (value: string) => string) => InputHTMLAttributes<HTMLInputElement> & {
     ref: RefObject<HTMLInputElement>;
 };
 export default useInput;