@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 5.81 kB
JavaScript
var SLDS;!function(){"use strict";var e,t,o,r={1594:function(e){e.exports=React},1981:function(e){e.exports=JSBeautify},4628:function(e,t,o){o.r(t),o.d(t,{getContents:function(){return y},getElement:function(){return v}});var r=o(1594),n=o.n(r),i=o(5671),s=o(6547),l=(o(3212),o(5619),o(806)),a=o(6955),c=o(3062),u=o(9249),d=l.Ay.uniqueId("dialog-heading-id-"),f=[{id:"default",label:"Default",element:n().createElement("div",{className:"slds-docked-form-footer"},n().createElement("button",{type:"button",className:"slds-button slds-button_neutral"},"Cancel"),n().createElement("button",{type:"button",className:"slds-button slds-button_brand"},"Save"))}],m=[{id:"docked-form-footer-with-error",label:"With error(s)",element:n().createElement("div",{className:"slds-docked-form-footer"},n().createElement(a.A,{assistiveText:"Resolve error",className:"slds-button_icon slds-button_icon-error",iconClassName:"slds-button__icon_large",symbol:"error",title:"Resolve error"}),n().createElement("button",{type:"button",className:"slds-button slds-button_neutral"},"Cancel"),n().createElement("button",{type:"button",className:"slds-button slds-button_brand"},"Save"))},{id:"docked-form-footer-with-popover",label:"With error popover",element:n().createElement("div",{className:"slds-docked-form-footer"},n().createElement(a.A,{assistiveText:"Resolve error",className:"slds-button_icon slds-button_icon-error",iconClassName:"slds-button__icon_large",symbol:"error",title:"Resolve error"}),n().createElement("button",{type:"button",className:"slds-button slds-button_neutral"},"Cancel"),n().createElement("button",{type:"button",className:"slds-button slds-button_brand"},"Save"),n().createElement(c.AM,{className:"slds-popover_error slds-nubbin_bottom-left",headingId:d,header:n().createElement(u.R5,{headingId:d,title:"Resolve error",symbol:"error"}),closeButton:!0,inverse:!0,style:{position:"absolute",bottom:"56px",left:"50%",marginLeft:"62px",transform:"translateX(-50%)"}},n().createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore."," ",n().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()},title:"Learn More"},"Learn More"))))}],b=i.XB.h2,p=i.XB.h3,h=i.XB.p,v=function(){return(0,r.createElement)(i.Ay,{},(0,r.createElement)("div",{className:"lead doc"},"Docked form footer is used to dock form actions to the bottom of the viewport"),(0,r.createElement)(s.A,{exampleOnly:!0,isViewport:!0,demoStyles:"height: 180px;"},(0,l.NO)(f)),b({id:"About-Docked-Form-footer"},"About Docked Form footer"),h({},"The popover should be positioned with JavaScript."),h({},"When errors are found within a form, the user will be notified with a popover with the page-level errors listed out."),p({id:"Accessibility"},"Accessibility"),h({},'Please provide a contextually specific title for the dialog with the aria-label attribute. e.g. "Acme Global edit form errors".'),b({id:"Base"},"Base"),(0,r.createElement)(s.A,{isViewport:!0,demoStyles:"height: 180px;"},(0,l.NO)(f)),p({id:"With-Error(s)"},"With Error(s)"),(0,r.createElement)(s.A,{isViewport:!0,demoStyles:"height: 180px;"},(0,l.NO)(m,"docked-form-footer-with-error")),p({id:"With-Error-Popover"},"With Error Popover"),(0,r.createElement)(s.A,{isViewport:!0,demoStyles:"height: 180px;"},(0,l.NO)(m,"docked-form-footer-with-popover")))},y=function(){return(0,i.Qr)(v())}},5206:function(e){e.exports=ReactDOM}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={id:e,exports:{}};return r[e](o,o.exports,i),o.exports}i.m=r,i.amdO={},e=[],i.O=function(t,o,r,n){if(!o){var s=1/0;for(u=0;u<e.length;u++){o=e[u][0],r=e[u][1],n=e[u][2];for(var l=!0,a=0;a<o.length;a++)(!1&n||s>=n)&&Object.keys(i.O).every(function(e){return i.O[e](o[a])})?o.splice(a--,1):(l=!1,n<s&&(s=n));if(l){e.splice(u--,1);var c=r();void 0!==c&&(t=c)}}return t}n=n||0;for(var u=e.length;u>0&&e[u-1][2]>n;u--)e[u]=e[u-1];e[u]=[o,r,n]},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,{a:t}),t},o=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},i.t=function(e,r){if(1&r&&(e=this(e)),8&r)return e;if("object"==typeof e&&e){if(4&r&&e.__esModule)return e;if(16&r&&"function"==typeof e.then)return e}var n=Object.create(null);i.r(n);var s={};t=t||[null,o({}),o([]),o(o)];for(var l=2&r&&e;("object"==typeof l||"function"==typeof l)&&!~t.indexOf(l);l=o(l))Object.getOwnPropertyNames(l).forEach(function(t){s[t]=function(){return e[t]}});return s.default=function(){return e},i.d(n,s),n},i.d=function(e,t){for(var o in t)i.o(t,o)&&!i.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},i.e=function(){return Promise.resolve()},i.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.j=2308,function(){var e={2308:0};i.O.j=function(t){return 0===e[t]};var t=function(t,o){var r,n,s=o[0],l=o[1],a=o[2],c=0;if(s.some(function(t){return 0!==e[t]})){for(r in l)i.o(l,r)&&(i.m[r]=l[r]);if(a)var u=a(i)}for(t&&t(o);c<s.length;c++)n=s[c],i.o(e,n)&&e[n]&&e[n][0](),e[n]=0;return i.O(u)},o=self.webpackJsonpSLDS___internal_chunked_docs=self.webpackJsonpSLDS___internal_chunked_docs||[];o.forEach(t.bind(null,0)),o.push=t.bind(null,o.push.bind(o))}(),i.nc=void 0;var s=i.O(void 0,[3540],function(){return i(4628)});s=i.O(s),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/docs/./ui/components/docked-form-footer/docs.mdx.js"]=s}();