@sap-ux/ui-components
Version:
SAP UI Components Library
2 lines (1 loc) • 2.6 kB
JavaScript
;(()=>{var O=Object.defineProperty,w=Object.defineProperties;var C=Object.getOwnPropertyDescriptors;var h=Object.getOwnPropertySymbols;var P=Object.prototype.hasOwnProperty,I=Object.prototype.propertyIsEnumerable;var _=(s,t,r)=>t in s?O(s,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[t]=r,p=(s,t)=>{for(var r in t||(t={}))P.call(t,r)&&_(s,r,t[r]);if(h)for(var r of h(t))I.call(t,r)&&_(s,r,t[r]);return s},x=(s,t)=>w(s,C(t));(self.webpackChunk_sap_ux_ui_components=self.webpackChunk_sap_ux_ui_components||[]).push([[104],{"./stories/UISearchBox.story.tsx"(s,t,r){var m=this&&this.__createBinding||(Object.create?(function(o,e,c,n){n===void 0&&(n=c);var a=Object.getOwnPropertyDescriptor(e,c);(!a||("get"in a?!e.__esModule:a.writable||a.configurable))&&(a={enumerable:!0,get:function(){return e[c]}}),Object.defineProperty(o,n,a)}):(function(o,e,c,n){n===void 0&&(n=c),o[n]=e[c]})),b=this&&this.__setModuleDefault||(Object.create?(function(o,e){Object.defineProperty(o,"default",{enumerable:!0,value:e})}):function(o,e){o.default=e}),v=this&&this.__importStar||(function(){var o=function(e){return o=Object.getOwnPropertyNames||function(c){var n=[];for(var a in c)Object.prototype.hasOwnProperty.call(c,a)&&(n[n.length]=a);return n},o(e)};return function(e){if(e&&e.__esModule)return e;var c={};if(e!=null)for(var n=o(e),a=0;a<n.length;a++)n[a]!=="default"&&m(c,e,n[a]);return b(c,e),c}})();Object.defineProperty(t,"__esModule",{value:!0}),t.SearchBox=void 0;const u=v(r("../../node_modules/.pnpm/react@16.14.0/node_modules/react/index.js")),i=r("../../node_modules/.pnpm/@fluentui+react@8.125.6_@types+react-dom@16.9.25_@types+react@16.14.69__@types+react@16_03684c25d5c3502754322356d0aa96d9/node_modules/@fluentui/react/lib-commonjs/index.js"),S=r("./src/components/UISearchBox/index.tsx"),y=r("./src/components/index.tsx");t.default={title:"Basic Inputs/Search"};const g={childrenGap:40},j=()=>{const[o,e]=(0,u.useState)(""),c=(f,l)=>{l!==void 0&&e(l)},n=()=>{e("")},a=(f,l)=>{B(x(p({},d),{[f]:l}))},[d,B]=(0,u.useState)({value:o,onChange:c,onClear:n});return u.default.createElement(i.Stack,{tokens:g,style:{width:300}},u.default.createElement(i.Stack,{tokens:{childrenGap:16}},u.default.createElement(i.Text,{variant:"large",className:"textColor"},"UISearchBox"),u.default.createElement("div",{style:{display:"flex",flexDirection:"row",flexWrap:"wrap",gap:"20px",maxWidth:"1200px"}},u.default.createElement(y.UICheckbox,{label:"Disabled",checked:d.disabled,onChange:(f,l)=>{a("disabled",l)}})),u.default.createElement(S.UISearchBox,p({},d))))};t.SearchBox=j}}]);})();