@loadsmart/miranda-react 2.1.0 → 3.0.0-alpha.2

package/dist/labeledvalue.js

@@ -0,0 +1,5 @@
+export { b as LabeledValue, L as LabeledValueLabel, a as LabeledValueValue } from './LabeledValue-BEj3zEk5.js';
+export { LabeledValue as WCLabeledValue, LabeledValueLabel as WCLabeledValueLabel, LabeledValueValue as WCLabeledValueValue } from '@loadsmart/miranda-wc';
+import 'react/jsx-runtime';
+import 'react';
+import './createComponent-Cye6h9wF.js';

package/dist/layout.js

@@ -0,0 +1,5 @@
+export { B as Box, C as Column, d as Container, a as Grid, G as Group, L as Layout, R as Row, b as Sidebar, S as Stack, c as Switcher } from './Layout-yKvtIEmV.js';
+export { Box as WCBox, Column as WCColumn, Container as WCContainer, Grid as WCGrid, Group as WCGroup, Row as WCRow, Sidebar as WCSidebar, Stack as WCStack, Switcher as WCSwitcher } from '@loadsmart/miranda-wc';
+import './createComponent-Cye6h9wF.js';
+import 'react';
+import 'react/jsx-runtime';

package/dist/link.js

@@ -0,0 +1,4 @@
+export { L as Link } from './Link-XqV4DM9g.js';
+export { Link as WCLink } from '@loadsmart/miranda-wc';
+import './createComponent-Cye6h9wF.js';
+import 'react';

package/dist/logoloader.js

@@ -0,0 +1,4 @@
+export { L as LogoLoader } from './LogoLoader-Bjplh2u3.js';
+export { LogoLoader as WCLogoLoader } from '@loadsmart/miranda-wc';
+import './createComponent-Cye6h9wF.js';
+import 'react';

package/dist/pagecontent.js

@@ -0,0 +1,4 @@
+export { B as Body, P as PageContent } from './PageContent-Bu0ofdVV.js';
+export { Body as WCBody, PageContent as WCPageContent } from '@loadsmart/miranda-wc';
+import './createComponent-Cye6h9wF.js';
+import 'react';

package/dist/pagination.js

@@ -0,0 +1,4 @@
+export { P as Pagination } from './Pagination-D2HYqeb2.js';
+export { Pagination as WCPagination } from '@loadsmart/miranda-wc';
+import './createComponent-Cye6h9wF.js';
+import 'react';

package/dist/progressbar.js

@@ -0,0 +1,4 @@
+export { P as ProgressBar } from './ProgressBar-CdwVUs1k.js';
+export { ProgressBar as WCProgressBar } from '@loadsmart/miranda-wc';
+import './createComponent-Cye6h9wF.js';
+import 'react';

package/dist/progressbarcountdown.js

@@ -0,0 +1,4 @@
+export { P as ProgressBarCountdown } from './ProgressBarCountdown-BsTb_5jd.js';
+export { ProgressBarCountdown as WCProgressBarCountdown } from '@loadsmart/miranda-wc';
+import './createComponent-Cye6h9wF.js';
+import 'react';

package/dist/radiogroup.js

@@ -0,0 +1,5 @@
+export { a as Radio, R as RadioGroup } from './RadioGroup-QWrSrVvv.js';
+export { Radio as WCRadio, RadioGroup as WCRadioGroup } from '@loadsmart/miranda-wc';
+import './createComponent-Cye6h9wF.js';
+import 'react';
+import 'react/jsx-runtime';

package/dist/section.js

@@ -0,0 +1,5 @@
+export { S as Section } from './Section-BcuVyQXQ.js';
+export { Section as WCSection, SectionTitle as WCSectionTitle } from '@loadsmart/miranda-wc';
+import './createComponent-Cye6h9wF.js';
+import 'react';
+import 'react/jsx-runtime';

package/dist/spinnerwheel.js

@@ -0,0 +1,4 @@
+export { S as SpinnerWheel } from './SpinnerWheel-BqMAxsBi.js';
+export { SpinnerWheel as WCSpinnerWheel } from '@loadsmart/miranda-wc';
+import './createComponent-Cye6h9wF.js';
+import 'react';

package/dist/steps.js

@@ -0,0 +1,4 @@
+export { a as Step, S as Steps, u as useSteps } from './useSteps-O9Ch5_pJ.js';
+export { Step as WCStep, Steps as WCSteps } from '@loadsmart/miranda-wc';
+import './createComponent-Cye6h9wF.js';
+import 'react';

package/dist/switch.js

@@ -0,0 +1,4 @@
+export { S as Switch } from './Switch-Uq5TuNqD.js';
+export { Switch as WCSwitch } from '@loadsmart/miranda-wc';
+import './createComponent-Cye6h9wF.js';
+import 'react';

package/dist/table.js

@@ -0,0 +1,4 @@
+export { T as Table, i as TableActions, b as TableBody, f as TableCell, h as TableFeedback, c as TableFoot, a as TableHead, e as TableHeadCell, d as TableRow, g as TableToolbar } from './Table-DlnVsR0p.js';
+export { Table as WCTable, TableActions as WCTableActions, TableBody as WCTableBody, TableCell as WCTableCell, TableFeedback as WCTableFeedback, TableFoot as WCTableFoot, TableHead as WCTableHead, TableHeadCell as WCTableHeadCell, TableRow as WCTableRow, TableToolbar as WCTableToolbar } from '@loadsmart/miranda-wc';
+import './createComponent-Cye6h9wF.js';
+import 'react';

package/dist/tabs.js

@@ -0,0 +1,5 @@
+export { a as Tab, b as TabPanel, T as Tabs } from './Tabs-9eHquUoD.js';
+export { Tab as WCTab, TabPanel as WCTabPanel, Tabs as WCTabs } from '@loadsmart/miranda-wc';
+import './createComponent-Cye6h9wF.js';
+import 'react';
+import 'react/jsx-runtime';

package/dist/tag.js

@@ -0,0 +1,5 @@
+export { A as ActionableTag, T as Tag } from './ActionableTag-CiY3ktmR.js';
+export { ActionableTag as WCActionableTag, Tag as WCTag } from '@loadsmart/miranda-wc';
+import 'react/jsx-runtime';
+import 'react';
+import './createComponent-Cye6h9wF.js';

package/dist/text.js

@@ -0,0 +1,4 @@
+export { T as Text } from './Text-BUtQqPKN.js';
+export { Text as WCText } from '@loadsmart/miranda-wc';
+import './createComponent-Cye6h9wF.js';
+import 'react';

package/dist/textarea.js

@@ -0,0 +1,5 @@
+export { T as TextArea } from './TextArea-DNtv4x9o.js';
+export { TextArea as WCTextArea } from '@loadsmart/miranda-wc';
+import 'react/jsx-runtime';
+import './createComponent-Cye6h9wF.js';
+import 'react';

package/dist/textfield.js

@@ -0,0 +1,5 @@
+export { T as TextField } from './TextField-BHj0EHuT.js';
+export { TextField as WCTextField } from '@loadsmart/miranda-wc';
+import 'react/jsx-runtime';
+import 'react';
+import './createComponent-Cye6h9wF.js';

package/dist/timeline.js

@@ -0,0 +1,4 @@
+export { T as Timeline, b as TimelineExpandableItem, a as TimelineItem, c as TimelineItemBody, d as TimelineItemFooter, e as TimelineItemHeader, f as TimelineItemHeaderSubtitle, g as TimelineItemHeaderTitle, h as TimelineItemIcon } from './Timeline-MCAixOaW.js';
+export { Timeline as WCTimeline, TimelineExpandableItem as WCTimelineExpandableItem, TimelineItem as WCTimelineItem, TimelineItemBody as WCTimelineItemBody, TimelineItemFooter as WCTimelineItemFooter, TimelineItemHeader as WCTimelineItemHeader, TimelineItemHeaderSubtitle as WCTimelineItemHeaderSubtitle, TimelineItemHeaderTitle as WCTimelineItemHeaderTitle, TimelineItemIcon as WCTimelineItemIcon } from '@loadsmart/miranda-wc';
+import './createComponent-Cye6h9wF.js';
+import 'react';

package/dist/togglegroup.js

@@ -0,0 +1,5 @@
+export { a as Toggle, T as ToggleGroup } from './ToggleGroup-ig9rKVtU.js';
+export { Toggle as WCToggle, ToggleGroup as WCToggleGroup } from '@loadsmart/miranda-wc';
+import 'react/jsx-runtime';
+import './createComponent-Cye6h9wF.js';
+import 'react';

package/dist/tooltip.js

@@ -0,0 +1,5 @@
+export { T as Tooltip } from './Tooltip-0sGIbwe8.js';
+export { Tooltip as WCTooltip } from '@loadsmart/miranda-wc';
+import 'react/jsx-runtime';
+import './createComponent-Cye6h9wF.js';
+import 'react';

package/dist/useSteps-O9Ch5_pJ.js

@@ -0,0 +1,88 @@
+import { Step as Step$1, Steps as Steps$1 } from '@loadsmart/miranda-wc';
+import { c as createComponent } from './createComponent-Cye6h9wF.js';
+import { useState, useCallback } from 'react';
+
+const Step = createComponent({
+    tagName: 'm-step',
+    elementClass: Step$1,
+    displayName: 'Step',
+});
+
+const Steps = createComponent({
+    tagName: 'm-steps',
+    elementClass: Steps$1,
+    displayName: 'Steps',
+    events: {
+        onChange: 'm-change',
+        onComplete: 'm-complete',
+        onNavigate: 'm-navigate',
+        onNext: 'm-next',
+        onPrevious: 'm-previous',
+    },
+    subComponents: {
+        Step,
+    },
+});
+
+function createCustomEvent(eventName, detail) {
+    const event = new CustomEvent(eventName, {
+        bubbles: true,
+        detail,
+    });
+    return event;
+}
+function useSteps() {
+    const [stepsElement, setStepsElement] = useState(null);
+    const registerSteps = useCallback(() => {
+        return {
+            ref(element) {
+                if (element == null || stepsElement != null) {
+                    return;
+                }
+                setStepsElement(element);
+            },
+        };
+    }, [stepsElement]);
+    const navigateToStep = useCallback(
+    /**
+     * Either `'previous'`, `'next'`, or step name.
+     */
+    (step) => {
+        if (stepsElement == null) {
+            return;
+        }
+        const navigateToNextStep = () => {
+            return createCustomEvent('m-next');
+        };
+        const navigateToPreviousStep = () => {
+            return createCustomEvent('m-previous');
+        };
+        let event;
+        switch (step) {
+            case 'next':
+                event = navigateToNextStep();
+                break;
+            case 'previous':
+                event = navigateToPreviousStep();
+                break;
+            default:
+                event = createCustomEvent('m-navigate', step);
+        }
+        stepsElement.dispatchEvent(event);
+    }, [stepsElement]);
+    const completeStep = useCallback(() => {
+        if (stepsElement == null) {
+            return;
+        }
+        const event = createCustomEvent('m-complete');
+        stepsElement.dispatchEvent(event);
+    }, [stepsElement]);
+    return {
+        elementRef: stepsElement,
+        registerSteps,
+        navigateToStep,
+        completeStep,
+    };
+}
+
+export { Steps as S, Step as a, useSteps as u };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@loadsmart/miranda-react",
-	"version": "2.1.0",
+	"version": "3.0.0-alpha.2",
 	"description": "React component library based on Miranda Web Components",
 	"main": "dist/index.js",
 	"types": "dist/index.d.ts",
@@ -40,8 +40,8 @@
 		"access": "public"
 	},
 	"dependencies": {
-		"@loadsmart/miranda-tokens": "3.1.0",
-		"@loadsmart/miranda-wc": "2.1.0",
+		"@loadsmart/miranda-tokens": "4.0.0-alpha.2",
+		"@loadsmart/miranda-wc": "3.0.0-alpha.2",
 		"@lit/react": "^1.0.5"
 	},
 	"directories": {