@inera/ids-react 1.6.0 → 1.8.0

package/api.d.ts

@@ -36,3 +36,5 @@ export * from "./components/list/item/list-item";
 export * from "./components/list/item/info/list-item-info";
 export * from "./components/date-label/date-label";
 export * from "./components/breadcrumbs/breacrumbs";
+export * from "./components/dialog/dialog";
+export * from "./components/card/card";

package/api.js

@@ -36,3 +36,5 @@ export { IDSListItem } from './components/list/item/list-item.js';
 export { IDSListItemInfo } from './components/list/item/info/list-item-info.js';
 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';

package/components/card/card.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import '@inera/ids-core/components/card/register';
+import { IDSCard as IDSCardComponent } from '@inera/ids-core/components/card/card-element';
+export declare const IDSCard: React.ForwardRefExoticComponent<Partial<Omit<IDSCardComponent, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;

package/components/card/card.js

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import '@inera/ids-core/components/card/register';
+import { IDSCard as IDSCard$1 } from '@inera/ids-core/components/card/card-element';
+import { createComponent } from '@lit-labs/react';
+
+var IDSCard = createComponent(React, 'ids-card', IDSCard$1);
+
+export { IDSCard };

package/components/dialog/dialog.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import '@inera/ids-core/components/dialog/register';
+import { IDSDialog as IDSDialogComponent } from '@inera/ids-core/components/dialog/dialog-element';
+import { IDSDialogActions as IDSDialogActionsComponent } from '@inera/ids-core/components/dialog/actions/dialog-actions-element';
+export declare const IDSDialog: React.ForwardRefExoticComponent<Partial<Omit<IDSDialogComponent, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export declare const IDSDialogActions: React.ForwardRefExoticComponent<Partial<Omit<IDSDialogActionsComponent, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;

package/components/dialog/dialog.js

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import '@inera/ids-core/components/dialog/register';
+import { IDSDialog as IDSDialog$1 } from '@inera/ids-core/components/dialog/dialog-element';
+import { IDSDialogActions as IDSDialogActions$1 } from '@inera/ids-core/components/dialog/actions/dialog-actions-element';
+import { createComponent } from '@lit-labs/react';
+
+var IDSDialog = createComponent(React, 'ids-dialog', IDSDialog$1);
+var IDSDialogActions = createComponent(React, 'ids-dialog-actions', IDSDialogActions$1);
+
+export { IDSDialog, IDSDialogActions };

package/components/form/checkbox/checkbox.js

@@ -6,8 +6,8 @@ import { IDSCheckbox as IDSCheckbox$1 } from '@inera/ids-core/components/form/ch
 
 var IDSCheckboxWebComponent = createComponent(React, 'ids-checkbox', IDSCheckbox$1);
 var IDSCheckbox = function (props) {
-    var label = props.label, inputTypeCheckboxProps = __rest(props, ["label"]);
-    return (React.createElement(IDSCheckboxWebComponent, null,
+    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)));
 };

package/components/form/input/input.js

@@ -7,30 +7,30 @@ import { IDSErrorMessage } from '../errormessage/error-message.js';
 
 var IDSInputWebComponent = createComponent(React, 'ids-input', IDSInput);
 var IDSInputText = function (props) {
-    var label = props.label, _a = props.errorMessage, errorMessage = _a === void 0 ? null : _a, inputProps = __rest(props, ["label", "errorMessage"]);
-    return (React.createElement(IDSInputWebComponent, null,
+    var label = props.label, _a = props.errorMessage, errorMessage = _a === void 0 ? null : _a, autoFocus = props.autoFocus, inputProps = __rest(props, ["label", "errorMessage", "autoFocus"]);
+    return (React.createElement(IDSInputWebComponent, { autoFocus: autoFocus },
         React.createElement("label", null, label),
         React.createElement("input", __assign({ type: "text" }, inputProps)),
         errorMessage ? React.createElement(IDSErrorMessage, null, errorMessage) : null));
 };
 var IDSInputSearch = function (props) {
-    var label = props.label, _a = props.errorMessage, errorMessage = _a === void 0 ? null : _a, _b = props.button, button = _b === void 0 ? null : _b, inputProps = __rest(props, ["label", "errorMessage", "button"]);
-    return (React.createElement(IDSInputWebComponent, null,
+    var label = props.label, _a = props.errorMessage, errorMessage = _a === void 0 ? null : _a, autoFocus = props.autoFocus, _b = props.button, button = _b === void 0 ? null : _b, inputProps = __rest(props, ["label", "errorMessage", "autoFocus", "button"]);
+    return (React.createElement(IDSInputWebComponent, { autoFocus: autoFocus },
         React.createElement("label", null, label),
         React.createElement("input", __assign({ type: "search" }, inputProps)),
         button,
         errorMessage ? React.createElement(IDSErrorMessage, null, errorMessage) : null));
 };
 var IDSInputEmail = function (props) {
-    var label = props.label, _a = props.errorMessage, errorMessage = _a === void 0 ? null : _a, inputProps = __rest(props, ["label", "errorMessage"]);
-    return (React.createElement(IDSInputWebComponent, null,
+    var label = props.label, _a = props.errorMessage, errorMessage = _a === void 0 ? null : _a, autoFocus = props.autoFocus, inputProps = __rest(props, ["label", "errorMessage", "autoFocus"]);
+    return (React.createElement(IDSInputWebComponent, { autoFocus: autoFocus },
         React.createElement("label", null, label),
         React.createElement("input", __assign({ type: "email" }, inputProps)),
         errorMessage ? React.createElement(IDSErrorMessage, null, errorMessage) : null));
 };
 var IDSInputPassword = function (props) {
-    var label = props.label, _a = props.errorMessage, errorMessage = _a === void 0 ? null : _a, inputProps = __rest(props, ["label", "errorMessage"]);
-    return (React.createElement(IDSInputWebComponent, null,
+    var label = props.label, autoFocus = props.autoFocus, _a = props.errorMessage, errorMessage = _a === void 0 ? null : _a, inputProps = __rest(props, ["label", "autoFocus", "errorMessage"]);
+    return (React.createElement(IDSInputWebComponent, { autoFocus: autoFocus },
         React.createElement("label", null, label),
         React.createElement("input", __assign({ type: "password" }, inputProps)),
         errorMessage ? React.createElement(IDSErrorMessage, null, errorMessage) : null));

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@inera/ids-react",
-  "version": "1.6.0",
+  "version": "1.8.0",
   "peerDependencies": {
     "react": "*"
   },
   "dependencies": {
-    "@inera/ids-core": "1.6.x",
+    "@inera/ids-core": "1.8.x",
     "@lit-labs/react": "^1.0.2"
   },
   "main": "api.js",