@inera/ids-react 1.9.0 → 1.10.0

package/api.d.ts

@@ -1,6 +1,5 @@
 export * from "./components/form/checkbox/checkbox";
 export * from "./components/form/checkbox/checkbox-group";
-export * from "./components/form/checkbox/checkbox-array";
 export * from "./components/form/input/input";
 export * from "./components/form/radio/radio";
 export * from "./components/form/radio/radio-group";
@@ -38,3 +37,4 @@ export * from "./components/date-label/date-label";
 export * from "./components/breadcrumbs/breacrumbs";
 export * from "./components/dialog/dialog";
 export * from "./components/card/card";
+export * from "./components/agent/agent";

package/api.js

@@ -1,19 +1,18 @@
-export { IDSCheckbox, IDSCheckboxWebComponent } from './components/form/checkbox/checkbox.js';
-export { IDSCheckboxGroup, IDSCheckboxGroupWebComponent } from './components/form/checkbox/checkbox-group.js';
-export { IDSCheckboxArray } from './components/form/checkbox/checkbox-array.js';
+export { IDSCheckbox } from './components/form/checkbox/checkbox.js';
+export { IDSCheckboxGroup } from './components/form/checkbox/checkbox-group.js';
 export { IDSInput } from './components/form/input/input.js';
-export { IDSRadio, IDSRadioWebComponent } from './components/form/radio/radio.js';
+export { IDSRadio } from './components/form/radio/radio.js';
 export { IDSRadioGroup } from './components/form/radio/radio-group.js';
 export { IDSTextarea } from './components/form/textarea/textarea.js';
 export { IDSRange } from './components/form/range/range.js';
-export { IDSSelect, IDSSelectWebComponent } from './components/form/select/select.js';
+export { IDSSelect } from './components/form/select/select.js';
 export { IDSSelectMultiple } from './components/form/selectmultiple/select-multiple.js';
 export { IDSErrorMessage } from './components/form/errormessage/error-message.js';
 export { IDSTime } from './components/form/time/time.js';
 export { IDSSpinner, IDSSpinnerWebComponent } from './components/form/spinner/spinner.js';
 export { IDSIcon } from './components/icon/icon.js';
-export { IDSButton, IDSButtonWebComponent } from './components/button/button.js';
-export { IDSButtonGroup, IDSButtonGroupWebComponent } from './components/button/button-group.js';
+export { IDSButton } from './components/button/button.js';
+export { IDSButtonGroup } from './components/button/button-group.js';
 export { IDSCol, IDSContainer, IDSRow } from './components/layout/grid.js';
 export { IDSAlert, IDSAlertWebComponent } from './components/alert/alert.js';
 export { IDSAlertGlobal, IDSAlertGlobalWebComponent } from './components/alert-global/alert-global.js';
@@ -38,3 +37,4 @@ export { IDSDateLabel } from './components/date-label/date-label.js';
 export { IDSBreadcrumbs, IDSCrumb } from './components/breadcrumbs/breacrumbs.js';
 export { IDSDialog, IDSDialogActions } from './components/dialog/dialog.js';
 export { IDSCard } from './components/card/card.js';
+export { IDSAgent } from './components/agent/agent.js';

package/components/agent/agent.d.ts

@@ -0,0 +1,2 @@
+import '@inera/ids-core/components/agent/register';
+export declare const IDSAgent: any;

package/components/agent/agent.js

@@ -0,0 +1,10 @@
+import React__default from 'react';
+import { createComponent } from '@lit-labs/react';
+import '@inera/ids-core/components/agent/register';
+import { IDSAgent as IDSAgent$1 } from '@inera/ids-core/components/agent/agent-element';
+
+var IDSAgent = createComponent(React__default, 'ids-agent', IDSAgent$1, {
+    onDidToggleExpansion: 'didToggleExpansion'
+});
+
+export { IDSAgent };

package/components/button/button-group.d.ts

@@ -1,3 +1,2 @@
 import '@inera/ids-core/components/button-group/register';
-export declare const IDSButtonGroupWebComponent: any;
-export declare const IDSButtonGroup: (props: any) => any;
+export declare const IDSButtonGroup: any;

package/components/button/button-group.js

@@ -3,10 +3,6 @@ import '@inera/ids-core/components/button-group/register';
 import { IDSButtonGroup as IDSButtonGroup$1 } from '@inera/ids-core/components/button-group/button-group-element';
 import { createComponent } from '@lit-labs/react';
 
-var IDSButtonGroupWebComponent = createComponent(React, 'ids-button-group', IDSButtonGroup$1);
-var IDSButtonGroup = function (props) {
-    var children = props.children;
-    return (React.createElement(IDSButtonGroupWebComponent, null, children));
-};
+var IDSButtonGroup = createComponent(React, 'ids-button-group', IDSButtonGroup$1);
 
-export { IDSButtonGroup, IDSButtonGroupWebComponent };
+export { IDSButtonGroup };

package/components/button/button.d.ts

@@ -1,3 +1,2 @@
 import '@inera/ids-core/components/button/register';
-export declare const IDSButtonWebComponent: any;
-export declare const IDSButton: (props: any) => any;
+export declare const IDSButton: any;

package/components/button/button.js

@@ -1,13 +1,8 @@
-import { __rest, __assign } from 'tslib';
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
 import '@inera/ids-core/components/button/register';
 import { IDSButton as IDSButton$1 } from '@inera/ids-core/components/button/button-element';
 
-var IDSButtonWebComponent = createComponent(React, 'ids-button', IDSButton$1);
-var IDSButton = function (props) {
-    var children = props.children, buttonProps = __rest(props, ["children"]);
-    return (React.createElement(IDSButtonWebComponent, __assign({}, buttonProps), children));
-};
+var IDSButton = createComponent(React, 'ids-button', IDSButton$1);
 
-export { IDSButton, IDSButtonWebComponent };
+export { IDSButton };

package/components/form/checkbox/checkbox-group.d.ts

@@ -1,3 +1,2 @@
 import '@inera/ids-core/components/form/checkbox-group/register';
-export declare const IDSCheckboxGroupWebComponent: any;
-export declare const IDSCheckboxGroup: (props: any) => any;
+export declare const IDSCheckboxGroup: any;

package/components/form/checkbox/checkbox-group.js

@@ -3,10 +3,6 @@ import { createComponent } from '@lit-labs/react';
 import '@inera/ids-core/components/form/checkbox-group/register';
 import { IDSCheckboxGroup as IDSCheckboxGroup$1 } from '@inera/ids-core/components/form/checkbox-group/checkbox-group-element';
 
-var IDSCheckboxGroupWebComponent = createComponent(React__default, 'ids-checkbox-group', IDSCheckboxGroup$1);
-var IDSCheckboxGroup = function (props) {
-    var legend = props.legend, children = props.children;
-    return (React__default.createElement(IDSCheckboxGroupWebComponent, { legend: legend }, children));
-};
+var IDSCheckboxGroup = createComponent(React__default, 'ids-checkbox-group', IDSCheckboxGroup$1);
 
-export { IDSCheckboxGroup, IDSCheckboxGroupWebComponent };
+export { IDSCheckboxGroup };

package/components/form/checkbox/checkbox.d.ts

@@ -1,3 +1,2 @@
 import '@inera/ids-core/components/form/checkbox/register';
-export declare const IDSCheckboxWebComponent: any;
-export declare const IDSCheckbox: (props: any) => any;
+export declare const IDSCheckbox: any;

package/components/form/checkbox/checkbox.js

@@ -1,15 +1,8 @@
-import { __rest, __assign } from 'tslib';
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
 import '@inera/ids-core/components/form/checkbox/register';
 import { IDSCheckbox as IDSCheckbox$1 } from '@inera/ids-core/components/form/checkbox/checkbox-element';
 
-var IDSCheckboxWebComponent = createComponent(React, 'ids-checkbox', IDSCheckbox$1);
-var IDSCheckbox = function (props) {
-    var label = props.label, valid = props.valid, inputTypeCheckboxProps = __rest(props, ["label", "valid"]);
-    return (React.createElement(IDSCheckboxWebComponent, { valid: valid },
-        React.createElement("input", __assign({ type: "checkbox" }, inputTypeCheckboxProps)),
-        React.createElement("label", null, label)));
-};
+var IDSCheckbox = createComponent(React, 'ids-checkbox', IDSCheckbox$1);
 
-export { IDSCheckbox, IDSCheckboxWebComponent };
+export { IDSCheckbox };

package/components/form/radio/radio-group.d.ts

@@ -1,2 +1,2 @@
 import '@inera/ids-core/components/form/radio/register';
-export declare const IDSRadioGroup: (props: any) => any;
+export declare const IDSRadioGroup: any;

package/components/form/radio/radio-group.js

@@ -1,13 +1,8 @@
-import { __rest, __assign } from 'tslib';
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
 import '@inera/ids-core/components/form/radio/register';
 import { IDSRadioGroup as IDSRadioGroup$1 } from '@inera/ids-core/components/form/radio/radio-group-element';
 
-var IDSRadioGroupWebComponent = createComponent(React, 'ids-radio-group', IDSRadioGroup$1);
-var IDSRadioGroup = function (props) {
-    var legend = props.legend, children = props.children, radiogroupProps = __rest(props, ["legend", "children"]);
-    return (React.createElement(IDSRadioGroupWebComponent, __assign({ legend: legend }, radiogroupProps), children));
-};
+var IDSRadioGroup = createComponent(React, 'ids-radio-group', IDSRadioGroup$1);
 
 export { IDSRadioGroup };

package/components/form/radio/radio.d.ts

@@ -1,3 +1,2 @@
 import '@inera/ids-core/components/form/radio/register';
-export declare const IDSRadioWebComponent: any;
-export declare const IDSRadio: (props: any) => any;
+export declare const IDSRadio: any;

package/components/form/radio/radio.js

@@ -1,15 +1,8 @@
-import { __rest, __assign } from 'tslib';
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
 import '@inera/ids-core/components/form/radio/register';
 import { IDSRadio as IDSRadio$1 } from '@inera/ids-core/components/form/radio/radio-element';
 
-var IDSRadioWebComponent = createComponent(React, 'ids-radio', IDSRadio$1);
-var IDSRadio = function (props) {
-    var label = props.label, value = props.value, inputProps = __rest(props, ["label", "value"]);
-    return (React.createElement(IDSRadioWebComponent, null,
-        React.createElement("input", __assign({ type: "radio", value: value }, inputProps)),
-        React.createElement("label", null, label)));
-};
+var IDSRadio = createComponent(React, 'ids-radio', IDSRadio$1);
 
-export { IDSRadio, IDSRadioWebComponent };
+export { IDSRadio };

package/components/form/select/select.d.ts

@@ -1,3 +1,2 @@
 import '@inera/ids-core/components/form/select/register';
-export declare const IDSSelectWebComponent: any;
-export declare const IDSSelect: (props: any) => any;
+export declare const IDSSelect: any;

package/components/form/select/select.js

@@ -1,15 +1,8 @@
-import { __rest, __assign } from 'tslib';
 import * as React from 'react';
 import { createComponent } from '@lit-labs/react';
 import '@inera/ids-core/components/form/select/register';
 import { IDSSelect as IDSSelect$1 } from '@inera/ids-core/components/form/select/select-element';
 
-var IDSSelectWebComponent = createComponent(React, 'ids-select', IDSSelect$1);
-var IDSSelect = function (props) {
-    var label = props.label, children = props.children, selectProps = __rest(props, ["label", "children"]);
-    return (React.createElement(IDSSelectWebComponent, null,
-        React.createElement("label", null, label),
-        React.createElement("select", __assign({}, selectProps), children)));
-};
+var IDSSelect = createComponent(React, 'ids-select', IDSSelect$1);
 
-export { IDSSelect, IDSSelectWebComponent };
+export { IDSSelect };

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@inera/ids-react",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "peerDependencies": {
     "react": "*"
   },
   "dependencies": {
-    "@inera/ids-core": "1.9.x",
+    "@inera/ids-core": "1.10.x",
     "@lit-labs/react": "^1.0.2"
   },
   "main": "api.js",

package/components/form/checkbox/checkbox-array.d.ts

@@ -1 +0,0 @@
-export declare const IDSCheckboxArray: (props: any) => any;

package/components/form/checkbox/checkbox-array.js

@@ -1,17 +0,0 @@
-import React__default, { useState, useEffect } from 'react';
-import { IDSCheckboxGroup } from './checkbox-group.js';
-import { IDSCheckbox } from './checkbox.js';
-
-var IDSCheckboxArray = function (props) {
-    var _a = props.legend, legend = _a === void 0 ? null : _a, _b = props.labelValueArray, labelValueArray = _b === void 0 ? [] : _b;
-    var _c = useState(labelValueArray), labelValue = _c[0], setLabelValueArray = _c[1];
-    useEffect(function () {
-        setLabelValueArray(labelValueArray);
-    }, [labelValueArray]);
-    return (React__default.createElement(IDSCheckboxGroup, { legend: legend }, labelValue.map(function (_a) {
-        var label = _a.label, value = _a.value;
-        return (React__default.createElement(IDSCheckbox, { label: label, name: value, defaultValue: value }));
-    })));
-};
-
-export { IDSCheckboxArray };