@sebgroup/green-react 3.23.0 → 3.24.0

package/package.json

@@ -2,13 +2,13 @@
   "name": "@sebgroup/green-react",
   "main": "./src/index.js",
   "module": "./src/index.js",
-  "version": "3.23.0",
+  "version": "3.24.0",
   "peerDependencies": {
-    "react": "^17 || ^18",
-    "react-dom": "^17 || ^18"
+    "react": "^17 || ^18 || ^19",
+    "react-dom": "^17 || ^18 || ^19"
   },
   "dependencies": {
-    "@sebgroup/green-core": "^1.48.1",
+    "@sebgroup/green-core": "^1.63.1",
     "@sebgroup/chlorophyll": "^3.6.10",
     "@sebgroup/extract": "^3.0.1",
     "@lit/react": "^1.0.2",

package/src/core/dropdown/index.d.ts

@@ -3,6 +3,7 @@ declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsDropdown<a
     onInput: string;
     onChange: string;
     onGdsUiState: string;
+    onGdsFilterInput: string;
     onGdsElementDisconnected: string;
 }>;
 export default reactWrapper;

package/src/core/dropdown/index.js

@@ -13,6 +13,7 @@ var reactWrapper = createComponent({
     onInput: "input",
     onChange: "change",
     onGdsUiState: "gds-ui-state",
+    onGdsFilterInput: "gds-filter-input",
     onGdsElementDisconnected: "gds-element-disconnected"
   },
   displayName: "GdsDropdown"

package/src/core/index.d.ts

@@ -25,6 +25,7 @@ export { default as GdsPopover } from './popover';
 export { default as GdsRadioGroup } from './radio-group';
 export { default as GdsRichText } from './rich-text';
 export { default as GdsSegmentedControl } from './segmented-control';
+export { default as GdsSelect } from './select';
 export { default as GdsSignal } from './signal';
 export { default as GdsSpacer } from './spacer';
 export { default as GdsText } from './text';

package/src/core/index.js

@@ -25,6 +25,7 @@ export { default as GdsPopover } from './popover/index.js';
 export { default as GdsRadioGroup } from './radio-group/index.js';
 export { default as GdsRichText } from './rich-text/index.js';
 export { default as GdsSegmentedControl } from './segmented-control/index.js';
+export { default as GdsSelect } from './select/index.js';
 export { default as GdsSignal } from './signal/index.js';
 export { default as GdsSpacer } from './spacer/index.js';
 export { default as GdsText } from './text/index.js';
@@ -67,6 +68,7 @@ import '@sebgroup/green-core/components/popover/popover.js';
 import '@sebgroup/green-core/components/radio/radio-group.js';
 import '@sebgroup/green-core/components/rich-text/rich-text.js';
 import '@sebgroup/green-core/components/segmented-control/segmented-control.js';
+import '@sebgroup/green-core/components/select/select.js';
 import '@sebgroup/green-core/components/signal/signal.js';
 import '@sebgroup/green-core/components/spacer/spacer.js';
 import '@sebgroup/green-core/components/text/text.js';

package/src/core/segmented-control/index.d.ts

@@ -1,6 +1,6 @@
 import { GdsSegmentedControl } from "@sebgroup/green-core/components/segmented-control/segmented-control.js";
 declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsSegmentedControl<any>, {
-    onChanged: string;
+    onChange: string;
     onGdsElementDisconnected: string;
 }>;
 export default reactWrapper;

package/src/core/segmented-control/index.js

@@ -10,7 +10,7 @@ var reactWrapper = createComponent({
   elementClass: GdsSegmentedControl,
   react: React,
   events: {
-    onChanged: "changed",
+    onChange: "change",
     onGdsElementDisconnected: "gds-element-disconnected"
   },
   displayName: "GdsSegmentedControl"

package/src/core/select/index.d.ts

@@ -0,0 +1,7 @@
+import { GdsSelect } from "@sebgroup/green-core/components/select/select.js";
+declare const reactWrapper: import("@lit/react").ReactWebComponent<GdsSelect<string>, {
+    onChange: string;
+    onInput: string;
+    onGdsElementDisconnected: string;
+}>;
+export default reactWrapper;

package/src/core/select/index.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { createComponent } from '@lit/react';
+import { getScopedTagName } from '@sebgroup/green-core/scoping';
+import { GdsSelect } from '@sebgroup/green-core/components/select/select.js';
+
+var tagName = getScopedTagName("gds-select");
+//GdsSelect.define('gds-select')
+var reactWrapper = createComponent({
+  tagName: tagName,
+  elementClass: GdsSelect,
+  react: React,
+  events: {
+    onChange: "change",
+    onInput: "input",
+    onGdsElementDisconnected: "gds-element-disconnected"
+  },
+  displayName: "GdsSelect"
+});
+
+export { reactWrapper as default };

package/src/lib/form/radioButton/radioGroup.js

@@ -26,8 +26,6 @@ var RadioGroup = function RadioGroup(_ref) {
     propName = _ref$name === void 0 ? randomId() : _ref$name,
     horizontal = _ref.horizontal,
     children = _ref.children;
-  if (title) console.warn('"title" prop is deprecated. Please use "label" instead.');
-  if (description) console.warn('"description" prop is deprecated. Please use "labelInformation" instead.');
   var _useState = useState(valueSelected !== null && valueSelected !== void 0 ? valueSelected : defaultSelected),
     _useState2 = _slicedToArray(_useState, 2),
     selected = _useState2[0],

package/src/lib/segmented-control/segmented-control.d.ts

@@ -18,8 +18,8 @@ export interface SegmentProps {
     disabled?: boolean;
     children?: ReactNode | ReactNode[];
     width?: string;
-    'min-Width'?: string;
-    'max-Width'?: string;
+    minWidth?: string;
+    maxWidth?: string;
     /** @deprecated */
     segMinWidth?: number;
 }

package/src/lib/segmented-control/segmented-control.js

@@ -34,13 +34,17 @@ var SegmentedControl = function SegmentedControl(_a) {
 };
 /** @deprecated - Use `GdsSegmented` instead */
 var Segment = function Segment(_a) {
-  var _b;
   var className = _a.className,
-    props = __rest(_a, ["className"]);
+    minWidth = _a.minWidth,
+    maxWidth = _a.maxWidth,
+    segMinWidth = _a.segMinWidth,
+    props = __rest(_a, ["className", "minWidth", "maxWidth", "segMinWidth"]);
+  var formattedSegMinWidth = segMinWidth ? "".concat(segMinWidth, "px") : undefined;
   return jsx(GdsSegment, Object.assign({
     className: classNames(className)
   }, props, {
-    "min-width": props['min-Width'] || ((_b = props.segMinWidth) === null || _b === void 0 ? void 0 : _b.toString())
+    "min-width": minWidth || formattedSegMinWidth,
+    "max-width": maxWidth
   }));
 };