@wordpress/components/build/search-control/index.cjs.map

UI components for WordPress.

{
  "version": 3,
  "sources": ["../../src/search-control/index.tsx"],
  "sourcesContent": ["/**\n * External dependencies\n */\nimport clsx from 'clsx';\n/**\n * WordPress dependencies\n */\nimport { useInstanceId, useMergeRefs } from '@wordpress/compose';\nimport { __ } from '@wordpress/i18n';\nimport { search, closeSmall } from '@wordpress/icons';\nimport { forwardRef, useRef } from '@wordpress/element';\nimport deprecated from '@wordpress/deprecated';\n\n/**\n * Internal dependencies\n */\nimport Button from '../button';\nimport { InputControlPrefixWrapper } from '../input-control/input-prefix-wrapper';\nimport { InputControlSuffixWrapper } from '../input-control/input-suffix-wrapper';\nimport { StyledInputControl, StyledIcon } from './styles';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction SuffixItem({\n  searchRef,\n  value,\n  onChange,\n  onClose\n}) {\n  if (!onClose && !value) {\n    return null;\n  }\n  if (onClose) {\n    deprecated('`onClose` prop in wp.components.SearchControl', {\n      since: '6.8'\n    });\n  }\n  const onReset = () => {\n    onChange('');\n    searchRef.current?.focus();\n  };\n  return /*#__PURE__*/_jsx(InputControlSuffixWrapper, {\n    variant: \"control\",\n    children: /*#__PURE__*/_jsx(Button, {\n      size: \"small\",\n      icon: closeSmall,\n      label: onClose ? __('Close search') : __('Reset search'),\n      onClick: onClose ?? onReset\n    })\n  });\n}\nfunction UnforwardedSearchControl({\n  __nextHasNoMarginBottom: _,\n  // Prevent passing to internal component\n  className,\n  onChange,\n  value,\n  label = __('Search'),\n  placeholder = __('Search'),\n  hideLabelFromVision = true,\n  onClose,\n  size = 'default',\n  ...restProps\n}, forwardedRef) {\n  // @ts-expect-error The `disabled` prop is not yet supported in the SearchControl component.\n  // Work with the design team (@WordPress/gutenberg-design) if you need this feature.\n  const {\n    disabled,\n    ...filteredRestProps\n  } = restProps;\n  const searchRef = useRef(null);\n  const instanceId = useInstanceId(SearchControl, 'components-search-control');\n  return /*#__PURE__*/_jsx(StyledInputControl, {\n    __next40pxDefaultSize: true,\n    id: instanceId,\n    hideLabelFromVision: hideLabelFromVision,\n    label: label,\n    ref: useMergeRefs([searchRef, forwardedRef]),\n    type: \"search\",\n    size: size,\n    className: clsx('components-search-control', className),\n    onChange: nextValue => onChange(nextValue ?? ''),\n    autoComplete: \"off\",\n    placeholder: placeholder,\n    value: value ?? '',\n    prefix: /*#__PURE__*/_jsx(InputControlPrefixWrapper, {\n      variant: \"icon\",\n      children: /*#__PURE__*/_jsx(StyledIcon, {\n        icon: search,\n        fill: \"currentColor\"\n      })\n    }),\n    suffix: /*#__PURE__*/_jsx(SuffixItem, {\n      searchRef: searchRef,\n      value: value,\n      onChange: onChange,\n      onClose: onClose\n    }),\n    ...filteredRestProps\n  });\n}\n\n/**\n * SearchControl components let users display a search control.\n *\n * ```jsx\n * import { SearchControl } from '@wordpress/components';\n * import { useState } from '@wordpress/element';\n *\n * function MySearchControl( { className, setState } ) {\n *   const [ searchInput, setSearchInput ] = useState( '' );\n *\n *   return (\n *     <SearchControl\n *       value={ searchInput }\n *       onChange={ setSearchInput }\n *     />\n *   );\n * }\n * ```\n */\nexport const SearchControl = forwardRef(UnforwardedSearchControl);\nSearchControl.displayName = 'SearchControl';\nexport default SearchControl;"],
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,kBAAiB;AAIjB,qBAA4C;AAC5C,kBAAmB;AACnB,mBAAmC;AACnC,qBAAmC;AACnC,wBAAuB;AAKvB,oBAAmB;AACnB,kCAA0C;AAC1C,kCAA0C;AAC1C,oBAA+C;AAC/C,yBAA4B;AAC5B,SAAS,WAAW;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,MAAI,CAAC,WAAW,CAAC,OAAO;AACtB,WAAO;AAAA,EACT;AACA,MAAI,SAAS;AACX,0BAAAA,SAAW,iDAAiD;AAAA,MAC1D,OAAO;AAAA,IACT,CAAC;AAAA,EACH;AACA,QAAM,UAAU,MAAM;AACpB,aAAS,EAAE;AACX,cAAU,SAAS,MAAM;AAAA,EAC3B;AACA,SAAoB,uCAAAC,KAAK,uDAA2B;AAAA,IAClD,SAAS;AAAA,IACT,UAAuB,uCAAAA,KAAK,cAAAC,SAAQ;AAAA,MAClC,MAAM;AAAA,MACN,MAAM;AAAA,MACN,OAAO,cAAU,gBAAG,cAAc,QAAI,gBAAG,cAAc;AAAA,MACvD,SAAS,WAAW;AAAA,IACtB,CAAC;AAAA,EACH,CAAC;AACH;AACA,SAAS,yBAAyB;AAAA,EAChC,yBAAyB;AAAA;AAAA,EAEzB;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAQ,gBAAG,QAAQ;AAAA,EACnB,kBAAc,gBAAG,QAAQ;AAAA,EACzB,sBAAsB;AAAA,EACtB;AAAA,EACA,OAAO;AAAA,EACP,GAAG;AACL,GAAG,cAAc;AAGf,QAAM;AAAA,IACJ;AAAA,IACA,GAAG;AAAA,EACL,IAAI;AACJ,QAAM,gBAAY,uBAAO,IAAI;AAC7B,QAAM,iBAAa,8BAAc,eAAe,2BAA2B;AAC3E,SAAoB,uCAAAD,KAAK,kCAAoB;AAAA,IAC3C,uBAAuB;AAAA,IACvB,IAAI;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAK,6BAAa,CAAC,WAAW,YAAY,CAAC;AAAA,IAC3C,MAAM;AAAA,IACN;AAAA,IACA,eAAW,YAAAE,SAAK,6BAA6B,SAAS;AAAA,IACtD,UAAU,eAAa,SAAS,aAAa,EAAE;AAAA,IAC/C,cAAc;AAAA,IACd;AAAA,IACA,OAAO,SAAS;AAAA,IAChB,QAAqB,uCAAAF,KAAK,uDAA2B;AAAA,MACnD,SAAS;AAAA,MACT,UAAuB,uCAAAA,KAAK,0BAAY;AAAA,QACtC,MAAM;AAAA,QACN,MAAM;AAAA,MACR,CAAC;AAAA,IACH,CAAC;AAAA,IACD,QAAqB,uCAAAA,KAAK,YAAY;AAAA,MACpC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACD,GAAG;AAAA,EACL,CAAC;AACH;AAqBO,IAAM,oBAAgB,2BAAW,wBAAwB;AAChE,cAAc,cAAc;AAC5B,IAAO,yBAAQ;",
  "names": ["deprecated", "_jsx", "Button", "clsx"]
}