@sebgroup/green-react 3.8.1 → 3.9.0

package/index.esm.js

@@ -9,6 +9,8 @@ import { GdsDropdown, GdsOption } from '@sebgroup/green-core/components/dropdown
 import { GdsContextMenu, GdsMenuItem, GdsMenuHeading } from '@sebgroup/green-core/components/context-menu/index.js';
 import classNames from 'classnames';
 import { GdsGroupedList, GdsListItem } from '@sebgroup/green-core/components/grouped-list/index.js';
+import { GdsSegmentedControl } from '@sebgroup/green-core/components/segmented-control/index.js';
+import { GdsSegment } from '@sebgroup/green-core/components/segmented-control/segment/index.js';
 
 function _iterableToArrayLimit(r, l) {
   var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
@@ -3288,4 +3290,35 @@ var BreadcrumbItem = function BreadcrumbItem(props) {
   return jsx("li", Object.assign({}, props));
 };
 
-export { Accordion, AlertRibbon as Alert, AlertRibbon, Badge, BankId, Breadcrumb, BreadcrumbItem, Button, ButtonGroup, Card, Check, Checkbox, ChevronDown, ContextMenu, CoreDatepicker, CoreDropdown, CoreMenuHeading, CoreOption, Datepicker, Dropdown, Edit, EmailInput, Flexbox, Form, FormItem, FormItems, Group, GroupedList, IconButton, InPageWizardStepCard, InfoCircle, Input, Link, List$1 as List, ListItem, MenuItem, Modal, Navbar, NumberInput, Option, OptionGroup, RadioButton, RadioGroup, Select, Slider, SortDirection, SquareExclamation, SquareInfo, Stepper, Tab, Table, TableBody, TableCell, TableContext, TableHeader, TableHeaderCell, TableRow, Tabs, Text, TextArea, TextInput, Times, valueList$1 as ValueList, filterArrayByColumns, onRowSelect, paginate, searchTextByColumns, sortArray, sumCols, useTableContext };
+registerTransitionalStyles();
+var CoreSegementedControl = createComponent({
+  tagName: getScopedTagName('gds-segmented-control'),
+  elementClass: GdsSegmentedControl,
+  events: {
+    onchange: 'change'
+  },
+  react: React
+});
+var CoreSegment = createComponent({
+  tagName: getScopedTagName('gds-segment'),
+  elementClass: GdsSegment,
+  react: React
+});
+var SegmentedControl = function SegmentedControl(_a) {
+  var onChange = _a.onChange,
+    className = _a.className,
+    props = __rest(_a, ["onChange", "className"]);
+  return jsx(CoreSegementedControl, Object.assign({
+    onchange: onChange,
+    className: classNames(className)
+  }, props));
+};
+var Segment = function Segment(_a) {
+  var className = _a.className,
+    props = __rest(_a, ["className"]);
+  return jsx(CoreSegment, Object.assign({
+    className: classNames(className)
+  }, props));
+};
+
+export { Accordion, AlertRibbon as Alert, AlertRibbon, Badge, BankId, Breadcrumb, BreadcrumbItem, Button, ButtonGroup, Card, Check, Checkbox, ChevronDown, ContextMenu, CoreDatepicker, CoreDropdown, CoreMenuHeading, CoreOption, CoreSegementedControl, CoreSegment, Datepicker, Dropdown, Edit, EmailInput, Flexbox, Form, FormItem, FormItems, Group, GroupedList, IconButton, InPageWizardStepCard, InfoCircle, Input, Link, List$1 as List, ListItem, MenuItem, Modal, Navbar, NumberInput, Option, OptionGroup, RadioButton, RadioGroup, Segment, SegmentedControl, Select, Slider, SortDirection, SquareExclamation, SquareInfo, Stepper, Tab, Table, TableBody, TableCell, TableContext, TableHeader, TableHeaderCell, TableRow, Tabs, Text, TextArea, TextInput, Times, valueList$1 as ValueList, filterArrayByColumns, onRowSelect, paginate, searchTextByColumns, sortArray, sumCols, useTableContext };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@sebgroup/green-react",
-  "version": "3.8.1",
+  "version": "3.9.0",
   "peerDependencies": {
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
   "dependencies": {
-    "@sebgroup/green-core": "^1.25.0",
+    "@sebgroup/green-core": "^1.29.0",
     "@sebgroup/chlorophyll": "^3.4.1",
     "@sebgroup/extract": "^3.0.1",
     "@lit/react": "^1.0.2",

package/src/index.d.ts

@@ -22,4 +22,5 @@ export * from './types';
 export * from './lib/table/components';
 export * from './lib/icons';
 export * from './lib/breadcrumb/breadcrumb';
+export * from './lib/segmented-control/segmented-control';
 export { AlertRibbon as Alert } from './lib/alert-ribbon/alert-ribbon';

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

@@ -0,0 +1,24 @@
+import React, { ReactNode } from 'react';
+import { GdsSegmentedControl } from '@sebgroup/green-core/components/segmented-control/index.js';
+import { GdsSegment } from '@sebgroup/green-core/components/segmented-control/segment/index.js';
+export declare const CoreSegementedControl: import("@lit/react").ReactWebComponent<GdsSegmentedControl<any>, {
+    onchange: string;
+}>;
+export declare const CoreSegment: import("@lit/react").ReactWebComponent<GdsSegment<any>, {}>;
+export interface SegmentedControlProps {
+    value?: string;
+    segMinWidth?: number;
+    size?: 'small' | 'medium';
+    onChange?: (event: Event) => void;
+    className?: string;
+    children?: ReactNode | ReactNode[];
+}
+export interface SegmentProps {
+    value?: string;
+    className?: string;
+    disabled?: boolean;
+    children?: ReactNode | ReactNode[];
+}
+declare const SegmentedControl: React.FC<SegmentedControlProps>;
+declare const Segment: React.FC<SegmentProps>;
+export { SegmentedControl, Segment };