@sikka/hawa 0.16.1-next → 0.16.2-next

package/dist/index.d.mts

@@ -407,7 +407,6 @@ declare const DialogFooter: {
     displayName: string;
 };
 interface DialogCarouselProps {
-    activeStep: string;
     children: React$1.ReactNode;
     stepsApi?: any;
     stepsRef?: any;
@@ -1748,10 +1747,9 @@ declare function useToast(): {
     toasts: ToasterToast[];
 };
 
-declare const useDialogCarousel: (initialStepId: any, stepIds: any) => {
+declare const useDialogCarousel: () => {
     emblaRef: <ViewportElement extends HTMLElement>(instance: ViewportElement | null) => void;
     emblaApi: embla_carousel_react.EmblaCarouselType | undefined;
-    currentStep: any;
     nextStep: () => void;
     prevStep: () => void;
 };

package/dist/index.d.ts

@@ -407,7 +407,6 @@ declare const DialogFooter: {
     displayName: string;
 };
 interface DialogCarouselProps {
-    activeStep: string;
     children: React$1.ReactNode;
     stepsApi?: any;
     stepsRef?: any;
@@ -1748,10 +1747,9 @@ declare function useToast(): {
     toasts: ToasterToast[];
 };
 
-declare const useDialogCarousel: (initialStepId: any, stepIds: any) => {
+declare const useDialogCarousel: () => {
     emblaRef: <ViewportElement extends HTMLElement>(instance: ViewportElement | null) => void;
     emblaApi: embla_carousel_react.EmblaCarouselType | undefined;
-    currentStep: any;
     nextStep: () => void;
     prevStep: () => void;
 };

package/dist/index.js

@@ -4202,22 +4202,14 @@ var DialogFooter = function(_param) /* @__PURE__ */ {
     }, props));
 };
 var DialogCarousel = function(param) {
-    var stepsApi = param.stepsApi, stepsRef = param.stepsRef, activeStep = param.activeStep, children = param.children;
+    var stepsApi = param.stepsApi, stepsRef = param.stepsRef, children = param.children;
     var _React25_useState = _sliced_to_array(React25.useState(0), 2), selectedIndex = _React25_useState[0], setSelectedIndex = _React25_useState[1];
     var steps = React25.Children.toArray(children);
     React25.useEffect(function() {
         if (stepsApi) {
             stepsApi.reInit();
-            var index = steps.findIndex(function(child) {
-                return React25.isValidElement(child) && child.props.id === activeStep;
-            });
-            if (index !== -1) {
-                stepsApi.scrollTo(index, false);
-                setSelectedIndex(index);
-            }
         }
     }, [
-        activeStep,
         stepsApi,
         children
     ]);
@@ -5453,7 +5445,7 @@ var FileDropzone = function(param) {
 var import_react26 = __toESM(require("react"));
 var import_embla_carousel_react = __toESM(require("embla-carousel-react"));
 var Carousel = function(props) {
-    var children = props.children, items = props.items, showArrows = props.showArrows, _props_autoplay = props.autoplay, autoplay = _props_autoplay === void 0 ? true : _props_autoplay, _props_autoplayInterval = props.autoplayInterval, autoplayInterval = _props_autoplayInterval === void 0 ? 3e3 : _props_autoplayInterval, options = _object_without_properties(props, [
+    var children = props.children, items = props.items, showArrows = props.showArrows, autoplay = props.autoplay, _props_autoplayInterval = props.autoplayInterval, autoplayInterval = _props_autoplayInterval === void 0 ? 3e3 : _props_autoplayInterval, options = _object_without_properties(props, [
         "children",
         "items",
         "showArrows",
@@ -10109,45 +10101,46 @@ var import_react71 = require("react");
 // components/hooks/useCarousel.ts
 var import_react72 = require("react");
 // components/hooks/useDialogCarousel.ts
-var import_react73 = require("react");
 var import_embla_carousel_react2 = __toESM(require("embla-carousel-react"));
 var import_embla_carousel_auto_height = __toESM(require("embla-carousel-auto-height"));
-var useDialogCarousel = function(initialStepId, stepIds) {
+var useDialogCarousel = function() {
     var _ref = _sliced_to_array((0, import_embla_carousel_react2.default)({
         loop: false,
-        watchDrag: false
+        watchDrag: false,
+        startIndex: 0
     }, [
         (0, import_embla_carousel_auto_height.default)({
             destroyHeight: "fit",
             active: true
         })
     ]), 2), emblaRef = _ref[0], emblaApi = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react73.useState)(initialStepId), 2), currentStep = _ref1[0], setCurrentStep = _ref1[1];
     var nextStep = function() {
         if (emblaApi) {
+            console.log("going to NEXT \uD83D\uDC49");
             emblaApi.scrollNext();
         }
     };
     var prevStep = function() {
         if (emblaApi) {
+            console.log("going to BACK \uD83D\uDC48");
             emblaApi.scrollPrev();
         }
     };
     return {
         emblaRef: emblaRef,
         emblaApi: emblaApi,
-        currentStep: currentStep,
+        // currentStep,
         nextStep: nextStep,
         prevStep: prevStep
     };
 };
 // components/hooks/useDialogSteps.ts
-var import_react74 = require("react");
+var import_react73 = require("react");
 var useMultiStepDialog = function(initialStep, stepIds, setOpenDialog) {
-    var _ref = _sliced_to_array((0, import_react74.useState)(initialStep), 2), currentStep = _ref[0], setCurrentStep = _ref[1];
-    var _ref1 = _sliced_to_array((0, import_react74.useState)(null), 2), dialogHeight = _ref1[0], setDialogHeight = _ref1[1];
-    var visibleStepRef = (0, import_react74.useRef)(null);
-    (0, import_react74.useEffect)(function() {
+    var _ref = _sliced_to_array((0, import_react73.useState)(initialStep), 2), currentStep = _ref[0], setCurrentStep = _ref[1];
+    var _ref1 = _sliced_to_array((0, import_react73.useState)(null), 2), dialogHeight = _ref1[0], setDialogHeight = _ref1[1];
+    var visibleStepRef = (0, import_react73.useRef)(null);
+    (0, import_react73.useEffect)(function() {
         if (visibleStepRef.current) {
             setDialogHeight(visibleStepRef.current.offsetHeight);
         }
@@ -10180,13 +10173,13 @@ var useMultiStepDialog = function(initialStep, stepIds, setOpenDialog) {
     };
 };
 // components/hooks/useWindowSize.ts
-var import_react75 = require("react");
+var import_react74 = require("react");
 var useWindowSize = function() {
-    var _ref = _sliced_to_array((0, import_react75.useState)({
+    var _ref = _sliced_to_array((0, import_react74.useState)({
         width: void 0,
         height: void 0
     }), 2), windowSize = _ref[0], setWindowSize = _ref[1];
-    (0, import_react75.useEffect)(function() {
+    (0, import_react74.useEffect)(function() {
         var handleResize = function handleResize() {
             setWindowSize({
                 width: window.innerWidth,
@@ -10202,7 +10195,7 @@ var useWindowSize = function() {
     return windowSize;
 };
 // components/hooks/useFocusWithin.ts
-var import_react76 = require("react");
+var import_react75 = require("react");
 function containsRelatedTarget(event) {
     if (_instanceof(event.currentTarget, HTMLElement) && _instanceof(event.relatedTarget, HTMLElement)) {
         return event.currentTarget.contains(event.relatedTarget);
@@ -10211,9 +10204,9 @@ function containsRelatedTarget(event) {
 }
 function useFocusWithin() {
     var _ref = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {}, onBlur = _ref.onBlur, onFocus = _ref.onFocus;
-    var ref = (0, import_react76.useRef)(null);
-    var _ref1 = _sliced_to_array((0, import_react76.useState)(false), 2), focused = _ref1[0], _setFocused = _ref1[1];
-    var focusedRef = (0, import_react76.useRef)(false);
+    var ref = (0, import_react75.useRef)(null);
+    var _ref1 = _sliced_to_array((0, import_react75.useState)(false), 2), focused = _ref1[0], _setFocused = _ref1[1];
+    var focusedRef = (0, import_react75.useRef)(false);
     var setFocused = function(value) {
         _setFocused(value);
         focusedRef.current = value;
@@ -10230,7 +10223,7 @@ function useFocusWithin() {
             onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
         }
     };
-    (0, import_react76.useEffect)(function() {
+    (0, import_react75.useEffect)(function() {
         if (ref.current) {
             ref.current.addEventListener("focusin", handleFocusIn);
             ref.current.addEventListener("focusout", handleFocusOut);
@@ -10251,7 +10244,7 @@ function useFocusWithin() {
     };
 }
 // components/hooks/useMediaQuery.ts
-var import_react77 = require("react");
+var import_react76 = require("react");
 function attachMediaListener(query, callback) {
     try {
         query.addEventListener("change", callback);
@@ -10278,9 +10271,9 @@ function useMediaQuery(query, initialValue) {
     var getInitialValueInEffect = (arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {
         getInitialValueInEffect: true
     }).getInitialValueInEffect;
-    var _ref = _sliced_to_array((0, import_react77.useState)(getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue)), 2), matches = _ref[0], setMatches = _ref[1];
-    var queryRef = (0, import_react77.useRef)();
-    (0, import_react77.useEffect)(function() {
+    var _ref = _sliced_to_array((0, import_react76.useState)(getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue)), 2), matches = _ref[0], setMatches = _ref[1];
+    var queryRef = (0, import_react76.useRef)();
+    (0, import_react76.useEffect)(function() {
         if ("matchMedia" in window) {
             queryRef.current = window.matchMedia(query);
             setMatches(queryRef.current.matches);
@@ -10295,15 +10288,15 @@ function useMediaQuery(query, initialValue) {
     return matches;
 }
 // components/hooks/useScrollPosition.ts
-var import_react78 = require("react");
+var import_react77 = require("react");
 // components/hooks/useTable.ts
-var import_react79 = require("react");
+var import_react78 = require("react");
 // components/hooks/useTabs.ts
-var import_react80 = require("react");
+var import_react79 = require("react");
 function useTabs() {
     var initialTab = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : "";
-    var _ref = _sliced_to_array((0, import_react80.useState)(initialTab), 2), activeTab = _ref[0], setActiveTab = _ref[1];
-    (0, import_react80.useEffect)(function() {
+    var _ref = _sliced_to_array((0, import_react79.useState)(initialTab), 2), activeTab = _ref[0], setActiveTab = _ref[1];
+    (0, import_react79.useEffect)(function() {
         var handleHashChange = function() {
             var hash = window.location.hash.substring(1);
             setActiveTab(hash || initialTab);

package/dist/index.mjs

@@ -3639,7 +3639,6 @@ var DialogFooter = ({
 var DialogCarousel = ({
   stepsApi,
   stepsRef,
-  activeStep,
   children
 }) => {
   const [selectedIndex, setSelectedIndex] = React25.useState(0);
@@ -3647,15 +3646,8 @@ var DialogCarousel = ({
   React25.useEffect(() => {
     if (stepsApi) {
       stepsApi.reInit();
-      const index = steps.findIndex(
-        (child) => React25.isValidElement(child) && child.props.id === activeStep
-      );
-      if (index !== -1) {
-        stepsApi.scrollTo(index, false);
-        setSelectedIndex(index);
-      }
     }
-  }, [activeStep, stepsApi, children]);
+  }, [stepsApi, children]);
   return /* @__PURE__ */ React25.createElement("div", { className: "hawa-overflow-hidden" }, /* @__PURE__ */ React25.createElement("div", { ref: stepsRef }, /* @__PURE__ */ React25.createElement(
     "div",
     {
@@ -5137,7 +5129,7 @@ var Carousel = (props) => {
     children,
     items,
     showArrows,
-    autoplay = true,
+    autoplay,
     autoplayInterval = 3e3,
     ...options
   } = props;
@@ -10139,41 +10131,41 @@ import { useEffect as useEffect24, useRef as useRef14, useState as useState38 }
 import { useState as useState39, useRef as useRef15 } from "react";
 
 // components/hooks/useDialogCarousel.ts
-import { useState as useState40 } from "react";
 import useEmblaCarousel2 from "embla-carousel-react";
 import AutoHeight from "embla-carousel-auto-height";
-var useDialogCarousel = (initialStepId, stepIds) => {
+var useDialogCarousel = () => {
   const [emblaRef, emblaApi] = useEmblaCarousel2(
-    { loop: false, watchDrag: false },
+    { loop: false, watchDrag: false, startIndex: 0 },
     [AutoHeight({ destroyHeight: "fit", active: true })]
   );
-  const [currentStep, setCurrentStep] = useState40(initialStepId);
   const nextStep = () => {
     if (emblaApi) {
+      console.log("going to NEXT \u{1F449}");
       emblaApi.scrollNext();
     }
   };
   const prevStep = () => {
     if (emblaApi) {
+      console.log("going to BACK \u{1F448}");
       emblaApi.scrollPrev();
     }
   };
   return {
     emblaRef,
     emblaApi,
-    currentStep,
+    // currentStep,
     nextStep,
     prevStep
   };
 };
 
 // components/hooks/useDialogSteps.ts
-import { useState as useState41, useEffect as useEffect26, useRef as useRef16 } from "react";
+import { useState as useState40, useEffect as useEffect25, useRef as useRef16 } from "react";
 var useMultiStepDialog = (initialStep, stepIds, setOpenDialog) => {
-  const [currentStep, setCurrentStep] = useState41(initialStep);
-  const [dialogHeight, setDialogHeight] = useState41(null);
+  const [currentStep, setCurrentStep] = useState40(initialStep);
+  const [dialogHeight, setDialogHeight] = useState40(null);
   const visibleStepRef = useRef16(null);
-  useEffect26(() => {
+  useEffect25(() => {
     if (visibleStepRef.current) {
       setDialogHeight(visibleStepRef.current.offsetHeight);
     }
@@ -10204,13 +10196,13 @@ var useMultiStepDialog = (initialStep, stepIds, setOpenDialog) => {
 };
 
 // components/hooks/useWindowSize.ts
-import { useEffect as useEffect27, useState as useState42 } from "react";
+import { useEffect as useEffect26, useState as useState41 } from "react";
 var useWindowSize = () => {
-  const [windowSize, setWindowSize] = useState42({
+  const [windowSize, setWindowSize] = useState41({
     width: void 0,
     height: void 0
   });
-  useEffect27(() => {
+  useEffect26(() => {
     function handleResize() {
       setWindowSize({
         width: window.innerWidth,
@@ -10225,7 +10217,7 @@ var useWindowSize = () => {
 };
 
 // components/hooks/useFocusWithin.ts
-import { useRef as useRef17, useState as useState43, useEffect as useEffect28 } from "react";
+import { useRef as useRef17, useState as useState42, useEffect as useEffect27 } from "react";
 function containsRelatedTarget(event) {
   if (event.currentTarget instanceof HTMLElement && event.relatedTarget instanceof HTMLElement) {
     return event.currentTarget.contains(event.relatedTarget);
@@ -10237,7 +10229,7 @@ function useFocusWithin({
   onFocus
 } = {}) {
   const ref = useRef17(null);
-  const [focused, _setFocused] = useState43(false);
+  const [focused, _setFocused] = useState42(false);
   const focusedRef = useRef17(false);
   const setFocused = (value) => {
     _setFocused(value);
@@ -10255,7 +10247,7 @@ function useFocusWithin({
       onBlur?.(event);
     }
   };
-  useEffect28(() => {
+  useEffect27(() => {
     if (ref.current) {
       ref.current.addEventListener("focusin", handleFocusIn);
       ref.current.addEventListener("focusout", handleFocusOut);
@@ -10270,7 +10262,7 @@ function useFocusWithin({
 }
 
 // components/hooks/useMediaQuery.ts
-import { useState as useState44, useEffect as useEffect29, useRef as useRef18 } from "react";
+import { useState as useState43, useEffect as useEffect28, useRef as useRef18 } from "react";
 function attachMediaListener(query, callback) {
   try {
     query.addEventListener("change", callback);
@@ -10292,11 +10284,11 @@ function getInitialValue(query, initialValue) {
 function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
   getInitialValueInEffect: true
 }) {
-  const [matches, setMatches] = useState44(
+  const [matches, setMatches] = useState43(
     getInitialValueInEffect ? initialValue : getInitialValue(query, initialValue)
   );
   const queryRef = useRef18();
-  useEffect29(() => {
+  useEffect28(() => {
     if ("matchMedia" in window) {
       queryRef.current = window.matchMedia(query);
       setMatches(queryRef.current.matches);
@@ -10311,16 +10303,16 @@ function useMediaQuery(query, initialValue, { getInitialValueInEffect } = {
 }
 
 // components/hooks/useScrollPosition.ts
-import { useState as useState45, useEffect as useEffect30 } from "react";
+import { useState as useState44, useEffect as useEffect29 } from "react";
 
 // components/hooks/useTable.ts
-import { useState as useState46, useEffect as useEffect31 } from "react";
+import { useState as useState45, useEffect as useEffect30 } from "react";
 
 // components/hooks/useTabs.ts
-import { useEffect as useEffect32, useState as useState47 } from "react";
+import { useEffect as useEffect31, useState as useState46 } from "react";
 function useTabs(initialTab = "") {
-  const [activeTab, setActiveTab] = useState47(initialTab);
-  useEffect32(() => {
+  const [activeTab, setActiveTab] = useState46(initialTab);
+  useEffect31(() => {
     const handleHashChange = () => {
       const hash = window.location.hash.substring(1);
       setActiveTab(hash || initialTab);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sikka/hawa",
-  "version": "0.16.1-next",
+  "version": "0.16.2-next",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {