@capillarytech/blaze-ui 1.0.3-alpha.10 → 1.0.3-alpha.11

package/CapUnifiedSelect/testData.d.ts

@@ -104,4 +104,22 @@ export declare const mockEmptyOptions: Array<{
     label: string;
     value: string;
 }>;
+/**
+ * Simple flat options array - used in Storybook stories
+ */
+export declare const simpleOptions: {
+    label: string;
+    value: string;
+}[];
+/**
+ * Tree structure options - used in Storybook stories
+ */
+export declare const treeOptions: {
+    label: string;
+    value: string;
+    children: {
+        label: string;
+        value: string;
+    }[];
+}[];
 //# sourceMappingURL=testData.d.ts.map

package/CapUnifiedSelect/testData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"testData.d.ts","sourceRoot":"","sources":["../../components/CapUnifiedSelect/testData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AAEH;;GAEG;AACH,eAAO,MAAM,WAAW;;;GAIvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;;GAc3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;;;;;GASpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;GAG5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;GAGpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,8BAA8B;;;GAG1C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB;;;GAGrC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;GAAyC,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;GAG9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;GAG9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc;;;GAG1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,4BAA4B;;;;GAWxC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAM,CAAC"}
+{"version":3,"file":"testData.d.ts","sourceRoot":"","sources":["../../components/CapUnifiedSelect/testData.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B;;;GAGG;AAEH;;GAEG;AACH,eAAO,MAAM,WAAW;;;GAIvB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe;;;;;;;GAc3B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;;;;;GASpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB;;;GAG5B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,wBAAwB;;;GAGpC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,8BAA8B;;;GAG1C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,yBAAyB;;;GAGrC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,qBAAqB;;;GAAyC,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;GAG9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,kBAAkB;;;GAG9B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc;;;GAG1B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,4BAA4B;;;;GAWxC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAM,CAAC;AAE5E;;GAEG;AACH,eAAO,MAAM,aAAa;;;GAMzB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;;;GA4BvB,CAAC"}

package/index.js

@@ -21269,7 +21269,49 @@ const CapUnifiedSelect = _ref4 => {
     // During search, use normal options (mergedOptions) to show filtered results without selected items at top
     // When not searching, use ordered options if available (selected items at top), otherwise use merged options
     const sourceOptions = searchText.trim() ? mergedOptions : orderedOptions || mergedOptions;
-    if (!(sourceOptions != null && sourceOptions.length)) return [];
+
+    // Get current selected values to check for missing ones
+    // Use value prop (external state) instead of tempValue (internal state)
+    // This ensures we only create virtual options for values that are actually selected
+    // and not just temporarily selected during dropdown interaction
+    const selectedValues = Array.isArray(value) ? value : value ? [value] : [];
+    const hasSearchQuery = searchText.trim().length > 0;
+
+    // Find selected values that don't exist in the current options
+    // Only include missing values when not searching (so they're always visible)
+    // or when searching but they should still be shown
+    const missingSelectedValues = [];
+    if (selectedValues.length > 0) {
+      selectedValues.forEach(val => {
+        if (!findValueInOptions(sourceOptions, val)) {
+          missingSelectedValues.push(val);
+        }
+      });
+    }
+
+    // Create virtual option nodes for missing selected values
+    // Use cached option data if available, otherwise create a simple node with value as label
+    const virtualOptions = missingSelectedValues.map(val => {
+      const cachedOption = selectedItemsCacheRef.current.get(val);
+      return _extends({
+        value: val,
+        label: (cachedOption == null ? void 0 : cachedOption.label) || String(val),
+        key: (cachedOption == null ? void 0 : cachedOption.key) || val,
+        title: cachedOption == null ? void 0 : cachedOption.title,
+        optionSuffix: cachedOption == null ? void 0 : cachedOption.optionSuffix,
+        optionSuffixInfo: cachedOption == null ? void 0 : cachedOption.optionSuffixInfo,
+        optionTooltipInfo: cachedOption == null ? void 0 : cachedOption.optionTooltipInfo,
+        disabled: cachedOption == null ? void 0 : cachedOption.disabled
+      }, (cachedOption == null ? void 0 : cachedOption.children) && {
+        children: cachedOption.children
+      });
+    });
+
+    // Combine source options with virtual options for missing selected values
+    // When not searching, add virtual options at the beginning so selected items appear first
+    // When searching, still include them if they match the search (handled by filterTreeData)
+    const allOptions = hasSearchQuery ? [...sourceOptions, ...virtualOptions] : [...virtualOptions, ...sourceOptions];
+    if (!(allOptions != null && allOptions.length)) return [];
     const enhanceOptions = opts => opts.map(opt => {
       const decoratedTitle = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
         className: _styles.default['cap-unified-select-option-with-suffix'],
@@ -21299,7 +21341,7 @@ const CapUnifiedSelect = _ref4 => {
         children: opt != null && opt.children ? enhanceOptions(opt.children) : []
       });
     });
-    return isTree ? enhanceOptions(sourceOptions) : sourceOptions.map(opt => _extends({}, opt, {
+    return isTree ? enhanceOptions(allOptions) : allOptions.map(opt => _extends({}, opt, {
       title: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_CapRow.default, {
         className: _styles.default['cap-unified-select-option-with-suffix'],
         justify: "space-between",
@@ -21324,17 +21366,17 @@ const CapUnifiedSelect = _ref4 => {
       }),
       label: opt == null ? void 0 : opt.label
     }));
-  }, [isTree, mergedOptions, orderedOptions, searchText]);
+  }, [isTree, mergedOptions, orderedOptions, searchText, value, findValueInOptions]);
   const filteredTree = (0, _react.useMemo)(() => {
     const selectedValues = Array.isArray(tempValue) ? tempValue : tempValue ? [tempValue] : [];
-    const hasSearchQuery = searchText.trim().length > 0;
 
     // If staticValue is true, use local filtering on existing options
     // If staticValue is false, still use local filtering for immediate feedback,
     // but onSearch callback will be triggered for parent to update options
-    // During search, don't include selectedValues so only matching items are shown
-    // When not searching, include selectedValues to show selected items
-    return filterTreeData(dataSource, searchText.trim(), searchBasedOn, hasSearchQuery ? undefined : selectedValues);
+    // Always include selectedValues to ensure uploaded/selected items are visible
+    // This ensures that when dev uploads values, they remain visible in the dropdown
+    // even if they're not in the options array yet
+    return filterTreeData(dataSource, searchText.trim(), searchBasedOn, selectedValues.length > 0 ? selectedValues : undefined);
   }, [dataSource, searchText, searchBasedOn, tempValue]);
   const treeMaps = (0, _react.useMemo)(() => buildTreeMaps(options), [options]);
   const selectedLeafCount = (0, _react.useMemo)(() => countSelectedLeaves(treeMaps, Array.isArray(tempValue) ? tempValue : undefined), [treeMaps, tempValue]);
@@ -21757,7 +21799,7 @@ const CapUnifiedSelect = _ref4 => {
             size: "s",
             className: _styles.default['cap-unified-select-search-icon']
           }),
-          placeholder: "Search",
+          placeholder: _constants.DEFAULTS.SEARCH_PLACEHOLDER,
           variant: "borderless",
           value: searchText,
           onChange: handleSearchChange,
@@ -23801,7 +23843,9 @@ const DEFAULTS = exports.DEFAULTS = {
   /** Default virtual row height in pixels */
   VIRTUAL_ROW_HEIGHT: 32,
   /** Default list height in pixels */
-  LIST_HEIGHT: 256
+  LIST_HEIGHT: 256,
+  /** Default search input placeholder */
+  SEARCH_PLACEHOLDER: 'Search'
 };
 
 /***/ }),