@dloizides/ui-forms 1.23.1 → 1.25.0

package/dist/index.mjs

@@ -1759,6 +1759,28 @@ function SelectControl({
     ) : null
   ] });
 }
+var SelectField = ({
+  label,
+  accessibilityHint,
+  value,
+  options,
+  onChange,
+  testID
+}) => {
+  const selected = options.find((option) => option.value === value)?.label ?? "";
+  return /* @__PURE__ */ jsx(Field, { label, children: ({ labelId }) => /* @__PURE__ */ jsx(
+    SelectControl,
+    {
+      accessibilityHint,
+      accessibilityLabel: `${label}: ${selected}`,
+      labelledById: labelId,
+      options,
+      testID,
+      value,
+      onChange
+    }
+  ) });
+};
 var CLOSE_DELAY_MS2 = 140;
 function useDelayedBlurClose(open, close) {
   const timerRef = useRef(null);
@@ -2250,6 +2272,18 @@ function useFocusFirstInvalid(refs) {
     first?.focus();
   }, []);
 }
+function isScrollable(node) {
+  return "scrollIntoView" in Object(node);
+}
+function useKeepInView(trigger) {
+  const ref = useRef(null);
+  useEffect(() => {
+    const node = ref.current;
+    const hasTrigger = trigger !== void 0 && trigger !== null;
+    if (hasTrigger && isScrollable(node)) node.scrollIntoView({ block: "nearest" });
+  }, [trigger]);
+  return ref;
+}
 var DEFAULT_PREVIEW_PX = 48;
 var PREVIEW_RADIUS = 8;
 var GAP = 8;
@@ -2315,6 +2349,6 @@ var UploadWithLinkField = ({
   ] });
 };
 
-export { AlignToControl, AnchoredMenu, ChipSelector, DEFAULT_MAX_RECENTS, DEFAULT_OPTIONAL_LABEL, DEFAULT_TYPEAHEAD_MAX_SUGGESTIONS, DEFAULT_TYPEAHEAD_MIN_CHARS, DateRangeControl, Field, FormActions, FormCell, FormCheckbox, FormField, FormGrid, FormSection, FormStatusLine, FormSwitch, INLINE_FIELD_ROW_MIN_WIDTH, InlineFieldRow, SelectControl, StepperNav, StepperTabs, ThemedTextInput, TypeaheadControl, UploadWithLinkField, controlStyles, groupAriaChecked, inlineFieldRowLayout, isUnmatched, resolveGroupSelection, resolveStepNeighbours, suggestOptions, toggleGroupSelection, useFocusFirstInvalid, useRecentValues, useThemedInput };
+export { AlignToControl, AnchoredMenu, ChipSelector, DEFAULT_MAX_RECENTS, DEFAULT_OPTIONAL_LABEL, DEFAULT_TYPEAHEAD_MAX_SUGGESTIONS, DEFAULT_TYPEAHEAD_MIN_CHARS, DateRangeControl, Field, FormActions, FormCell, FormCheckbox, FormField, FormGrid, FormSection, FormStatusLine, FormSwitch, INLINE_FIELD_ROW_MIN_WIDTH, InlineFieldRow, SelectControl, SelectField, StepperNav, StepperTabs, ThemedTextInput, TypeaheadControl, UploadWithLinkField, controlStyles, groupAriaChecked, inlineFieldRowLayout, isUnmatched, resolveGroupSelection, resolveStepNeighbours, suggestOptions, toggleGroupSelection, useFocusFirstInvalid, useKeepInView, useRecentValues, useThemedInput };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map