@sebgroup/green-react 3.8.1 → 3.10.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"];
@@ -439,7 +441,7 @@ var AccordionItem = function AccordionItem(_ref) {
     label = item.label,
     subLabel = item.subLabel,
     content = item.content;
-  var _useState = useState(false),
+  var _useState = useState(item.defaultOpen || false),
     _useState2 = _slicedToArray(_useState, 2),
     isOpen = _useState2[0],
     setIsOpen = _useState2[1];
@@ -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.10.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/accordion/accordion-item.d.ts

@@ -12,6 +12,7 @@ export interface AccordionItemInterface {
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onOpen?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     onClose?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    defaultOpen?: boolean;
 }
 declare const AccordionItem: ({ item, index, uuid }: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export default AccordionItem;

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 };