@proyecto-viviana/ui 0.6.2 → 0.8.0-rc.0

package/dist/searchfield/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/searchfield/index.tsx"],"sourcesContent":["// @ts-nocheck\nimport {\n  type JSX,\n  createContext,\n  createSignal,\n  createUniqueId,\n  mergeProps,\n  splitProps,\n  Show,\n  useContext,\n} from \"solid-js\";\nimport {\n  SearchField as HeadlessSearchField,\n  SearchFieldLabel as HeadlessSearchFieldLabel,\n  SearchFieldInput as HeadlessSearchFieldInput,\n  SearchFieldClearButton as HeadlessSearchFieldClearButton,\n  SearchFieldContext as HeadlessSearchFieldContext,\n  type SearchFieldProps as HeadlessSearchFieldProps,\n  type SearchFieldRenderProps,\n  type SearchFieldClearButtonRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, fontRelative, style } from \"../style\" with { type: \"macro\" };\nimport { css } from \"../style/style-macro\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport {\n  control,\n  controlFont,\n  controlSize,\n  field,\n  fieldInput,\n  fieldLabel,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport { FieldPrefix, PrefixInputProvider } from \"../field/prefix\";\nimport { FieldSuffix } from \"../field/suffix\";\nimport AlertTriangleIcon from \"../icon/s2wf-icons/AlertTriangleIcon\";\nimport SearchIcon from \"../icon/s2wf-icons/SearchIcon\";\nimport CrossIcon from \"../icon/ui-icons/Cross\";\nimport AsteriskIcon from \"../icon/ui-icons/Asterisk\";\nimport { useProviderProps } from \"../provider\";\nimport { useFormProps, useIsInForm } from \"../form\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type SearchFieldSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\ntype S2SearchFieldSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type SearchFieldVariant = \"outline\" | \"filled\";\nexport type SearchFieldLabelPosition = \"top\" | \"side\";\nexport type SearchFieldLabelAlign = \"start\" | \"end\";\nexport type SearchFieldNecessityIndicator = \"icon\" | \"label\";\n\nexport interface SearchFieldProps extends Omit<\n  HeadlessSearchFieldProps,\n  \"class\" | \"style\" | \"children\" | \"label\" | \"slot\" | \"ref\"\n> {\n  /** The size of the search field. */\n  size?: SearchFieldSize;\n  /** Legacy visual variant. S2 SearchFields do not expose visual variants. */\n  variant?: SearchFieldVariant;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Label text for the input. */\n  label?: JSX.Element;\n  /** Description text shown below the input. */\n  description?: JSX.Element;\n  /** Error message shown when invalid. */\n  errorMessage?: JSX.Element;\n  /** Position of the label relative to the input. */\n  labelPosition?: SearchFieldLabelPosition;\n  /** Text alignment for side labels. */\n  labelAlign?: SearchFieldLabelAlign;\n  /** Whether required fields show an icon or text label. */\n  necessityIndicator?: SearchFieldNecessityIndicator;\n  /** A contextual help element to place next to the label. */\n  contextualHelp?: JSX.Element;\n  /**\n   * An icon or text rendered before the input in place of the built-in search\n   * magnifier, e.g. the register's `/` slash-command glyph.\n   */\n  prefix?: JSX.Element;\n  /** An icon or text rendered after the input, e.g. a key hint. */\n  suffix?: JSX.Element;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n  /** Ref for the search field root element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\ninterface SearchFieldStyleProps extends SearchFieldRenderProps {\n  size?: S2SearchFieldSize;\n  labelPosition?: SearchFieldLabelPosition;\n  labelAlign?: SearchFieldLabelAlign;\n  isFocusWithin?: boolean;\n  isStaticColor?: boolean;\n  isInForm?: boolean;\n  isQuiet?: boolean;\n}\n\ninterface ClearButtonStyleProps extends SearchFieldClearButtonRenderProps {\n  size?: S2SearchFieldSize;\n  isFocusVisible?: boolean;\n  isStaticColor?: boolean;\n}\n\nexport const SearchFieldContext = createContext<SpectrumContextValue<SearchFieldProps>>(null);\n\nconst hideNativeSearchCancelButton = css(\n  \"&::-webkit-search-cancel-button { display: none }\",\n) as StyleString;\n\nconst searchFieldRoot = style<SearchFieldStyleProps>(\n  {\n    ...field(),\n    \"--iconMargin\": {\n      type: \"marginTop\",\n      value: fontRelative(-2),\n    },\n    color: {\n      default: baseColor(\"neutral\"),\n      isDisabled: {\n        default: \"disabled\",\n        forcedColors: \"GrayText\",\n      },\n    },\n  },\n  getAllowedOverrides(),\n);\n\nconst searchFieldLabelWrapper = style<SearchFieldStyleProps>({\n  gridArea: \"label\",\n  display: \"inline\",\n  textAlign: {\n    labelAlign: {\n      start: \"start\",\n      end: \"end\",\n    },\n  },\n  paddingBottom: {\n    labelPosition: {\n      top: \"--field-gap\",\n    },\n  },\n  contain: {\n    labelPosition: {\n      top: \"inline-size\",\n    },\n    isQuiet: \"none\",\n  },\n});\n\nconst searchFieldLabel = style<SearchFieldStyleProps>({\n  ...fieldLabel(),\n});\n\nconst searchFieldGroup = style<SearchFieldStyleProps>({\n  ...focusRing(),\n  ...control({ shape: \"default\", register: \"matte\" }),\n  ...fieldInput(),\n  /* No borderRadius here on purpose. `control({ register: \"matte\" })` above already\n   * sets `borderRadius: \"default\"` (8px) via its non-pill branch, and `fieldInput()`\n   * emits no radius, so the spread survives. The `full` that used to sit here made\n   * SearchField the only matte field drawn as a pill — textfield/index.tsx,\n   * textfield/TextArea.tsx and numberfield/index.tsx all spread the same\n   * `control({ shape: \"default\", register: \"matte\" })` and declare no radius of their\n   * own. The `full` on `clearButton` below is a different object and stays: that one\n   * is a round icon button. */\n  transition: \"default\",\n  borderColor: {\n    default: \"well-border\",\n    forcedColors: \"ButtonBorder\",\n    isInvalid: {\n      default: baseColor(\"negative\"),\n      forcedColors: \"Mark\",\n    },\n    isFocusWithin: {\n      default: \"gray-900\",\n      isInvalid: \"negative-1000\",\n      forcedColors: \"Highlight\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  backgroundColor: {\n    default: \"well\",\n    forcedColors: \"Field\",\n  },\n  color: {\n    default: baseColor(\"neutral\"),\n    forcedColors: \"ButtonText\",\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\n/* End side only. `control({ register: \"matte\" })` already sets `paddingX:\n * \"edge-to-text\"`, so dropping the old `paddingStart: \"pill\"` lets the start inset\n * fall back in line with the other matte fields; zeroing just the end keeps the\n * clear button flush with the well edge. That is the same shape NumberField gives\n * its stepper — numberfield/index.tsx spells `paddingStart: \"edge-to-text\"` with\n * `paddingEnd` defaulting to 0. */\nconst searchFieldGroupEndPadding = style({\n  paddingEnd: 0,\n});\n\nconst searchIconWrapper = style({\n  flexShrink: 0,\n  marginEnd: \"text-to-visual\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst searchIcon = style<SearchFieldStyleProps>({\n  size: fontRelative(20),\n  marginStart: \"--iconMargin\",\n});\n\nconst searchFieldInput = style({\n  padding: 0,\n  backgroundColor: \"transparent\",\n  color: {\n    default: \"inherit\",\n    \"::placeholder\": {\n      default: \"gray-600\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  fontFamily: \"inherit\",\n  fontSize: \"inherit\",\n  fontWeight: \"inherit\",\n  flexGrow: 1,\n  flexShrink: 1,\n  minWidth: 0,\n  width: \"full\",\n  outlineStyle: \"none\",\n  borderStyle: \"none\",\n  truncate: true,\n});\n\nconst clearButton = style<ClearButtonStyleProps>({\n  ...focusRing(),\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  height: \"full\",\n  width: controlSize(),\n  flexShrink: 0,\n  borderRadius: \"full\",\n  borderStyle: \"none\",\n  backgroundColor: \"transparent\",\n  boxSizing: \"border-box\",\n  padding: 0,\n  outlineOffset: -4,\n  outlineColor: {\n    default: focusRing().outlineColor,\n    isStaticColor: \"white\",\n  },\n  color: \"inherit\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst helpTextStyles = style<SearchFieldStyleProps>({\n  gridArea: \"helptext\",\n  display: \"flex\",\n  alignItems: \"baseline\",\n  gap: \"text-to-visual\",\n  font: controlFont(),\n  color: {\n    default: \"neutral-subdued\",\n    isInvalid: {\n      default: \"negative\",\n      forcedColors: \"Mark\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n  contain: \"inline-size\",\n  paddingTop: \"--field-gap\",\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\nconst fieldErrorIcon = style({\n  size: fontRelative(20),\n  marginStart: \"text-to-visual\",\n  marginEnd: fontRelative(-2),\n  flexShrink: 0,\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: {\n      default: \"negative\",\n      forcedColors: \"Mark\",\n    },\n  },\n});\n\nconst requiredIcon = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst noWrap = style({\n  whiteSpace: \"nowrap\",\n});\n\n// Byte-faithful to upstream Field.tsx HelpText: the description renders a RAC\n// `<Text slot=\"description\">` (a `<span>`), NOT a `<p>` (whose UA `margin` the\n// port previously had to zero out in `helpTextStyles`). The `slot` mirrors RAC's\n// Text; the id/aria wiring is read from the headless SearchField context.\nfunction SearchFieldDescription(props: {\n  class?: string;\n  children?: JSX.Element;\n}): JSX.Element | null {\n  const context = useContext(HeadlessSearchFieldContext);\n  if (!context?.descriptionProps) return null;\n  const descriptionProps = () => {\n    const { ref: _ref, ...rest } = context.descriptionProps as Record<string, unknown>;\n    return rest;\n  };\n  return (\n    <span {...descriptionProps()} slot=\"description\" class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\n// Upstream renders the invalid message through a RAC `<FieldError>`, which is a\n// `<Text slot=\"errorMessage\">` (a `<span>`), not a `<p>`.\nfunction SearchFieldError(props: { class?: string; children?: JSX.Element }): JSX.Element | null {\n  const context = useContext(HeadlessSearchFieldContext);\n  if (!context?.errorMessageProps) return null;\n  const errorMessageProps = () => {\n    const { ref: _ref, ...rest } = context.errorMessageProps as Record<string, unknown>;\n    return rest;\n  };\n  return (\n    <span {...errorMessageProps()} slot=\"errorMessage\" class={props.class}>\n      {props.children}\n    </span>\n  );\n}\n\nfunction normalizeSearchFieldSize(size: SearchFieldSize | undefined): S2SearchFieldSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"XL\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\nfunction focusFieldInput(event: Event & { currentTarget: HTMLDivElement }) {\n  const target = event.target as Element | null;\n\n  if (target?.closest(\"button,input,textarea,[role='button']\")) {\n    return;\n  }\n\n  event.preventDefault();\n  event.currentTarget.querySelector<HTMLElement>(\"input, textarea\")?.focus();\n}\n\nfunction requiredIconStyle(size: S2SearchFieldSize): JSX.CSSProperties {\n  const pixelSize = size === \"L\" || size === \"XL\" ? 10 : 8;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\nfunction clearIconStyle(size: S2SearchFieldSize): JSX.CSSProperties {\n  const pixelSize = size === \"XL\" ? 12 : size === \"L\" ? 10 : 8;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\nexport function SearchField(props: SearchFieldProps): JSX.Element {\n  const isInForm = useIsInForm();\n  const providerProps = useProviderProps(useFormProps(props));\n  const contextProps = getSlottedContextProps(useContext(SearchFieldContext), props.slot);\n  const defaultProps: Partial<SearchFieldProps> = {\n    labelPosition: \"top\",\n    labelAlign: \"start\",\n    necessityIndicator: \"icon\",\n  };\n  const mergedProps = mergeProps(defaultProps, providerProps, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"variant\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"label\",\n    \"description\",\n    \"errorMessage\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"necessityIndicator\",\n    \"contextualHelp\",\n    \"prefix\",\n    \"suffix\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const [isFocusWithin, setIsFocusWithin] = createSignal(false);\n\n  const prefixId = createUniqueId();\n  const suffixId = createUniqueId();\n  // Space-separated adornment ids appended to the input's `aria-labelledby`,\n  // visual order (prefix before suffix). Read live by PrefixInputProvider.\n  const adornmentIds = () =>\n    [local.prefix ? prefixId : null, local.suffix ? suffixId : null].filter(Boolean).join(\" \");\n\n  const size = () => normalizeSearchFieldSize(local.size);\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const necessityIndicator = () => local.necessityIndicator ?? \"icon\";\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n\n  // Upstream S2 SearchField.tsx invokes the root `style()(...)` with ONLY\n  // `{size, labelPosition, isInForm}` (lines 117-124) — it does NOT pass\n  // `isDisabled`, so the root's `color.isDisabled: 'disabled'` branch never\n  // activates and the root stays `baseColor('neutral')` even when disabled.\n  // (The render-prop `isDisabled` is threaded DOWN to FieldLabel/FieldGroup,\n  // not back into the root's own style call.) Spreading `...renderProps` here\n  // would light up that branch and diverge the root color (D1). Keep parity:\n  // pass only the same three style props upstream does. `renderProps` stays a\n  // param so the signature matches AriaSearchField's className callback shape.\n  const rootClassName = (_renderProps: SearchFieldRenderProps) =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      searchFieldRoot(\n        {\n          size: size(),\n          labelPosition: labelPosition(),\n          isInForm,\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const labelWrapperClass = () =>\n    searchFieldLabelWrapper({\n      size: size(),\n      labelPosition: labelPosition(),\n      labelAlign: labelAlign(),\n    });\n\n  const labelClass = (renderProps: SearchFieldRenderProps) =>\n    searchFieldLabel({\n      ...renderProps,\n      size: size(),\n      labelPosition: labelPosition(),\n      isStaticColor: false,\n    });\n\n  const groupClass = (renderProps: SearchFieldRenderProps) =>\n    mergeStyles(\n      searchFieldGroup({\n        ...renderProps,\n        size: size(),\n        isFocusWithin: isFocusWithin(),\n      }),\n      searchFieldGroupEndPadding,\n    );\n\n  const inputClass = () => [searchFieldInput, hideNativeSearchCancelButton].join(\" \");\n\n  const clearButtonClass = (renderProps: SearchFieldClearButtonRenderProps) =>\n    clearButton({\n      ...renderProps,\n      size: size(),\n      isStaticColor: false,\n    });\n\n  const helpClass = (renderProps: SearchFieldRenderProps, isInvalid: boolean) =>\n    helpTextStyles({\n      ...renderProps,\n      size: size(),\n      isInvalid,\n    });\n\n  return (\n    <HeadlessSearchField\n      {...headlessProps}\n      label={local.label}\n      description={local.description}\n      errorMessage={local.errorMessage}\n      ref={(element) => assignRootRef(element)}\n      slot={local.slot ?? undefined}\n      class={rootClassName}\n      style={mergedUnsafeStyle()}\n      data-size={size()}\n      children={(renderProps: SearchFieldRenderProps) => (\n        <>\n          <Show when={local.label}>\n            <div class={labelWrapperClass()}>\n              <HeadlessSearchFieldLabel class={labelClass(renderProps)}>\n                {local.label}\n                <Show when={renderProps.isRequired || necessityIndicator() === \"label\"}>\n                  <span class={noWrap}>\n                    &nbsp;\n                    <Show\n                      when={necessityIndicator() === \"icon\"}\n                      fallback={\n                        <span aria-hidden={renderProps.isRequired ? true : undefined}>\n                          {renderProps.isRequired ? \"(required)\" : \"(optional)\"}\n                        </span>\n                      }\n                    >\n                      <AsteriskIcon\n                        size={size() === \"S\" ? \"M\" : size()}\n                        styles={requiredIcon}\n                        style={requiredIconStyle(size())}\n                        aria-hidden=\"true\"\n                      />\n                    </Show>\n                  </span>\n                </Show>\n              </HeadlessSearchFieldLabel>\n              <Show when={local.contextualHelp}>\n                <span data-slot=\"contextualHelp\">{local.contextualHelp}</span>\n              </Show>\n            </div>\n          </Show>\n\n          <div\n            // Mirrors S2's FieldGroup, which renders RAC <Group> as the field\n            // shell around the icon, input, and clear button. This group IS\n            // role=\"group\" (unlike TextField's, which is role=\"presentation\"):\n            // RAC's SearchField seeds GroupContext with only {isInvalid,\n            // isDisabled} — NO role — (react-aria-components SearchField.mjs), so\n            // the inner <Group> falls back to its default role ?? 'group'.\n            // Verified against the rendered React AX tree (D6). The group is\n            // intentionally unnamed — the searchbox itself carries the label.\n            role=\"group\"\n            class={groupClass(renderProps)}\n            onPointerDown={(event) => {\n              if (event.pointerType === \"mouse\") {\n                focusFieldInput(event);\n              }\n            }}\n            onTouchEnd={focusFieldInput}\n            onFocusIn={() => setIsFocusWithin(true)}\n            onFocusOut={(event) => {\n              if (!event.currentTarget.contains(event.relatedTarget as Node | null)) {\n                setIsFocusWithin(false);\n              }\n            }}\n            data-focused={isFocusWithin() ? \"true\" : undefined}\n            data-disabled={renderProps.isDisabled ? \"true\" : undefined}\n            data-invalid={renderProps.isInvalid ? \"true\" : undefined}\n          >\n            <Show\n              when={local.prefix}\n              fallback={\n                <CenterBaseline slot=\"icon\" styles={searchIconWrapper}>\n                  <SearchIcon styles={searchIcon} />\n                </CenterBaseline>\n              }\n            >\n              <FieldPrefix id={prefixId}>{local.prefix}</FieldPrefix>\n            </Show>\n            <Show\n              when={local.prefix || local.suffix}\n              fallback={<HeadlessSearchFieldInput class={inputClass()} />}\n            >\n              <PrefixInputProvider context={HeadlessSearchFieldContext} prefixId={adornmentIds()}>\n                <HeadlessSearchFieldInput class={inputClass()} />\n              </PrefixInputProvider>\n            </Show>\n            <Show when={local.suffix}>\n              <FieldSuffix id={suffixId}>{local.suffix}</FieldSuffix>\n            </Show>\n            <Show when={!renderProps.isReadOnly}>\n              <HeadlessSearchFieldClearButton class={clearButtonClass}>\n                <CrossIcon size={size()} style={clearIconStyle(size())} />\n              </HeadlessSearchFieldClearButton>\n            </Show>\n          </div>\n\n          <Show when={local.description && !renderProps.isInvalid}>\n            <SearchFieldDescription class={helpClass(renderProps, false)}>\n              {local.description}\n            </SearchFieldDescription>\n          </Show>\n\n          <Show when={local.errorMessage && renderProps.isInvalid}>\n            <SearchFieldError class={helpClass(renderProps, true)}>\n              <CenterBaseline>\n                <AlertTriangleIcon aria-hidden=\"true\" styles={fieldErrorIcon} />\n              </CenterBaseline>\n              <span>{local.errorMessage}</span>\n            </SearchFieldError>\n          </Show>\n        </>\n      )}\n    />\n  );\n}\n\nexport type { SearchFieldState } from \"@proyecto-viviana/solid-stately\";\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/searchfield/index.tsx"],"sourcesContent":["// @ts-nocheck\n\n/*\n * Copyright 2024 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/@react-spectrum/s2/src/SearchField.tsx\n\n// Port of packages/@react-spectrum/s2/src/SearchField.tsx.\n\nimport { children, createContext, createSignal, createUniqueId, Show, useContext } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  SearchField as HeadlessSearchField,\n  SearchFieldLabel as HeadlessSearchFieldLabel,\n  SearchFieldInput as HeadlessSearchFieldInput,\n  SearchFieldClearButton as HeadlessSearchFieldClearButton,\n  SearchFieldContext as HeadlessSearchFieldContext,\n  type SearchFieldProps as HeadlessSearchFieldProps,\n  type SearchFieldRenderProps,\n  type SearchFieldClearButtonRenderProps,\n} from \"@proyecto-viviana/solidaria-components\";\nimport type { StyleString } from \"../style\";\nimport { baseColor, focusRing, fontRelative, style } from \"../style\" with { type: \"macro\" };\nimport { css } from \"../style/style-macro\" with { type: \"macro\" };\nimport { mergeStyles } from \"../style/runtime\";\nimport {\n  control,\n  controlSize,\n  field,\n  fieldInput,\n  fieldLabel,\n  getAllowedOverrides,\n} from \"../s2-internal/style-utils\" with { type: \"macro\" };\nimport { CenterBaseline } from \"../icon/center-baseline\";\nimport { FieldPrefix, PrefixInputProvider } from \"../field/prefix\";\nimport { FieldSuffix } from \"../field/suffix\";\nimport { Keyboard } from \"../text/Keyboard\";\nimport CrossIcon from \"../icon/ui-icons/Cross\";\nimport AsteriskIcon from \"../icon/ui-icons/Asterisk\";\nimport { mergeProps, createStringFormatter } from \"@proyecto-viviana/solidaria\";\nimport { s2IntlStrings } from \"../intl\";\nimport { useProviderProps } from \"../provider\";\nimport { useFormProps, useIsInForm } from \"../form\";\nimport { HelpText } from \"../form/HelpText\";\nimport { splitProps } from \"@proyecto-viviana/solidaria/utils\";\nimport {\n  getSlottedContextProps,\n  mergeContextRefs,\n  mergeContextStyles,\n  mergeContextUnsafeStyle,\n  type RefLike,\n  type SpectrumContextValue,\n} from \"../button/spectrum-context\";\n\nexport type SearchFieldSize = \"S\" | \"M\" | \"L\" | \"XL\" | \"sm\" | \"md\" | \"lg\";\ntype S2SearchFieldSize = \"S\" | \"M\" | \"L\" | \"XL\";\nexport type SearchFieldVariant = \"outline\" | \"filled\";\nexport type SearchFieldLabelPosition = \"top\" | \"side\";\nexport type SearchFieldLabelAlign = \"start\" | \"end\";\nexport type SearchFieldNecessityIndicator = \"icon\" | \"label\";\n\nexport interface SearchFieldProps extends Omit<\n  HeadlessSearchFieldProps,\n  \"class\" | \"style\" | \"children\" | \"label\" | \"slot\" | \"ref\"\n> {\n  /** The size of the search field. */\n  size?: SearchFieldSize;\n  /** Legacy visual variant. S2 SearchFields do not expose visual variants. */\n  variant?: SearchFieldVariant;\n  /** Spectrum-defined generated classes. */\n  styles?: StyleString;\n  /** Additional CSS class name. Use only as a last resort. */\n  UNSAFE_className?: string;\n  /** Additional inline styles. Use only as a last resort. */\n  UNSAFE_style?: JSX.CSSProperties;\n  /** Backward-compatible class alias. Prefer UNSAFE_className for S2 parity. */\n  class?: string;\n  /** Label text for the input. */\n  label?: JSX.Element;\n  /** Description text shown below the input. */\n  description?: JSX.Element;\n  /** Error message shown when invalid. */\n  errorMessage?: JSX.Element;\n  /** Position of the label relative to the input. */\n  labelPosition?: SearchFieldLabelPosition;\n  /** Text alignment for side labels. */\n  labelAlign?: SearchFieldLabelAlign;\n  /** Whether required fields show an icon or text label. */\n  necessityIndicator?: SearchFieldNecessityIndicator;\n  /** A contextual help element to place next to the label. */\n  contextualHelp?: JSX.Element;\n  /**\n   * An icon or text rendered before the input in place of the built-in search\n   * magnifier, e.g. the register's `/` slash-command glyph.\n   */\n  prefix?: JSX.Element;\n  /** An icon or text rendered after the input, e.g. a key hint. */\n  suffix?: JSX.Element;\n  /**\n   * A keyboard shortcut hint drawn as a key chip at the end of the field, e.g. `\"⌘K\"`.\n   *\n   * Local addition — no S2 counterpart. The register parks the shortcut that focuses\n   * the field INSIDE the well (TerminalGlassLab.tsx:157), where a sibling element cannot\n   * reach; S2 has no slot for it.\n   *\n   * Deliberately NOT routed through `suffix`. A suffix is part of the field's accessible\n   * name — its id is appended to the input's `aria-labelledby`, which is right for a\n   * unit (\"kg\") and wrong for a shortcut: a screen-reader user would hear\n   * \"Search lessons ⌘K\" as the field's name. The chip is `aria-hidden` decoration; the\n   * shortcut itself is announced only if the app describes it (`aria-describedby`).\n   */\n  shortcut?: string;\n  /** Slot name when used in a Spectrum context. */\n  slot?: string | null;\n  /** Ref for the search field root element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\ninterface SearchFieldStyleProps extends SearchFieldRenderProps {\n  size?: S2SearchFieldSize;\n  labelPosition?: SearchFieldLabelPosition;\n  labelAlign?: SearchFieldLabelAlign;\n  isFocusWithin?: boolean;\n  isStaticColor?: boolean;\n  isInForm?: boolean;\n  isQuiet?: boolean;\n}\n\ninterface ClearButtonStyleProps extends SearchFieldClearButtonRenderProps {\n  size?: S2SearchFieldSize;\n  isFocusVisible?: boolean;\n  isStaticColor?: boolean;\n}\n\nexport const SearchFieldContext = createContext<SpectrumContextValue<SearchFieldProps>>(null);\n\nconst hideNativeSearchCancelButton = css(\n  \"&::-webkit-search-cancel-button { display: none }\",\n) as StyleString;\n\nconst searchFieldRoot = style<SearchFieldStyleProps>(\n  {\n    ...field(),\n    \"--iconMargin\": {\n      type: \"marginTop\",\n      value: fontRelative(-2),\n    },\n    color: {\n      default: baseColor(\"neutral\"),\n      isDisabled: {\n        default: \"disabled\",\n        forcedColors: \"GrayText\",\n      },\n    },\n  },\n  getAllowedOverrides(),\n);\n\nconst searchFieldLabelWrapper = style<SearchFieldStyleProps>({\n  gridArea: \"label\",\n  display: \"inline\",\n  textAlign: {\n    labelAlign: {\n      start: \"start\",\n      end: \"end\",\n    },\n  },\n  paddingBottom: {\n    labelPosition: {\n      top: \"--field-gap\",\n    },\n  },\n  contain: {\n    labelPosition: {\n      top: \"inline-size\",\n    },\n    isQuiet: \"none\",\n  },\n});\n\nconst searchFieldLabel = style<SearchFieldStyleProps>({\n  ...fieldLabel(),\n});\n\nconst searchFieldGroup = style<SearchFieldStyleProps>({\n  ...focusRing(),\n  ...control({ shape: \"default\", register: \"matte\" }),\n  ...fieldInput(),\n  /* No borderRadius here on purpose. `control({ register: \"matte\" })` above already\n   * sets `borderRadius: \"default\"` (8px) via its non-pill branch, and `fieldInput()`\n   * emits no radius, so the spread survives. The `full` that used to sit here made\n   * SearchField the only matte field drawn as a pill — textfield/index.tsx,\n   * textfield/TextArea.tsx and numberfield/index.tsx all spread the same\n   * `control({ shape: \"default\", register: \"matte\" })` and declare no radius of their\n   * own. The `full` on `clearButton` below is a different object and stays: that one\n   * is a round icon button. */\n  transition: \"default\",\n  borderColor: {\n    default: \"well-border\",\n    forcedColors: \"ButtonBorder\",\n    isInvalid: {\n      default: baseColor(\"negative\"),\n      forcedColors: \"Mark\",\n    },\n    isFocusWithin: {\n      /* Viviana UI v2 (Glasselated): cyan/blue is the register's STRUCTURE colour, so a\n       * focused well rims in `--border-focus` instead of S2's near-black `gray-900`.\n       * Recolour only — the ring, its width and every other state stay as they were. */\n      default: \"[var(--border-focus)]\",\n      isInvalid: \"negative-1000\",\n      forcedColors: \"Highlight\",\n    },\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  backgroundColor: {\n    default: \"well\",\n    forcedColors: \"Field\",\n  },\n  color: {\n    default: baseColor(\"neutral\"),\n    forcedColors: \"ButtonText\",\n    isDisabled: {\n      default: \"disabled\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  cursor: {\n    default: \"text\",\n    isDisabled: \"default\",\n  },\n});\n\n/* End side only. `control({ register: \"matte\" })` already sets `paddingX:\n * \"edge-to-text\"`, so dropping the old `paddingStart: \"pill\"` lets the start inset\n * fall back in line with the other matte fields; zeroing just the end keeps the\n * clear button flush with the well edge. That is the same shape NumberField gives\n * its stepper — numberfield/index.tsx spells `paddingStart: \"edge-to-text\"` with\n * `paddingEnd` defaulting to 0. */\nconst searchFieldGroupEndPadding = style({\n  paddingEnd: 0,\n});\n\n/* Viviana UI v2 (Glasselated): the register's search well opens with a `/` slash-command\n * prompt in `--terminal-prompt`, not with a magnifier (TerminalGlassLab.tsx:157). The\n * glyph is the register's whole search affordance — the same `/` that focuses the field —\n * so it is the BUILT-IN adornment here rather than something every call site re-passes\n * through `prefix`. Apps that want the Spectrum magnifier back still pass it as `prefix`;\n * either way the adornment is decorative and stays out of the accessible name. */\nconst searchPromptWrapper = style({\n  flexShrink: 0,\n  marginEnd: \"text-to-visual\",\n  color: \"[var(--terminal-prompt)]\",\n});\n\n/* The shortcut chip is pushed to the end of the well by `margin-inline-start: auto`,\n * exactly as the register draws it (TerminalGlassLab.tsx:157 `margin-left: auto`), so it\n * stays flush against the clear button however wide the input grows. */\nconst shortcutChip = style({\n  display: \"flex\",\n  marginStart: \"auto\",\n  flexShrink: 0,\n});\n\nconst searchFieldInput = style({\n  padding: 0,\n  backgroundColor: \"transparent\",\n  color: {\n    default: \"inherit\",\n    \"::placeholder\": {\n      /* Register dim ink: placeholder copy is the well's quietest text. */\n      default: \"[var(--terminal-dim)]\",\n      forcedColors: \"GrayText\",\n    },\n  },\n  fontFamily: \"inherit\",\n  fontSize: \"inherit\",\n  fontWeight: \"inherit\",\n  flexGrow: 1,\n  flexShrink: 1,\n  minWidth: 0,\n  width: \"full\",\n  outlineStyle: \"none\",\n  borderStyle: \"none\",\n  truncate: true,\n});\n\nconst clearButton = style<ClearButtonStyleProps>({\n  ...focusRing(),\n  display: \"flex\",\n  alignItems: \"center\",\n  justifyContent: \"center\",\n  height: \"full\",\n  width: controlSize(),\n  flexShrink: 0,\n  borderRadius: \"full\",\n  borderStyle: \"none\",\n  backgroundColor: \"transparent\",\n  boxSizing: \"border-box\",\n  padding: 0,\n  outlineOffset: -4,\n  outlineColor: {\n    default: focusRing().outlineColor,\n    isStaticColor: \"white\",\n  },\n  color: \"inherit\",\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst requiredIcon = style({\n  \"--iconPrimary\": {\n    type: \"fill\",\n    value: \"currentColor\",\n  },\n});\n\nconst noWrap = style({\n  whiteSpace: \"nowrap\",\n});\n\nfunction normalizeSearchFieldSize(size: SearchFieldSize | undefined): S2SearchFieldSize {\n  switch (size) {\n    case \"sm\":\n      return \"S\";\n    case \"md\":\n      return \"M\";\n    case \"lg\":\n      return \"L\";\n    case \"S\":\n    case \"M\":\n    case \"L\":\n    case \"XL\":\n      return size;\n    default:\n      return \"M\";\n  }\n}\n\nfunction focusFieldInput(event: Event & { currentTarget: HTMLDivElement }) {\n  const target = event.target as Element | null;\n\n  if (target?.closest(\"button,input,textarea,[role='button']\")) {\n    return;\n  }\n\n  event.preventDefault();\n  event.currentTarget.querySelector<HTMLElement>(\"input, textarea\")?.focus();\n}\n\nfunction requiredIconStyle(size: S2SearchFieldSize): JSX.CSSProperties {\n  const pixelSize = size === \"L\" || size === \"XL\" ? 10 : 8;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\nfunction clearIconStyle(size: S2SearchFieldSize): JSX.CSSProperties {\n  const pixelSize = size === \"XL\" ? 12 : size === \"L\" ? 10 : 8;\n  return {\n    width: `${pixelSize}px`,\n    height: `${pixelSize}px`,\n  };\n}\n\nexport function SearchField(props: SearchFieldProps): JSX.Element {\n  const isInForm = useIsInForm();\n  const providerProps = useProviderProps(useFormProps(props));\n  const [flags] = splitProps(providerProps, [\n    \"isQuiet\",\n    \"isEmphasized\",\n    \"isDisabled\",\n    \"isRequired\",\n    \"isReadOnly\",\n    \"validationState\",\n  ]);\n  const contextProps = getSlottedContextProps(useContext(SearchFieldContext), props.slot);\n  const defaultProps: Partial<SearchFieldProps> = {\n    labelPosition: \"top\",\n    labelAlign: \"start\",\n    necessityIndicator: \"icon\",\n  };\n  const mergedProps = mergeProps(defaultProps, flags, contextProps ?? {}, props);\n  const [local, headlessProps] = splitProps(mergedProps, [\n    \"size\",\n    \"variant\",\n    \"styles\",\n    \"UNSAFE_className\",\n    \"UNSAFE_style\",\n    \"class\",\n    \"label\",\n    \"description\",\n    \"errorMessage\",\n    \"labelPosition\",\n    \"labelAlign\",\n    \"necessityIndicator\",\n    \"contextualHelp\",\n    \"prefix\",\n    \"suffix\",\n    \"shortcut\",\n    \"slot\",\n    \"ref\",\n  ]);\n  const [isFocusWithin, setIsFocusWithin] = createSignal(false);\n\n  const prefixId = createUniqueId();\n  const suffixId = createUniqueId();\n  // Resolved once, under this owner: see the same block in textfield/index.tsx.\n  // `adornmentIds` is re-read from inside the input's ownerless ref callback, so\n  // a raw `local.prefix`/`local.suffix` read there re-runs a component-valued\n  // adornment with no owner and throws (#545).\n  const prefixNode = children(() => local.prefix);\n  const suffixNode = children(() => local.suffix);\n  // Space-separated adornment ids appended to the input's `aria-labelledby`,\n  // visual order (prefix before suffix). Read live by PrefixInputProvider.\n  const adornmentIds = () =>\n    [prefixNode() ? prefixId : null, suffixNode() ? suffixId : null].filter(Boolean).join(\" \");\n\n  const size = () => normalizeSearchFieldSize(local.size);\n  const labelPosition = () => local.labelPosition ?? \"top\";\n  const labelAlign = () => local.labelAlign ?? \"start\";\n  const necessityIndicator = () => local.necessityIndicator ?? \"icon\";\n  const stringFormatter = createStringFormatter(s2IntlStrings, \"@react-spectrum/s2\");\n  const mergedStyles = () => mergeContextStyles(contextProps?.styles, props.styles);\n  const mergedUnsafeStyle = () =>\n    mergeContextUnsafeStyle(contextProps?.UNSAFE_style, props.UNSAFE_style);\n  const assignRootRef = mergeContextRefs(\n    (contextProps as { ref?: RefLike<HTMLDivElement> } | null)?.ref,\n    props.ref,\n  );\n\n  // Upstream S2 SearchField.tsx invokes the root `style()(...)` with ONLY\n  // `{size, labelPosition, isInForm}` (lines 117-124) — it does NOT pass\n  // `isDisabled`, so the root's `color.isDisabled: 'disabled'` branch never\n  // activates and the root stays `baseColor('neutral')` even when disabled.\n  // (The render-prop `isDisabled` is threaded DOWN to FieldLabel/FieldGroup,\n  // not back into the root's own style call.) Spreading `...renderProps` here\n  // would light up that branch and diverge the root color (D1). Keep parity:\n  // pass only the same three style props upstream does. `renderProps` stays a\n  // param so the signature matches AriaSearchField's className callback shape.\n  const rootClassName = (_renderProps: SearchFieldRenderProps) =>\n    [\n      contextProps?.UNSAFE_className,\n      props.UNSAFE_className,\n      props.class,\n      searchFieldRoot(\n        {\n          size: size(),\n          labelPosition: labelPosition(),\n          isInForm,\n        },\n        mergedStyles(),\n      ),\n    ]\n      .filter(Boolean)\n      .join(\" \");\n\n  const labelWrapperClass = () =>\n    searchFieldLabelWrapper({\n      size: size(),\n      labelPosition: labelPosition(),\n      labelAlign: labelAlign(),\n    });\n\n  const labelClass = (renderProps: SearchFieldRenderProps) =>\n    searchFieldLabel({\n      ...renderProps,\n      size: size(),\n      labelPosition: labelPosition(),\n      isStaticColor: false,\n    });\n\n  const groupClass = (renderProps: SearchFieldRenderProps) =>\n    mergeStyles(\n      searchFieldGroup({\n        ...renderProps,\n        size: size(),\n        isFocusWithin: isFocusWithin(),\n      }),\n      searchFieldGroupEndPadding,\n    );\n\n  const inputClass = () => [searchFieldInput, hideNativeSearchCancelButton].join(\" \");\n\n  const clearButtonClass = (renderProps: SearchFieldClearButtonRenderProps) =>\n    clearButton({\n      ...renderProps,\n      size: size(),\n      isStaticColor: false,\n    });\n\n  return (\n    <HeadlessSearchField\n      {...headlessProps}\n      label={local.label}\n      description={local.description}\n      errorMessage={local.errorMessage}\n      ref={(element) => assignRootRef(element)}\n      slot={local.slot ?? undefined}\n      class={rootClassName}\n      style={mergedUnsafeStyle()}\n      data-size={size()}\n      children={(renderProps: SearchFieldRenderProps) => (\n        <>\n          <Show when={local.label}>\n            <div class={labelWrapperClass()}>\n              <HeadlessSearchFieldLabel class={labelClass(renderProps)}>\n                {local.label}\n                <Show when={renderProps.isRequired || necessityIndicator() === \"label\"}>\n                  <span class={noWrap}>\n                    &nbsp;\n                    <Show\n                      when={necessityIndicator() === \"icon\"}\n                      fallback={\n                        <span aria-hidden={renderProps.isRequired ? true : undefined}>\n                          {stringFormatter().format(\n                            renderProps.isRequired ? \"label.(required)\" : \"label.(optional)\",\n                          )}\n                        </span>\n                      }\n                    >\n                      <AsteriskIcon\n                        size={size() === \"S\" ? \"M\" : size()}\n                        styles={requiredIcon}\n                        style={requiredIconStyle(size())}\n                        aria-hidden=\"true\"\n                      />\n                    </Show>\n                  </span>\n                </Show>\n              </HeadlessSearchFieldLabel>\n              <Show when={local.contextualHelp}>\n                <span data-slot=\"contextualHelp\">{local.contextualHelp}</span>\n              </Show>\n            </div>\n          </Show>\n\n          <div\n            // Mirrors S2's FieldGroup, which renders RAC <Group> as the field\n            // shell around the icon, input, and clear button. This group IS\n            // role=\"group\" (unlike TextField's, which is role=\"presentation\"):\n            // RAC's SearchField seeds GroupContext with only {isInvalid,\n            // isDisabled} — NO role — (react-aria-components SearchField.mjs), so\n            // the inner <Group> falls back to its default role ?? 'group'.\n            // Verified against the rendered React AX tree (D6). The group is\n            // intentionally unnamed — the searchbox itself carries the label.\n            role=\"group\"\n            class={groupClass(renderProps)}\n            onPointerDown={(event) => {\n              if (event.pointerType === \"mouse\") {\n                focusFieldInput(event);\n              }\n            }}\n            onTouchEnd={focusFieldInput}\n            onFocusIn={() => setIsFocusWithin(true)}\n            onFocusOut={(event) => {\n              if (!event.currentTarget.contains(event.relatedTarget as Node | null)) {\n                setIsFocusWithin(false);\n              }\n            }}\n            data-focused={isFocusWithin() ? \"true\" : undefined}\n            data-disabled={renderProps.isDisabled ? \"true\" : undefined}\n            data-invalid={renderProps.isInvalid ? \"true\" : undefined}\n          >\n            <Show\n              when={prefixNode()}\n              fallback={\n                <CenterBaseline slot=\"icon\" styles={searchPromptWrapper}>\n                  <span aria-hidden=\"true\">/</span>\n                </CenterBaseline>\n              }\n            >\n              <FieldPrefix id={prefixId}>{prefixNode()}</FieldPrefix>\n            </Show>\n            <Show\n              when={prefixNode() || suffixNode()}\n              fallback={<HeadlessSearchFieldInput class={inputClass()} />}\n            >\n              <PrefixInputProvider context={HeadlessSearchFieldContext} prefixId={adornmentIds()}>\n                <HeadlessSearchFieldInput class={inputClass()} />\n              </PrefixInputProvider>\n            </Show>\n            <Show when={suffixNode()}>\n              <FieldSuffix id={suffixId}>{suffixNode()}</FieldSuffix>\n            </Show>\n            <Show when={local.shortcut}>\n              {/* Decoration, not name: see `shortcut` on SearchFieldProps. It carries no\n                  id and is never joined into `adornmentIds`, so the searchbox keeps the\n                  name its label gave it. */}\n              <span aria-hidden=\"true\" class={shortcutChip}>\n                <Keyboard>{local.shortcut}</Keyboard>\n              </span>\n            </Show>\n            <Show when={!renderProps.isReadOnly}>\n              <HeadlessSearchFieldClearButton class={clearButtonClass}>\n                <CrossIcon size={size()} style={clearIconStyle(size())} />\n              </HeadlessSearchFieldClearButton>\n            </Show>\n          </div>\n\n          <HelpText\n            size={size()}\n            isDisabled={renderProps.isDisabled}\n            isInvalid={renderProps.isInvalid}\n            description={local.description}\n          >\n            {local.errorMessage}\n          </HelpText>\n        </>\n      )}\n    />\n  );\n}\n\nexport type { SearchFieldState } from \"@proyecto-viviana/solid-stately\";\n"],"mappings":"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"}