@oxy.so/bloom 4.4.0 → 4.6.0

package/lib/commonjs/select/shared.js

@@ -6,12 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.ItemContext = void 0;
 exports.SelectChevron = SelectChevron;
 exports.SelectGroup = SelectGroup;
+exports.SelectItemIndicator = SelectItemIndicator;
+exports.SelectItemText = SelectItemText;
 exports.SelectLabel = SelectLabel;
 exports.SelectScrollDownButton = SelectScrollDownButton;
 exports.SelectScrollProvider = void 0;
 exports.SelectScrollUpButton = SelectScrollUpButton;
+exports.SelectSeparator = SelectSeparator;
 exports.SelectTriggerStateContext = void 0;
 exports.SelectValueRow = SelectValueRow;
+exports.VALUE_TYPE = void 0;
+exports.defaultExtractLabel = defaultExtractLabel;
 exports.defaultItemValueExtractor = defaultItemValueExtractor;
 exports.useSelectItemContext = useSelectItemContext;
 var _react = _interopRequireWildcard(require("react"));
@@ -20,6 +25,7 @@ var _constants = require("../floating/constants.js");
 var _menuPalette = require("../floating/menu-palette.js");
 var _menuType = require("../floating/menu-type.js");
 var _shared = require("../floating/shared.js");
+var _RiCheckLine = require("../icons/remix/RiCheckLine.js");
 var _RiArrowDownSLine = require("../icons/remix/RiArrowDownSLine.js");
 var _RiArrowUpSLine = require("../icons/remix/RiArrowUpSLine.js");
 var _styledPrimitives = require("../styles/styled-primitives.js");
@@ -29,11 +35,13 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
  * The parts of `Select` that are the SAME on both platforms, plus the contexts
  * the two forks publish.
  *
- * `SelectGroup`, `SelectLabel` and the two scroll buttons live here rather than
- * being written twice because nothing in them is platform-specific: a group is a
- * `role="group"` box, a label is a line of muted text, and the scroll buttons ask
+ * `SelectGroup`, `SelectLabel`, the two scroll buttons, the option's own text,
+ * its selection mark and the rule between groups live here rather than being
+ * written twice, because nothing in them is platform-specific: a group is a
+ * `role="group"` box, a label is a line of muted text, the scroll buttons ask
  * one context whether there is anything to scroll — a question native answers
- * "no" by never publishing the context at all.
+ * "no" by never publishing the context at all — and the last three read only
+ * the palette and the per-ITEM context, which both forks provide.
  *
  * The barrels export them from here directly, so each part still has exactly one
  * owner and neither fork re-exports the other's work.
@@ -135,7 +143,8 @@ function defaultItemValueExtractor(item) {
 
 const ItemContext = exports.ItemContext = /*#__PURE__*/(0, _react.createContext)({
   selected: false,
-  disabled: false
+  disabled: false,
+  size: 'md'
 });
 ItemContext.displayName = 'SelectItemContext';
 function useSelectItemContext() {
@@ -256,4 +265,100 @@ function SelectScrollDownButton({
   });
 }
 SelectScrollDownButton.displayName = 'SelectScrollDownButton';
+
+// ---------------------------------------------------------------------------
+// The option's own parts
+// ---------------------------------------------------------------------------
+
+/** The type ramp an option's label takes, per list size. */
+const VALUE_TYPE = exports.VALUE_TYPE = {
+  md: 'body-medium',
+  sm: 'body-2-medium'
+};
+
+/**
+ * An option's label. The selected option is marked by the check and the row
+ * highlight, so its text stays at the same weight as every other row's.
+ *
+ * The colour is inline ONLY without a caller `className`: an inline colour
+ * outranks a class on native, so a `text-*` utility would be silently dead.
+ */
+function SelectItemText({
+  children,
+  className,
+  style
+}) {
+  const {
+    disabled,
+    size
+  } = useSelectItemContext();
+  const palette = (0, _menuPalette.useMenuPalette)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledPrimitives.StyledText, {
+    numberOfLines: 1,
+    className: (0, _shared.cx)(_constants.SELECT_ITEM_TEXT_CLASS[size], (0, _menuType.menuTypeClass)(VALUE_TYPE[size], className), className && 'text-foreground', className),
+    style: [(0, _menuType.menuType)(VALUE_TYPE[size], className), className ? null : {
+      color: disabled ? palette.textDisabled : palette.text
+    }, style],
+    children: children
+  });
+}
+SelectItemText.displayName = 'SelectItemText';
+
+/**
+ * The selection mark: `absolute right-2 flex size-3.5 items-center
+ * justify-center` holding a `size-4` check.
+ *
+ * A select's tick sits on the RIGHT — the opposite side from a menu's — which
+ * is what leaves the option's own text starting flush at `pl-2` like every
+ * other line in the panel. Bloom once drew a `RadioIndicator` in a left gutter
+ * in the row's FLOW, so a select and a dropdown menu disagreed about both the
+ * mark and the edge it belongs on, and native and web disagreed with each
+ * other on top of that.
+ */
+function SelectItemIndicator({
+  icon: IconComponent = _RiCheckLine.RiCheckLine
+}) {
+  const palette = (0, _menuPalette.useMenuPalette)();
+  const {
+    selected
+  } = useSelectItemContext();
+  if (!selected) return null;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledPrimitives.StyledView, {
+    className: _constants.ROW_INDICATOR_END_CLASS,
+    pointerEvents: "none",
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(IconComponent, {
+      width: _constants.ROW_ICON_SIZE,
+      height: _constants.ROW_ICON_SIZE,
+      fill: palette.textSecondary
+    })
+  });
+}
+SelectItemIndicator.displayName = 'SelectItemIndicator';
+
+/**
+ * The rule between groups: `-mx-2 my-1.5 h-px bg-border-button-default`,
+ * bleeding back through the listbox's `p-2`. A FILLED 1px box, not a bottom
+ * border on a stretched one.
+ */
+function SelectSeparator() {
+  const palette = (0, _menuPalette.useMenuPalette)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledPrimitives.StyledView, {
+    className: _constants.SELECT_SEPARATOR_CLASS,
+    style: {
+      backgroundColor: palette.border
+    }
+  });
+}
+SelectSeparator.displayName = 'SelectSeparator';
+
+/**
+ * The label a `SelectValue` shows for an item when the caller gave no
+ * `extractLabel`. Pure, and identical on both platforms.
+ */
+function defaultExtractLabel(item) {
+  if (item != null && typeof item === 'object' && 'label' in item) {
+    return item.label;
+  }
+  return String(item);
+}
 //# sourceMappingURL=shared.js.map

package/lib/commonjs/select/shared.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeSvg","_constants","_menuPalette","_menuType","_shared","_RiArrowDownSLine","_RiArrowUpSLine","_styledPrimitives","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SelectTriggerStateContext","exports","createContext","disabled","open","size","displayName","VALUE_LEADING_GAP","md","sm","SelectValueRow","leading","children","jsxs","StyledView","style","flexDirection","alignItems","gap","minWidth","flexShrink","SelectChevron","color","jsx","width","height","viewBox","fill","Path","d","stroke","strokeWidth","strokeLinecap","defaultItemValueExtractor","item","String","value","ItemContext","selected","useSelectItemContext","useContext","SelectScrollContext","SelectScrollProvider","Provider","SelectGroup","className","role","cx","SelectLabel","palette","useMenuPalette","StyledText","ROW_LABEL_CLASS","menuTypeClass","menuType","textSecondary","SelectScrollButton","direction","scroll","isUp","canScrollUp","canScrollDown","Chevron","ChevronUpIcon","ChevronDownIcon","StyledPressable","accessibilityRole","accessibilityLabel","onPress","scrollBy","backgroundColor","surface","ROW_ICON_SIZE","SelectScrollUpButton","SelectScrollDownButton"],"sourceRoot":"../../../src","sources":["select/shared.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeSvg","_constants","_menuPalette","_menuType","_shared","_RiCheckLine","_RiArrowDownSLine","_RiArrowUpSLine","_styledPrimitives","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SelectTriggerStateContext","exports","createContext","disabled","open","size","displayName","VALUE_LEADING_GAP","md","sm","SelectValueRow","leading","children","jsxs","StyledView","style","flexDirection","alignItems","gap","minWidth","flexShrink","SelectChevron","color","jsx","width","height","viewBox","fill","Path","d","stroke","strokeWidth","strokeLinecap","defaultItemValueExtractor","item","String","value","ItemContext","selected","useSelectItemContext","useContext","SelectScrollContext","SelectScrollProvider","Provider","SelectGroup","className","role","cx","SelectLabel","palette","useMenuPalette","StyledText","ROW_LABEL_CLASS","menuTypeClass","menuType","textSecondary","SelectScrollButton","direction","scroll","isUp","canScrollUp","canScrollDown","Chevron","ChevronUpIcon","ChevronDownIcon","StyledPressable","accessibilityRole","accessibilityLabel","onPress","scrollBy","backgroundColor","surface","ROW_ICON_SIZE","SelectScrollUpButton","SelectScrollDownButton","VALUE_TYPE","SelectItemText","numberOfLines","SELECT_ITEM_TEXT_CLASS","textDisabled","text","SelectItemIndicator","icon","IconComponent","CheckIcon","ROW_INDICATOR_END_CLASS","pointerEvents","SelectSeparator","SELECT_SEPARATOR_CLASS","border","defaultExtractLabel","label"],"sourceRoot":"../../../src","sources":["select/shared.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/sidebar/Sidebar.js

@@ -121,6 +121,7 @@ function SearchField({
 const SidebarPanel = ({
   items = [],
   primaryAction,
+  contentAlignment = 'start',
   content,
   onScroll,
   footer,
@@ -691,131 +692,143 @@ const SidebarPanel = ({
             paddingTop: metrics.padding,
             paddingBottom: metrics.padding
           }, chrome, panelStyle, style],
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+            testID: `${testID ?? 'sidebar'}-main-region`,
             style: {
               width: '100%',
               minHeight: 0,
-              flexShrink: 1
+              flexShrink: 1,
+              ...(contentAlignment === 'center' ? {
+                flex: 1,
+                justifyContent: 'center'
+              } : {})
             },
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
-              testID: `${testID ?? 'sidebar'}-fixed-header`,
-              pointerEvents: "box-none",
-              onLayout: event => setHeaderOverlap(Math.min(20, event.nativeEvent.layout.height / 2)),
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
               style: {
                 width: '100%',
-                flexShrink: 0,
-                gap: 12,
-                zIndex: _zIndex.Z_INDEX.floating
+                minHeight: 0,
+                flexShrink: 1
               },
-              children: [headerRow, modeSwitcher, showSearch && !flatMobile ? searchButton : null]
-            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SidebarScrollArea.SidebarScrollArea, {
-              fadeColor: plain ? palette.flat : palette.panel,
-              testID: `${testID ?? 'sidebar'}-scroll`,
-              ...(_parts.IS_WEB ? {
-                dataSet: {
-                  bloomSidebarScroll: 'none'
-                }
-              } : {}),
-              style: {
-                marginTop: -headerOverlap,
-                marginBottom: -8,
-                marginLeft: -8,
-                marginRight: -8,
-                flexGrow: 0,
-                flexShrink: 1,
-                minHeight: 0
-              },
-              contentContainerStyle: {
-                paddingTop: headerOverlap + 12,
-                paddingBottom: 8,
-                paddingLeft: 8,
-                paddingRight: 8,
-                gap: tree ? 24 : 0
-              },
-              showsVerticalScrollIndicator: false,
-              onScroll: onScroll,
-              children: [shownItems.length > 0 || !hasTree ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-                role: "navigation",
-                style: [{
-                  width: '100%',
-                  gap: 4
-                }, !hasTree && navInset],
-                children: nothingMatches && !hasTree ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
-                  variant: "body-regular",
-                  style: {
-                    paddingLeft: 8,
-                    paddingRight: 8,
-                    paddingTop: 12,
-                    paddingBottom: 12,
-                    color: palette.textTertiary
-                  },
-                  children: noResultsLabel
-                }) : shownItems.map(renderRow)
-              }) : null, tree && !collapsed && shownFolders.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                testID: `${testID ?? 'sidebar'}-fixed-header`,
+                pointerEvents: "box-none",
+                onLayout: event => setHeaderOverlap(Math.min(20, event.nativeEvent.layout.height / 2)),
                 style: {
                   width: '100%',
-                  gap: 10
+                  flexShrink: 0,
+                  gap: 12,
+                  zIndex: _zIndex.Z_INDEX.floating
                 },
-                children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+                children: [headerRow, modeSwitcher, showSearch && !flatMobile ? searchButton : null]
+              }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SidebarScrollArea.SidebarScrollArea, {
+                fadeColor: plain ? palette.flat : palette.panel,
+                testID: `${testID ?? 'sidebar'}-scroll`,
+                ...(_parts.IS_WEB ? {
+                  dataSet: {
+                    bloomSidebarScroll: 'none'
+                  }
+                } : {}),
+                style: {
+                  marginTop: -headerOverlap,
+                  marginBottom: -8,
+                  marginLeft: -8,
+                  marginRight: -8,
+                  flexGrow: 0,
+                  flexShrink: 1,
+                  minHeight: 0
+                },
+                contentContainerStyle: {
+                  paddingTop: headerOverlap + 12,
+                  paddingBottom: 8,
+                  paddingLeft: 8,
+                  paddingRight: 8,
+                  gap: tree ? 24 : 0
+                },
+                showsVerticalScrollIndicator: false,
+                onScroll: onScroll,
+                children: [shownItems.length > 0 || !hasTree ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+                  role: "navigation",
+                  style: [{
+                    width: '100%',
+                    gap: 4
+                  }, !hasTree && navInset],
+                  children: nothingMatches && !hasTree ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
+                    variant: "body-regular",
+                    style: {
+                      paddingLeft: 8,
+                      paddingRight: 8,
+                      paddingTop: 12,
+                      paddingBottom: 12,
+                      color: palette.textTertiary
+                    },
+                    children: noResultsLabel
+                  }) : shownItems.map(renderRow)
+                }) : null, tree && !collapsed && shownFolders.length > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
                   style: {
-                    flexDirection: 'row',
-                    alignItems: 'center',
-                    justifyContent: 'space-between'
+                    width: '100%',
+                    gap: 10
                   },
-                  children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
-                    variant: "body-medium",
+                  children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
                     style: {
-                      color: palette.textSecondary
+                      flexDirection: 'row',
+                      alignItems: 'center',
+                      justifyContent: 'space-between'
                     },
-                    children: tree.label
-                  }), tree.actions]
-                }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
-                  role: "navigation",
-                  accessibilityLabel: tree.label,
+                    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
+                      variant: "body-medium",
+                      style: {
+                        color: palette.textSecondary
+                      },
+                      children: tree.label
+                    }), tree.actions]
+                  }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+                    role: "navigation",
+                    accessibilityLabel: tree.label,
+                    style: {
+                      width: '100%',
+                      gap: 4
+                    },
+                    children: shownFolders.map(folder => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SidebarFolder.SidebarFolder, {
+                      folder: folder,
+                      forceOpen: normalized.length > 0,
+                      selectedItem: selectedTreeItem,
+                      onItemPress: onTreeItemPress,
+                      testID: `sidebar-folder-${folder.key}`
+                    }, folder.key))
+                  })]
+                }) : null, content != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+                  testID: `${testID ?? 'sidebar'}-content`,
+                  pointerEvents: collapsed ? 'none' : 'auto',
+                  "aria-hidden": collapsed,
+                  accessibilityElementsHidden: collapsed,
+                  importantForAccessibility: collapsed ? 'no-hide-descendants' : 'auto',
+                  ...(_parts.IS_WEB && collapsed ? {
+                    inert: true
+                  } : {}),
+                  style: [{
+                    overflow: 'hidden',
+                    flexShrink: 0
+                  }, contentMorph],
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+                    onLayout: event => setContentHeight(event.nativeEvent.layout.height),
+                    style: contentWidth,
+                    children: content
+                  })
+                }) : null, nothingMatches && hasTree ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
+                  variant: "body-regular",
                   style: {
-                    width: '100%',
-                    gap: 4
+                    paddingLeft: 8,
+                    paddingRight: 8,
+                    color: palette.textTertiary
                   },
-                  children: shownFolders.map(folder => /*#__PURE__*/(0, _jsxRuntime.jsx)(_SidebarFolder.SidebarFolder, {
-                    folder: folder,
-                    forceOpen: normalized.length > 0,
-                    selectedItem: selectedTreeItem,
-                    onItemPress: onTreeItemPress,
-                    testID: `sidebar-folder-${folder.key}`
-                  }, folder.key))
-                })]
-              }) : null, content != null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-                testID: `${testID ?? 'sidebar'}-content`,
-                pointerEvents: collapsed ? 'none' : 'auto',
-                "aria-hidden": collapsed,
-                accessibilityElementsHidden: collapsed,
-                importantForAccessibility: collapsed ? 'no-hide-descendants' : 'auto',
-                ...(_parts.IS_WEB && collapsed ? {
-                  inert: true
-                } : {}),
-                style: [{
-                  overflow: 'hidden',
-                  flexShrink: 0
-                }, contentMorph],
-                children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
-                  onLayout: event => setContentHeight(event.nativeEvent.layout.height),
-                  style: contentWidth,
-                  children: content
-                })
-              }) : null, nothingMatches && hasTree ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index5.Text, {
-                variant: "body-regular",
-                style: {
-                  paddingLeft: 8,
-                  paddingRight: 8,
-                  color: palette.textTertiary
-                },
-                children: noResultsLabel
+                  children: noResultsLabel
+                }) : null]
+              }), primaryAction ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_SidebarPrimaryAction.SidebarPrimaryAction, {
+                action: primaryAction,
+                collapsed: collapsed,
+                testID: testID ? `${testID}-primary-action` : undefined
               }) : null]
-            }), primaryAction ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_SidebarPrimaryAction.SidebarPrimaryAction, {
-              action: primaryAction,
-              collapsed: collapsed,
-              testID: testID ? `${testID}-primary-action` : undefined
-            }) : null]
+            })
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
             style: {
               width: '100%',