@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 6.95 kB
JavaScript
var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},8310:function(e,t,n){n.r(t),n.d(t,{Demo:function(){return E},DemoComponent:function(){return h},DropZone:function(){return f},DropZoneContainer:function(){return v},DropZoneInsertionPoint:function(){return b},DropZoneLabel:function(){return _},examples:function(){return y}});var l=n(1594),a=n.n(l),r=n(942),o=n.n(r),s=n(538),c=n(7852),i=n(6955),d=n(9623),m=n(3011),u=n(4187),p=n.n(u),E=function(e){return a().createElement("div",{className:"demo-only",style:{paddingTop:"2rem"}},e.children)};E.propTypes={children:p().node};var h=function(e){return a().createElement("div",{className:"demo-only demo-component",style:{width:"100%",height:"10rem"}},e.children)};h.propTypes={children:p().node};var f=function(e){return a().createElement("div",{className:o()("slds-drop-zone",{"slds-drop-zone_drag":e.isDragging})},e.children)};f.propTypes={isDragging:p().bool,children:p().node};var b=function(e){return a().createElement("div",{className:"slds-drop-zone_drag__slot"})},v=function(e){return a().createElement("div",{className:o()("slds-drop-zone__container",{"slds-is-hovered":e.isHovered}),tabIndex:"-1"},a().createElement(_,{isContainer:!0,headerText:"Component Name"}),e.children,e.hasActions&&a().createElement("div",{className:"slds-drop-zone__actions"},a().createElement(d.ButtonGroup,null,a().createElement(i.A,{className:"slds-button_icon-x-small",theme:"brand",symbol:"move",assistiveText:"Move",title:"Move"}),a().createElement(i.A,{className:"slds-button_icon-x-small",theme:"brand",symbol:"close",assistiveText:"Close",title:"Close"}))))};v.propTypes={hasActions:p().bool,isHovered:p().bool,children:p().node};var g=function(e){return a().createElement(s.UtilityIcon,{symbol:e.isContainer?"connected_apps":"builder",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-current-color",title:!1,assistiveText:!1})};g.propTypes={isContainer:p().bool};var _=function(e){return a().createElement("div",{className:o()("slds-drop-zone__label",{"slds-drop-zone__label_container":e.isContainer})},a().createElement(c.A,{figureLeft:a().createElement(g,{isContainer:e.isContainer}),flavor:"center"},e.isContainer?a().createElement("h2",null,a().createElement("button",{className:"slds-drop-zone__label_button slds-button_reset"},a().createElement("span",{className:"slds-assistive-text"},"Edit: "),a().createElement("span",null,e.headerText))):a().createElement("h2",null,e.headerText)))};_.propTypes={isContainer:p().bool,headerText:p().string},t.default=[{id:"default",label:"Default",element:a().createElement(f,null,a().createElement(h,null))}];var y=[{id:"drag-over",label:"Drag Over",element:a().createElement(E,null,a().createElement(f,{isDragging:!0},a().createElement(_,{headerText:"Content"}),a().createElement(h,null),a().createElement(b,null),a().createElement(h,null)))},{id:"with-populated-region",label:"With Populated Region",element:a().createElement(E,null,a().createElement(f,null,a().createElement(h,null),a().createElement(v,{isHovered:!0},a().createElement(h,null))))},{id:"with-populated-region-and-actions",label:"With Populated Region and Actions",element:a().createElement(E,null,a().createElement(f,null,a().createElement(h,null),a().createElement(v,{hasActions:!0,isHovered:!0},a().createElement(h,null))))},{id:"with-cards",label:"With Cards",element:a().createElement(E,null,a().createElement(f,null,a().createElement(v,{hasActions:!0},a().createElement(m.Ay,{className:"slds-m-bottom_small"},a().createElement(m.aR,{title:"Accounts",showIcon:!0,symbol:"account"}),a().createElement(m.bw,{hasPadding:!0},"Card Body"),a().createElement(m.wL,{linkTabIndex:"-1"},"View All ",a().createElement("span",{className:"slds-assistive-text"},"Accounts")))),a().createElement(v,{hasActions:!0},a().createElement(m.Ay,{className:"slds-m-top_small"},a().createElement(m.aR,{title:"Accounts",showIcon:!0,symbol:"account"}),a().createElement(m.bw,{hasPadding:!0},"Card Body"),a().createElement(m.wL,{linkTabIndex:"-1"},"View All ",a().createElement("span",{className:"slds-assistive-text"},"Accounts"))))))},{id:"dragging-with-cards",label:"Dragging With Cards",element:a().createElement(E,null,a().createElement(f,{isDragging:!0},a().createElement(_,{headerText:"Content"}),a().createElement(v,{hasActions:!0},a().createElement(m.Ay,{className:"slds-m-bottom_small"},a().createElement(m.aR,{title:"Accounts",showIcon:!0,symbol:"account"}),a().createElement(m.bw,{hasPadding:!0},"Card Body"),a().createElement(m.wL,{linkTabIndex:"-1"},"View All ",a().createElement("span",{className:"slds-assistive-text"},"Accounts")))),a().createElement(b,null),a().createElement(v,{hasActions:!0},a().createElement(m.Ay,{className:"slds-m-top_small"},a().createElement(m.aR,{title:"Accounts",showIcon:!0,symbol:"account"}),a().createElement(m.bw,{hasPadding:!0},"Card Body"),a().createElement(m.wL,{linkTabIndex:"-1"},"View All ",a().createElement("span",{className:"slds-assistive-text"},"Accounts"))))))}]}},n={};function l(e){var a=n[e];if(void 0!==a)return a.exports;var r=n[e]={exports:{}};return t[e](r,r.exports,l),r.exports}l.m=t,l.amdO={},e=[],l.O=function(t,n,a,r){if(!n){var o=1/0;for(d=0;d<e.length;d++){n=e[d][0],a=e[d][1],r=e[d][2];for(var s=!0,c=0;c<n.length;c++)(!1&r||o>=r)&&Object.keys(l.O).every(function(e){return l.O[e](n[c])})?n.splice(c--,1):(s=!1,r<o&&(o=r));if(s){e.splice(d--,1);var i=a();void 0!==i&&(t=i)}}return t}r=r||0;for(var d=e.length;d>0&&e[d-1][2]>r;d--)e[d]=e[d-1];e[d]=[n,a,r]},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,{a:t}),t},l.d=function(e,t){for(var n in t)l.o(t,n)&&!l.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=7896,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,7896:0,8167:0,8458:0};l.O.j=function(t){return 0===e[t]};var t=function(t,n){var a,r,o=n[0],s=n[1],c=n[2],i=0;if(o.some(function(t){return 0!==e[t]})){for(a in s)l.o(s,a)&&(l.m[a]=s[a]);if(c)var d=c(l)}for(t&&t(n);i<o.length;i++)r=o[i],l.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return l.O(d)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),l.nc=void 0;var a=l.O(void 0,[6790],function(){return l(8310)});a=l.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/drop-zone/base/example.jsx.js"]=a}();