@inera/ids-react 1.5.0 → 1.7.1

package/api.d.ts

@@ -35,3 +35,4 @@ export * from "./components/list/list";
 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";

package/api.js

@@ -35,3 +35,4 @@ export { IDSList } from './components/list/list.js';
 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';

package/components/breadcrumbs/breacrumbs.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import '@inera/ids-core/components/breadcrumbs/register';
+import { IDSBreadcrumbs as IDSBreadcrumbsWC } from '@inera/ids-core/components/breadcrumbs/breadcrumbs-element';
+import { IDSCrumb as IDSCrumbsWC } from '@inera/ids-core/components/breadcrumbs/crumb/crumb-element';
+export declare const IDSBreadcrumbs: React.ForwardRefExoticComponent<Partial<Omit<IDSBreadcrumbsWC, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;
+export declare const IDSCrumb: React.ForwardRefExoticComponent<Partial<Omit<IDSCrumbsWC, "children">> & {} & React.HTMLAttributes<HTMLElement> & {
+    children?: React.ReactNode;
+} & React.RefAttributes<unknown>>;

package/components/breadcrumbs/breacrumbs.js

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

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.5.0",
+  "version": "1.7.1",
   "peerDependencies": {
-    "react": "^17.0.2"
+    "react": "*"
   },
   "dependencies": {
-    "@inera/ids-core": "1.5.x",
+    "@inera/ids-core": "1.7.x",
     "@lit-labs/react": "^1.0.2"
   },
   "main": "api.js",