{"version":3,"file":"SearchBar.BahOpGST.mjs","names":["superfieldsId"],"sources":["https:/framerusercontent.com/modules/WNnI536cDhedSy8fHYZf/zJBfuQOwtqVt94UeUpiq/SearchBar.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import{useState,useRef,useEffect}from\"react\";import{Border,borderPropertyControl,fillProp,createBackground,superfieldsId,useSearchState,usePaginationState}from\"https://framerusercontent.com/modules/7bVBRRDmBffLAodYcm8x/PyjG5PhY0gS63nuWBx2V/SuperfieldsShared.js\";/**\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any\n * @framerIntrinsicWidth 500\n */export default function SearchBar(props){const{superfieldsId,superfieldsIds,placeholderColor,searchIcon,xButton}=props;const ids=superfieldsIds?.length?superfieldsIds:[superfieldsId];const inputRef=useRef(null);const[focused,setFocused]=useState(false);const[paginationState]=usePaginationState();const[searchState,setSearchState]=useSearchState();const storageKeys=ids.map(id=>`SearchQuery_${id}`);// Load saved searches from localStorage\nuseEffect(()=>{for(const id of ids){const saved=localStorage.getItem(`SearchQuery_${id}`);if(saved!==null&&searchState[id]===undefined){setSearchState(prev=>({...prev,[id]:saved}));}}},[]);// Save search when it changes\nuseEffect(()=>{for(const id of ids){if(searchState[id]!==undefined){localStorage.setItem(`SearchQuery_${id}`,searchState[id]||\"\");}}},[searchState]);const onXClick=()=>{setSearchState(prev=>{const newState={...prev};for(const id of ids){newState[id]=\"\";localStorage.removeItem(`SearchQuery_${id}`);}return newState;});};const paddingValues=parsePadding(props.padding);return /*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",...createBackground(props.fill),color:props.fontColor,borderRadius:props.radius,boxShadow:props.shadows,display:\"flex\",flexDirection:\"row\",alignItems:\"center\",padding:props.padding,gap:props.gap,cursor:\"text\",overflow:\"hidden\",backdropFilter:props.bgBlur?`blur(${props.bgBlur}px)`:undefined,...props.font,...props.style},onClick:()=>inputRef.current?.focus(),children:[searchIcon&&/*#__PURE__*/_jsxs(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",width:searchIcon.size,height:searchIcon.size,viewBox:\"0 0 24 24\",fill:\"none\",stroke:searchIcon.color,strokeWidth:searchIcon.lineWidth,strokeLinecap:\"round\",strokeLinejoin:\"round\",style:{opacity:searchIcon.opacity,display:\"block\",pointerEvents:\"none\"},children:[/*#__PURE__*/_jsx(\"path\",{d:\"M10 10m-7 0a7 7 0 1 0 14 0a7 7 0 1 0 -14 0\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M21 21l-6 -6\"})]}),/*#__PURE__*/_jsx(\"input\",{ref:inputRef,type:\"text\",style:{border:\"none\",color:props.fontColor,background:\"none\",...props.font,...props.style},placeholder:props.placeholderText.replace(\"[items]\",String(paginationState?.[superfieldsId]?.totalItems??paginationState?.[superfieldsIds?.[0]]?.totalItems??0)),autoFocus:props.autoFocus,value:searchState[superfieldsId]??searchState[superfieldsIds?.[0]]??\"\",onChange:e=>{const text=e.target.value;setSearchState(prev=>{const newState={...prev};for(const id of ids){newState[id]=text;}return newState;});},onFocus:()=>setFocused(true),onBlur:()=>setFocused(false)}),(searchState[superfieldsId]??searchState[superfieldsIds?.[0]])&&xButton&&/*#__PURE__*/_jsxs(\"div\",{style:{position:\"relative\",width:xButton.size,display:\"flex\",alignItems:\"center\",alignSelf:\"stretch\"},children:[/*#__PURE__*/_jsxs(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",width:xButton.size,height:xButton.size,viewBox:\"0 0 24 24\",fill:\"none\",stroke:xButton.color,strokeWidth:xButton.lineWidth,strokeLinecap:\"round\",strokeLinejoin:\"round\",style:{display:\"block\",opacity:xButton.opacity},children:[/*#__PURE__*/_jsx(\"path\",{d:\"M18 6l-12 12\"}),/*#__PURE__*/_jsx(\"path\",{d:\"M6 6l12 12\"})]}),/*#__PURE__*/_jsx(\"button\",{style:{position:\"absolute\",left:-props.gap,top:-paddingValues[0],right:-paddingValues[1],bottom:-paddingValues[2],cursor:\"pointer\",background:\"none\",border:\"none\"},onClick:e=>{e.stopPropagation();onXClick();},onFocus:()=>setFocused(true),onBlur:()=>setFocused(false)})]}),/*#__PURE__*/_jsx(Border,{...props.border}),/*#__PURE__*/_jsx(Border,{...props.focus,animate:{opacity:focused?1:0}}),/*#__PURE__*/_jsx(\"style\",{children:`\n                input::placeholder { color: ${placeholderColor}; user-select: none; }\n                input::-webkit-input-placeholder { color: ${placeholderColor}; user-select: none; }\n                input::-moz-placeholder { color: ${placeholderColor}; user-select: none; }\n                input:-ms-input-placeholder { color: ${placeholderColor}; user-select: none; }\n                input:-moz-placeholder { color: ${placeholderColor}; user-select: none; }\n                input:focus { outline: none; }\n            `})]});}SearchBar.displayName=\"Search Bar\";addPropertyControls(SearchBar,{...superfieldsId(),superfieldsIds:{type:ControlType.Array,control:{type:ControlType.Number,min:0,step:1,displayStepper:true},title:\"CMS IDs\"},placeholderText:{type:ControlType.String,defaultValue:\"Search [items] items...\",title:\"Placeholder\"},autoFocus:{type:ControlType.Boolean,defaultValue:false,title:\"Auto-Focus\"},fill:fillProp({color:\"#EFEFEF\"}),fontColor:{type:ControlType.Color,defaultValue:\"#000\"},placeholderColor:{type:ControlType.Color,defaultValue:\"rgba(0, 0, 0, 0.5)\"},font:{type:ControlType.Font,controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:14,lineHeight:1.4}},searchIcon:{type:ControlType.Object,optional:true,defaultValue:{color:\"$000\",size:16,lineWidth:2.5,opacity:.5},controls:{color:{type:ControlType.Color,defaultValue:\"$000\"},size:{type:ControlType.Number,defaultValue:16},lineWidth:{type:ControlType.Number,defaultValue:2.5},opacity:{type:ControlType.Number,defaultValue:1}}},xButton:{type:ControlType.Object,optional:true,defaultValue:{color:\"#000\",size:14,lineWidth:2.5,opacity:.5},controls:{color:{type:ControlType.Color,defaultValue:\"#000\"},size:{type:ControlType.Number,defaultValue:14},lineWidth:{type:ControlType.Number,defaultValue:2.5},opacity:{type:ControlType.Number,defaultValue:.5}}},gap:{type:ControlType.Number,defaultValue:8},padding:{type:ControlType.Padding,defaultValue:\"8px 12px 8px 12px\"},radius:{type:ControlType.BorderRadius,defaultValue:\"8px\"},border:borderPropertyControl(),shadows:{type:ControlType.BoxShadow},bgBlur:{type:ControlType.Number,title:\"BG Blur\",defaultValue:0},focus:{type:ControlType.Object,optional:true,defaultValue:{color:\"#0075FF\",width:2,style:\"solid\"},controls:{color:{type:ControlType.Color,defaultValue:\"#0075FF\"},width:{type:ControlType.FusedNumber,defaultValue:2,toggleKey:\"widthIsMixed\",toggleTitles:[\"All\",\"Individual\"],valueKeys:[\"widthTop\",\"widthRight\",\"widthBottom\",\"widthLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"]},style:{type:ControlType.Enum,options:[\"solid\",\"dashed\",\"dotted\",\"double\"],defaultValue:\"solid\"},transition:{type:ControlType.Transition,defaultValue:{type:\"spring\",duration:.2,bounce:0}}}}});function parsePadding(padding){if(typeof padding!==\"string\")return[8,8,8,8];const values=padding.trim().split(/\\s+/).map(val=>parseInt(val,10));if(values.length===1){return[values[0],values[0],values[0],values[0]];}else if(values.length===4){return values;}else{throw new Error(\"Padding must have 1 or 4 values\");}}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"SearchBar\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"500\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"any\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SearchBar.map"],"mappings":"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"}