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