@trops/dash-core 0.1.180 → 0.1.181

package/dist/index.esm.js

@@ -33223,8 +33223,21 @@ var ThemeQuickCreate = function ThemeQuickCreate(_ref8) {
     _ref8$onExtract = _ref8.onExtract,
     onExtract = _ref8$onExtract === void 0 ? null : _ref8$onExtract,
     _ref8$onMapToTheme = _ref8.onMapToTheme,
-    onMapToTheme = _ref8$onMapToTheme === void 0 ? null : _ref8$onMapToTheme;
+    onMapToTheme = _ref8$onMapToTheme === void 0 ? null : _ref8$onMapToTheme,
+    _ref8$initialMethod = _ref8.initialMethod,
+    initialMethod = _ref8$initialMethod === void 0 ? null : _ref8$initialMethod;
   var canCreate = wizardName.trim().length > 0 && wizardTheme !== null;
+  var showMethodPicker = initialMethod === null;
+  useEffect(function () {
+    if (initialMethod && wizardMethod !== initialMethod) {
+      setWizardMethod(initialMethod);
+      setWizardTheme(null);
+      if (initialMethod === "random") {
+        setWizardTheme(generateRandomTheme());
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [initialMethod]);
   function handleMethodSelect(method) {
     setWizardMethod(method);
     setWizardTheme(null);
@@ -33246,7 +33259,7 @@ var ThemeQuickCreate = function ThemeQuickCreate(_ref8) {
         },
         placeholder: "Theme name..."
       })]
-    }), /*#__PURE__*/jsxs("div", {
+    }), showMethodPicker && /*#__PURE__*/jsxs("div", {
       className: "flex flex-col gap-2",
       children: [/*#__PURE__*/jsx("span", {
         className: "text-sm font-semibold opacity-50",
@@ -33344,9 +33357,7 @@ var ChooserCard = function ChooserCard(_ref) {
 };
 var ThemeNewChooser = function ThemeNewChooser(_ref2) {
   var onSearchThemes = _ref2.onSearchThemes,
-    onCreateNew = _ref2.onCreateNew,
-    _ref2$onCreateFromUrl = _ref2.onCreateFromUrl,
-    onCreateFromUrl = _ref2$onCreateFromUrl === void 0 ? null : _ref2$onCreateFromUrl;
+    onSelectMethod = _ref2.onSelectMethod;
   return /*#__PURE__*/jsxs("div", {
     className: "flex flex-col gap-6 p-6 overflow-y-auto flex-1 min-h-0",
     children: [/*#__PURE__*/jsx("span", {
@@ -33356,19 +33367,37 @@ var ThemeNewChooser = function ThemeNewChooser(_ref2) {
       className: "grid grid-cols-2 gap-3",
       children: [/*#__PURE__*/jsx(ChooserCard, {
         icon: "magnifying-glass",
-        title: "Search for Themes",
-        subtitle: "Browse the theme marketplace",
+        title: "Search Marketplace",
+        subtitle: "Browse community themes",
         onClick: onSearchThemes
       }), /*#__PURE__*/jsx(ChooserCard, {
-        icon: "wand-magic-sparkles",
-        title: "Create New",
-        subtitle: "Build from presets, random palettes, or color harmony rules",
-        onClick: onCreateNew
-      }), onCreateFromUrl && /*#__PURE__*/jsx(ChooserCard, {
+        icon: "swatchbook",
+        title: "From Presets",
+        subtitle: "Start from a curated preset",
+        onClick: function onClick() {
+          return onSelectMethod("presets");
+        }
+      }), /*#__PURE__*/jsx(ChooserCard, {
+        icon: "droplet",
+        title: "From Colors",
+        subtitle: "Build from a color palette",
+        onClick: function onClick() {
+          return onSelectMethod("color");
+        }
+      }), /*#__PURE__*/jsx(ChooserCard, {
+        icon: "shuffle",
+        title: "From Random",
+        subtitle: "Generate a random theme",
+        onClick: function onClick() {
+          return onSelectMethod("random");
+        }
+      }), /*#__PURE__*/jsx(ChooserCard, {
         icon: "globe",
         title: "From Website",
-        subtitle: "Extract colors from any URL to create a theme",
-        onClick: onCreateFromUrl
+        subtitle: "Extract colors from any URL",
+        onClick: function onClick() {
+          return onSelectMethod("from-url");
+        }
       })]
     })]
   });
@@ -34056,10 +34085,10 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
     _useState12 = _slicedToArray(_useState11, 2),
     isSearching = _useState12[0],
     setIsSearching = _useState12[1];
-  var _useState13 = useState(false),
+  var _useState13 = useState(null),
     _useState14 = _slicedToArray(_useState13, 2),
-    isFromUrl = _useState14[0],
-    setIsFromUrl = _useState14[1];
+    selectedMethod = _useState14[0],
+    setSelectedMethod = _useState14[1];
   var _useState15 = useState(""),
     _useState16 = _slicedToArray(_useState15, 2),
     wizardName = _useState16[0],
@@ -34087,7 +34116,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
       setIsCreating(false);
       setIsChoosingMode(false);
       setIsSearching(false);
-      setIsFromUrl(false);
+      setSelectedMethod(null);
     } else {
       if (themeKeySelected === null && themes) {
         var themeKeyTemp = settings && "theme" in settings ? settings["theme"] in themes ? settings["theme"] : Object.keys(themes)[0] : Object.keys(themes)[0];
@@ -34130,10 +34159,12 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
     setIsCreating(false);
     setIsSearching(false);
     setIsEditing(false);
+    setSelectedMethod(null);
   }
-  function handleChooseCreate() {
+  function handleSelectMethod(method) {
     setIsChoosingMode(false);
     setIsCreating(true);
+    setSelectedMethod(method);
     setWizardName("");
     setWizardMethod(null);
     setWizardTheme(null);
@@ -34142,10 +34173,6 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
     setIsChoosingMode(false);
     setIsSearching(true);
   }
-  function handleChooseFromUrl() {
-    setIsChoosingMode(false);
-    setIsFromUrl(true);
-  }
   function handleBackFromSearch() {
     setIsSearching(false);
     setIsChoosingMode(true);
@@ -34204,24 +34231,6 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
     }));
     return _handleUrlMapToTheme.apply(this, arguments);
   }
-  function handleUrlThemeGenerated(theme) {
-    var key = theme.id || "theme-".concat(Date.now());
-    var finalTheme = _objectSpread$c(_objectSpread$c({}, theme), {}, {
-      id: key
-    });
-    if (dashApi) {
-      dashApi.saveTheme(credentials.appId, key, finalTheme, function (e, message) {
-        changeThemesForApplication(message["themes"]);
-        setIsFromUrl(false);
-        var newThemes = message["themes"];
-        if (newThemes && newThemes[key]) {
-          setThemeKeySelected(key);
-          setThemeSelected(newThemes[key]);
-          setRawThemeSelected(finalTheme);
-        }
-      }, handleSaveThemeError);
-    }
-  }
   function handleWizardComplete() {
     if (!wizardTheme || !wizardName.trim()) return;
     var key = wizardTheme.id || "theme-".concat(Date.now());
@@ -34234,6 +34243,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
         changeThemesForApplication(message["themes"]);
         setIsCreating(false);
         setIsEditing(false);
+        setSelectedMethod(null);
         var newThemes = message["themes"];
         if (newThemes && newThemes[key]) {
           setThemeKeySelected(key);
@@ -34247,7 +34257,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
     setIsCreating(false);
     setIsChoosingMode(false);
     setIsSearching(false);
-    setIsFromUrl(false);
+    setSelectedMethod(null);
   }
   function handleSaveTheme() {
     if (themeKeySelected !== null && rawThemeSelected !== null) {
@@ -34302,6 +34312,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
     setThemeSelected(null);
     setIsEditing(false);
   }
+  var isInWizardFlow = isCreating || isChoosingMode || isSearching;
   return /*#__PURE__*/jsx(Modal, {
     isOpen: open,
     setIsOpen: setIsOpen,
@@ -34326,8 +34337,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
               rawTheme: rawThemeSelected,
               wizardContent: isChoosingMode ? /*#__PURE__*/jsx(ThemeNewChooser, {
                 onSearchThemes: handleChooseSearch,
-                onCreateNew: handleChooseCreate,
-                onCreateFromUrl: handleChooseFromUrl
+                onSelectMethod: handleSelectMethod
               }) : isSearching ? /*#__PURE__*/jsx(DiscoverThemesDetail, {
                 onBack: handleBackFromSearch,
                 appId: credentials === null || credentials === void 0 ? void 0 : credentials.appId,
@@ -34348,12 +34358,9 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
                 wizardTheme: wizardTheme,
                 setWizardTheme: setWizardTheme,
                 onComplete: handleWizardComplete,
-                onExtract: handleUrlExtract,
-                onMapToTheme: handleUrlMapToTheme
-              }) : isFromUrl ? /*#__PURE__*/jsx(ThemeFromUrlPane, {
                 onExtract: handleUrlExtract,
                 onMapToTheme: handleUrlMapToTheme,
-                onGenerate: handleUrlThemeGenerated
+                initialMethod: selectedMethod
               }) : null
             }), !isCreating && themeSelected && isEditing === true && /*#__PURE__*/jsx(PanelTheme, {
               theme: themeSelected,
@@ -34374,13 +34381,13 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
                 children: themeKeySelected
               })]
             })
-          }), (isCreating || isChoosingMode || isSearching || isFromUrl) && /*#__PURE__*/jsx("div", {
+          }), isInWizardFlow && /*#__PURE__*/jsx("div", {
             className: "flex flex-row space-x-2",
             children: /*#__PURE__*/jsx(Button, {
               onClick: handleCancelCreate,
               title: "Cancel"
             })
-          }), !isCreating && !isChoosingMode && !isSearching && !isFromUrl && isEditing === false && /*#__PURE__*/jsxs("div", {
+          }), !isInWizardFlow && isEditing === false && /*#__PURE__*/jsxs("div", {
             className: "flex flex-row space-x-2",
             children: [/*#__PURE__*/jsx(Button, {
               onClick: function onClick() {
@@ -34399,7 +34406,7 @@ var ThemeManagerModal = function ThemeManagerModal(_ref) {
               onClick: handleActivateTheme,
               title: "Activate"
             })]
-          }), !isCreating && !isChoosingMode && !isSearching && !isFromUrl && isEditing === true && /*#__PURE__*/jsxs("div", {
+          }), !isInWizardFlow && isEditing === true && /*#__PURE__*/jsxs("div", {
             className: "flex flex-row space-x-2",
             children: [/*#__PURE__*/jsx(Button, {
               onClick: function onClick() {