npm - @salesforce-ux/design-system - Versions diffs - 2.25.3 → 2.25.4 - Mend

@salesforce-ux/design-system 2.25.3 → 2.25.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (754) hide show

package/__internal/chunked/showcase/ui/components/data-tables/responsive/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/data-tables/responsive/example.jsx.js"]=function(e){function t(t){for(var l,r,o=t[0],s=t[1],u=t[2],m=0,d=[];m<o.length;m++)r=o[m],Object.prototype.hasOwnProperty.call(n,r)&&n[r]&&d.push(n[r][0]),n[r]=0;for(l in s)Object.prototype.hasOwnProperty.call(s,l)&&(e[l]=s[l]);for(i&&i(t);d.length;)d.shift()();return c.push.apply(c,u\|\|[]),a()}function a(){for(var e,t=0;t<c.length;t++){for(var a=c[t],l=!0,o=1;o<a.length;o++){var s=a[o];0!==n[s]&&(l=!1)}l&&(c.splice(t--,1),e=r(r.s=a[0]))}return e}var l={},n={55:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},c=[];function r(t){if(l[t])return l[t].exports;var a=l[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=l,r.d=function(e,t,a){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)r.d(a,l,function(t){return e[t]}.bind(null,l));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=o.push.bind(o);o.push=t,o=o.slice();for(var u=0;u<o.length;u++)t(o[u]);var i=s;return c.push([724,0]),a()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},724:function(e,t,a){"use strict";a.r(t),a.d(t,"states",(function(){return p}));var l=a(0),n=a.n(l),c=a(1),r=a.n(c),o=a(4),s=a(26),u=a(3),i=function(e){return n.a.createElement(u.r,null,n.a.createElement(u.c,null,n.a.createElement("span",{className:"slds-assistive-text",id:"check-group-header"},"Choose a row to select"),n.a.createElement(s.Checkbox,{checked:e.checked,groupId:"check-group-header",hideLabel:!0,id:"checkbox-all",label:"Select all",labelId:"check-button-label-all"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Opportunity Name"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Account Name"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Close Date"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Stage"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Confidence"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Amount"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Contact"})),n.a.createElement(u.c,{columnName:"Actions",isAssistiveText:!0}))};i.propTypes={checked:r.a.bool};var m=function(e){return n.a.createElement(u.p,null,n.a.createElement(u.t,{"data-label":"Select Row",type:"base"},n.a.createElement(s.Checkbox,{checked:e.checked,groupId:"check-group-header",hideLabel:!0,id:"checkbox-0".concat(e.index),label:"Select item ".concat(e.index),labelId:"check-button-label-0".concat(e.index)})),n.a.createElement(u.m,{"data-label":"Opportunity Name",type:"base"},n.a.createElement(u.j,{cellText:e.title})),n.a.createElement(u.t,{"data-label":"Account Name",type:"base"},n.a.createElement(u.j,{cellText:"Cloudhub"})),n.a.createElement(u.t,{"data-label":"Close Date",type:"base"},n.a.createElement(u.j,{cellText:"4/14/2015"})),n.a.createElement(u.t,{"data-label":"Prospecting",type:"base"},n.a.createElement(u.j,{cellText:"Prospecting"})),n.a.createElement(u.t,{"data-label":"Confidence",type:"base"},n.a.createElement(u.j,{cellText:"20%"})),n.a.createElement(u.t,{"data-label":"Amount",type:"base"},n.a.createElement(u.j,{cellText:"$25k"})),n.a.createElement(u.t,{"data-label":"Contact",type:"base"},n.a.createElement(u.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(u.j,{cellLink:!0,cellText:"jrogers@cloudhub.com"}))),n.a.createElement(u.t,{"data-label":"Actions",isShrunken:!0,type:"base"},n.a.createElement(o.b,{assistiveText:"Show More",className:"slds-button_icon-border-filled slds-button_icon-x-small",iconClassName:"slds-button__icon_hint slds-button__icon_small",symbol:"down",title:"Show More"})))};m.propTypes={checked:r.a.bool,index:r.a.string,title:r.a.string};var d=function(e){return n.a.createElement(u.s,{isBordered:!0,isResponsiveStacked:!0,type:"base",ariaLabel:"Example stacked table"},n.a.createElement(u.q,null,n.a.createElement(i,null)),n.a.createElement(u.o,null,n.a.createElement(m,{index:"1",title:"Cloudhub"}),n.a.createElement(m,{index:"2",title:"Cloudhub + Anypoint Connectors"})))},b=function(e){return n.a.createElement(u.s,{isBordered:!0,isResponsive:!0,type:"base",ariaLabel:"Example horizontal table"},n.a.createElement(u.q,null,n.a.createElement(i,null)),n.a.createElement(u.o,null,n.a.createElement(m,{index:"1",title:"Cloudhub"}),n.a.createElement(m,{index:"2",title:"Cloudhub + Anypoint Connectors"})))},p=(t.default=n.a.createElement(b,null),[{id:"data-table-responsive-horizontal",label:"Stacked with Horizontal Cells",element:n.a.createElement(b,null)},{id:"data-table-responsive-stacked",label:"Stacked",element:n.a.createElement(d,null)}])}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/data-tables/responsive/example.jsx.js"]=function(e){function t(t){for(var l,r,o=t[0],s=t[1],u=t[2],m=0,d=[];m<o.length;m++)r=o[m],Object.prototype.hasOwnProperty.call(n,r)&&n[r]&&d.push(n[r][0]),n[r]=0;for(l in s)Object.prototype.hasOwnProperty.call(s,l)&&(e[l]=s[l]);for(i&&i(t);d.length;)d.shift()();return c.push.apply(c,u\|\|[]),a()}function a(){for(var e,t=0;t<c.length;t++){for(var a=c[t],l=!0,o=1;o<a.length;o++){var s=a[o];0!==n[s]&&(l=!1)}l&&(c.splice(t--,1),e=r(r.s=a[0]))}return e}var l={},n={55:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},c=[];function r(t){if(l[t])return l[t].exports;var a=l[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=l,r.d=function(e,t,a){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)r.d(a,l,function(t){return e[t]}.bind(null,l));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=o.push.bind(o);o.push=t,o=o.slice();for(var u=0;u<o.length;u++)t(o[u]);var i=s;return c.push([724,0]),a()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},724:function(e,t,a){"use strict";a.r(t),a.d(t,"states",(function(){return p}));var l=a(0),n=a.n(l),c=a(1),r=a.n(c),o=a(4),s=a(27),u=a(3),i=function(e){return n.a.createElement(u.r,null,n.a.createElement(u.c,null,n.a.createElement("span",{className:"slds-assistive-text",id:"check-group-header"},"Choose a row to select"),n.a.createElement(s.Checkbox,{checked:e.checked,groupId:"check-group-header",hideLabel:!0,id:"checkbox-all",label:"Select all",labelId:"check-button-label-all"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Opportunity Name"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Account Name"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Close Date"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Stage"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Confidence"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Amount"})),n.a.createElement(u.c,null,n.a.createElement(u.b,{columnName:"Contact"})),n.a.createElement(u.c,{columnName:"Actions",isAssistiveText:!0}))};i.propTypes={checked:r.a.bool};var m=function(e){return n.a.createElement(u.p,null,n.a.createElement(u.t,{"data-label":"Select Row",type:"base"},n.a.createElement(s.Checkbox,{checked:e.checked,groupId:"check-group-header",hideLabel:!0,id:"checkbox-0".concat(e.index),label:"Select item ".concat(e.index),labelId:"check-button-label-0".concat(e.index)})),n.a.createElement(u.m,{"data-label":"Opportunity Name",type:"base"},n.a.createElement(u.j,{cellText:e.title})),n.a.createElement(u.t,{"data-label":"Account Name",type:"base"},n.a.createElement(u.j,{cellText:"Cloudhub"})),n.a.createElement(u.t,{"data-label":"Close Date",type:"base"},n.a.createElement(u.j,{cellText:"4/14/2015"})),n.a.createElement(u.t,{"data-label":"Prospecting",type:"base"},n.a.createElement(u.j,{cellText:"Prospecting"})),n.a.createElement(u.t,{"data-label":"Confidence",type:"base"},n.a.createElement(u.j,{cellText:"20%"})),n.a.createElement(u.t,{"data-label":"Amount",type:"base"},n.a.createElement(u.j,{cellText:"$25k"})),n.a.createElement(u.t,{"data-label":"Contact",type:"base"},n.a.createElement(u.d.Provider,{value:{isActionableMode:!0}},n.a.createElement(u.j,{cellLink:!0,cellText:"jrogers@cloudhub.com"}))),n.a.createElement(u.t,{"data-label":"Actions",isShrunken:!0,type:"base"},n.a.createElement(o.b,{assistiveText:"Show More",className:"slds-button_icon-border-filled slds-button_icon-x-small",iconClassName:"slds-button__icon_hint slds-button__icon_small",symbol:"down",title:"Show More"})))};m.propTypes={checked:r.a.bool,index:r.a.string,title:r.a.string};var d=function(e){return n.a.createElement(u.s,{isBordered:!0,isResponsiveStacked:!0,type:"base",ariaLabel:"Example stacked table"},n.a.createElement(u.q,null,n.a.createElement(i,null)),n.a.createElement(u.o,null,n.a.createElement(m,{index:"1",title:"Cloudhub"}),n.a.createElement(m,{index:"2",title:"Cloudhub + Anypoint Connectors"})))},b=function(e){return n.a.createElement(u.s,{isBordered:!0,isResponsive:!0,type:"base",ariaLabel:"Example horizontal table"},n.a.createElement(u.q,null,n.a.createElement(i,null)),n.a.createElement(u.o,null,n.a.createElement(m,{index:"1",title:"Cloudhub"}),n.a.createElement(m,{index:"2",title:"Cloudhub + Anypoint Connectors"})))},p=(t.default=n.a.createElement(b,null),[{id:"data-table-responsive-horizontal",label:"Stacked with Horizontal Cells",element:n.a.createElement(b,null)},{id:"data-table-responsive-stacked",label:"Stacked",element:n.a.createElement(d,null)}])}});

package/__internal/chunked/showcase/ui/components/datepickers/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/datepickers/base/example.jsx.js"]=function(e){function t(t){for(var n,a,c=t[0],s=t[1],i=t[2],p=0,f=[];p<c.length;p++)a=c[p],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&f.push(o[a][0]),o[a]=0;for(n in s)Object.prototype.hasOwnProperty.call(s,n)&&(e[n]=s[n]);for(l&&l(t);f.length;)f.shift()();return u.push.apply(u,i\|\|[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,c=1;c<r.length;c++){var s=r[c];0!==o[s]&&(n=!1)}n&&(u.splice(t--,1),e=a(a.s=r[0]))}return e}var n={},o={56:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},u=[];function a(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.m=e,a.c=n,a.d=function(e,t,r){a.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:r})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(a.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)a.d(r,n,function(t){return e[t]}.bind(null,n));return r},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="/assets/scripts/bundle/";var c=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=c.push.bind(c);c.push=t,c=c.slice();for(var i=0;i<c.length;i++)t(c[i]);var l=s;return u.push([36,0]),r()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/datepickers/base/example.jsx.js"]=function(e){function t(t){for(var n,a,c=t[0],s=t[1],i=t[2],p=0,f=[];p<c.length;p++)a=c[p],Object.prototype.hasOwnProperty.call(o,a)&&o[a]&&f.push(o[a][0]),o[a]=0;for(n in s)Object.prototype.hasOwnProperty.call(s,n)&&(e[n]=s[n]);for(l&&l(t);f.length;)f.shift()();return u.push.apply(u,i\|\|[]),r()}function r(){for(var e,t=0;t<u.length;t++){for(var r=u[t],n=!0,c=1;c<r.length;c++){var s=r[c];0!==o[s]&&(n=!1)}n&&(u.splice(t--,1),e=a(a.s=r[0]))}return e}var n={},o={56:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},u=[];function a(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,a),r.l=!0,r.exports}a.m=e,a.c=n,a.d=function(e,t,r){a.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:r})},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.t=function(e,t){if(1&t&&(e=a(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(a.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)a.d(r,n,function(t){return e[t]}.bind(null,n));return r},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,"a",t),t},a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.p="/assets/scripts/bundle/";var c=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=c.push.bind(c);c.push=t,c=c.slice();for(var i=0;i<c.length;i++)t(c[i]);var l=s;return u.push([25,0]),r()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM}});

package/__internal/chunked/showcase/ui/components/datepickers/range/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/datepickers/range/example.jsx.js"]=function(e){function t(t){for(var n,r,i=t[0],c=t[1],m=t[2],u=0,s=[];u<i.length;u++)r=i[u],Object.prototype.hasOwnProperty.call(l,r)&&l[r]&&s.push(l[r][0]),l[r]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(o&&o(t);s.length;)s.shift()();return d.push.apply(d,m\|\|[]),a()}function a(){for(var e,t=0;t<d.length;t++){for(var a=d[t],n=!0,i=1;i<a.length;i++){var c=a[i];0!==l[c]&&(n=!1)}n&&(d.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},l={57:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},d=[];function r(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=n,r.d=function(e,t,a){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(a,n,function(t){return e[t]}.bind(null,n));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],c=i.push.bind(i);i.push=t,i=i.slice();for(var m=0;m<i.length;m++)t(i[m]);var o=c;return d.push([590,0]),a()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},590:function(e,t,a){"use strict";a.r(t),a.d(t,"states",(function(){return c})),a.d(t,"examples",(function(){return m}));var n=a(0),l=a.n(n),d=a(36),r="height: 25rem;",i=function(e){return l.a.createElement("div",{className:"slds-form slds-form_compound"},l.a.createElement("fieldset",{className:"slds-form-element"},l.a.createElement("legend",{className:"slds-form-element__label slds-form-element__legend"},"Start and End Date"),l.a.createElement("div",{className:"slds-form-element__control"},l.a.createElement("div",{className:"slds-form-element__group"},l.a.createElement("div",{className:"slds-form-element__row"},e.children)))))};t.default=[{id:"default",label:"Base - Default",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeDefault_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-default"),isOpen:!0,todayActive:!0,format:"mm/dd/yyyy"}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeDefault_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-default"),format:"mm/dd/yyyy"}))}];var c=[{id:"start-date",label:"Start date selected",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeSelected_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-start_selected"),isOpen:!0,todayActive:!0,dateSelected:"single",dateRange:"week-4",defaultValue:"06/24/2021",format:"mm/dd/yyyy"}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeSelected_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-start_selected"),format:"mm/dd/yyyy"}))},{id:"end-date-week",label:"End date selected (Same week)",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeWeekSame_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-end_selected"),defaultValue:"06/24/2021",format:"mm/dd/yyyy"}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeWeekSame_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-end_selected"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4",defaultValue:"06/27/2020",format:"mm/dd/yyyy"}))},{id:"end-date-weeks",label:"End date selected (Different week)",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeWeekDiff_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-end_selected_diff_week"),defaultValue:"06/24/2021",format:"mm/dd/yyyy"}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeWeekDiff_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-end_selected_diff_week"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020",format:"mm/dd/yyyy"}))},{id:"today-in-range",label:"Today - In selected range",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeToday_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-today_in_range"),defaultValue:"06/24/2021",format:"mm/dd/yyyy"}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeToday_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-today_in_range"),isOpen:!0,todayActiveInRange:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020",format:"mm/dd/yyyy"}))},{id:"span-across-month-in-range",label:"Current and adjacent month in selected range",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeSpanMonth_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-adjacent_month"),defaultValue:"06/28/2020",format:"mm/dd/yyyy"}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeSpanMonth_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-adjacent_month"),isOpen:!0,dateSelected:!0,dateRange:"week-5",defaultValue:"07/04/2020",format:"mm/dd/yyyy"}))}],m=[{id:"table_default",label:"Default in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeDefault_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-default"),isOpen:!0,todayActive:!0,format:"mm/dd/yyyy"}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeDefault_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-default"),format:"mm/dd/yyyy"})))},{id:"table_start-date",label:"Start date selected in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeSelected_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-start_selected"),isOpen:!0,todayActive:!0,dateSelected:"single",dateRange:"week-4",defaultValue:"06/24/2021",format:"mm/dd/yyyy"}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeSelected_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-start_selected"),format:"mm/dd/yyyy"})))},{id:"table_end-date-week",label:"End date selected (Same week) in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekSame_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-end_selected"),defaultValue:"06/24/2021",format:"mm/dd/yyyy"}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekSame_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-end_selected"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4",defaultValue:"06/27/2020",format:"mm/dd/yyyy"})))},{id:"table_end-date-weeks",label:"End date selected (Different week) in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekDiff_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-end_selected_diff_week"),defaultValue:"06/24/2021",format:"mm/dd/yyyy"}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekDiff_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-end_selected_diff_week"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020",format:"mm/dd/yyyy"})))},{id:"table_today-in-range",label:"Today - In selected range in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeToday_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-today_in_range"),defaultValue:"06/24/2021",format:"mm/dd/yyyy"}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeToday_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-today_in_range"),isOpen:!0,todayActiveInRange:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020",format:"mm/dd/yyyy"})))},{id:"table_span-across-month-in-range",label:"Current and adjacent month in selected range in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeSpanMonth_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-adjacent_month"),defaultValue:"06/28/2020",format:"mm/dd/yyyy"}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeSpanMonth_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-adjacent_month"),isOpen:!0,dateSelected:!0,dateRange:"week-5",defaultValue:"07/04/2020",format:"mm/dd/yyyy"})))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/datepickers/range/example.jsx.js"]=function(e){function t(t){for(var n,r,i=t[0],c=t[1],o=t[2],m=0,s=[];m<i.length;m++)r=i[m],Object.prototype.hasOwnProperty.call(l,r)&&l[r]&&s.push(l[r][0]),l[r]=0;for(n in c)Object.prototype.hasOwnProperty.call(c,n)&&(e[n]=c[n]);for(u&&u(t);s.length;)s.shift()();return d.push.apply(d,o\|\|[]),a()}function a(){for(var e,t=0;t<d.length;t++){for(var a=d[t],n=!0,i=1;i<a.length;i++){var c=a[i];0!==l[c]&&(n=!1)}n&&(d.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},l={57:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},d=[];function r(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=n,r.d=function(e,t,a){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(a,n,function(t){return e[t]}.bind(null,n));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],c=i.push.bind(i);i.push=t,i=i.slice();for(var o=0;o<i.length;o++)t(i[o]);var u=c;return d.push([590,0]),a()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},590:function(e,t,a){"use strict";a.r(t),a.d(t,"states",(function(){return c})),a.d(t,"examples",(function(){return o}));var n=a(0),l=a.n(n),d=a(25),r="height: 25rem;",i=function(e){return l.a.createElement("div",{className:"slds-form slds-form_compound"},l.a.createElement("fieldset",{className:"slds-form-element"},l.a.createElement("legend",{className:"slds-form-element__label slds-form-element__legend"},"Start and End Date"),l.a.createElement("div",{className:"slds-form-element__control"},l.a.createElement("div",{className:"slds-form-element__group"},l.a.createElement("div",{className:"slds-form-element__row"},e.children)))))};t.default=[{id:"default",label:"Base - Default",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeDefault_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-default"),isOpen:!0,todayActive:!0,dateFormat:d.DATE_FORMAT_TEXT}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeDefault_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-default"),dateFormat:d.DATE_FORMAT_TEXT}))}];var c=[{id:"start-date",label:"Start date selected",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeSelected_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-start_selected"),isOpen:!0,todayActive:!0,dateSelected:"single",dateRange:"week-4",defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeSelected_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-start_selected"),dateFormat:d.DATE_FORMAT_TEXT}))},{id:"end-date-week",label:"End date selected (Same week)",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeWeekSame_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-end_selected"),defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeWeekSame_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-end_selected"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4",defaultValue:"06/27/2020",dateFormat:d.DATE_FORMAT_TEXT}))},{id:"end-date-weeks",label:"End date selected (Different week)",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeWeekDiff_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-end_selected_diff_week"),defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeWeekDiff_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-end_selected_diff_week"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020",dateFormat:d.DATE_FORMAT_TEXT}))},{id:"today-in-range",label:"Today - In selected range",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeToday_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-today_in_range"),defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeToday_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-today_in_range"),isOpen:!0,todayActiveInRange:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020",dateFormat:d.DATE_FORMAT_TEXT}))},{id:"span-across-month-in-range",label:"Current and adjacent month in selected range",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.DatePickerElement,{idPrefix:"rangeSpanMonth_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-adjacent_month"),defaultValue:"06/28/2020",dateFormat:d.DATE_FORMAT_TEXT}),l.a.createElement(d.DatePickerElement,{idPrefix:"rangeSpanMonth_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-adjacent_month"),isOpen:!0,dateSelected:!0,dateRange:"week-5",defaultValue:"07/04/2020",dateFormat:d.DATE_FORMAT_TEXT}))}],o=[{id:"table_default",label:"Default in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeDefault_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-default"),isOpen:!0,todayActive:!0,dateFormat:d.DATE_FORMAT_TEXT}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeDefault_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-default"),dateFormat:d.DATE_FORMAT_TEXT})))},{id:"table_start-date",label:"Start date selected in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeSelected_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-start_selected"),isOpen:!0,todayActive:!0,dateSelected:"single",dateRange:"week-4",defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeSelected_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-start_selected"),dateFormat:d.DATE_FORMAT_TEXT})))},{id:"table_end-date-week",label:"End date selected (Same week) in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekSame_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-end_selected"),defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekSame_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-end_selected"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4",defaultValue:"06/27/2020",dateFormat:d.DATE_FORMAT_TEXT})))},{id:"table_end-date-weeks",label:"End date selected (Different week) in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekDiff_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-end_selected_diff_week"),defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeWeekDiff_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-end_selected_diff_week"),isOpen:!0,todayActive:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020",dateFormat:d.DATE_FORMAT_TEXT})))},{id:"table_today-in-range",label:"Today - In selected range in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeToday_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-today_in_range"),defaultValue:"06/24/2021",dateFormat:d.DATE_FORMAT_TEXT}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeToday_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-today_in_range"),isOpen:!0,todayActiveInRange:!0,dateSelected:!0,dateRange:"week-4-5",dateRangeMulti:!0,defaultValue:"06/30/2020",dateFormat:d.DATE_FORMAT_TEXT})))},{id:"table_span-across-month-in-range",label:"Current and adjacent month in selected range in a Data Table",demoStyles:r,element:l.a.createElement(i,null,l.a.createElement(d.SimpleTable,null,l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeSpanMonth_start",labelContent:"Start Date",dateInputId:"".concat("date-input-id-01","-table-adjacent_month"),defaultValue:"06/28/2020",dateFormat:d.DATE_FORMAT_TEXT}),l.a.createElement(d.DatePickerElement,{idPrefix:"tableRangeSpanMonth_end",labelContent:"End Date",dateInputId:"".concat("date-input-id-02","-table-adjacent_month"),isOpen:!0,dateSelected:!0,dateRange:"week-5",defaultValue:"07/04/2020",dateFormat:d.DATE_FORMAT_TEXT})))}]}});

package/__internal/chunked/showcase/ui/components/datetime-picker/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/datetime-picker/base/example.jsx.js"]=function(e){function t(t){for(var r,n,i=t[0],s=t[1],d=t[2],u=0,m=[];u<i.length;u++)n=i[u],Object.prototype.hasOwnProperty.call(o,n)&&o[n]&&m.push(o[n][0]),o[n]=0;for(r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r]);for(c&&c(t);m.length;)m.shift()();return l.push.apply(l,d\|\|[]),a()}function a(){for(var e,t=0;t<l.length;t++){for(var a=l[t],r=!0,i=1;i<a.length;i++){var s=a[i];0!==o[s]&&(r=!1)}r&&(l.splice(t--,1),e=n(n.s=a[0]))}return e}var r={},o={58:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},l=[];function n(t){if(r[t])return r[t].exports;var a=r[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=r,n.d=function(e,t,a){n.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(n.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(a,r,function(t){return e[t]}.bind(null,r));return a},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=i.push.bind(i);i.push=t,i=i.slice();for(var d=0;d<i.length;d++)t(i[d]);var c=s;return l.push([641,0]),a()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},641:function(e,t,a){"use strict";a.r(t),a.d(t,"examples",(function(){return D})),a.d(t,"states",(function(){return S}));var r=a(0),o=a.n(r),l=a(1),n=a.n(l),i=a(2),s=a.n(i),d=a(6),c=a(19),u=a(21),m=a(22),p=a(8),f=a(36),b=a(4),h=a(5),y=a(13);function w(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==a)return;var r,o,l=[],n=!0,i=!1;try{for(a=a.call(e);!(n=(r=a.next()).done)&&(l.push(r.value),!t\|\|l.length!==t);n=!0);}catch(e){i=!0,o=e}finally{try{n\|\|null==a.return\|\|a.return()}finally{if(i)throw o}}return l}(e,t)\|\|function(e,t){if(!e)return;if("string"==typeof e)return g(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a\|\|"Set"===a)return Array.from(e);if("Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a))return g(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function g(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var a=0,r=new Array(t);a<t;a++)r[a]=e[a];return r}var v=function(e){var t=e.~~dropdown~~,a=e.~~dropdownIsOpen~~,l=e.~~hasFocus~~,n=e.~~hasError~~,i=e.~~isOpen~~,m=e.isRequired,f=e.isDisabled,g=e.listboxData,v=e.dateDefaultValue,D=e.showRequiredIndicator,S=e.hasTooltip,_=e.showTooltip,E=e.fieldLevelDateMessage,x=e.fieldLevelTimeMessage,O=e.~~format~~,I=Object(r.useRef)(),k=w(Object(r.useState)(""),2),T=k[0],q=k[1],j=w(Object(r.useState)(""),2),R=j[0],M=j[1],P=w(Object(r.useState)(d.d.uniqueId("example-unique-id-")),1)[0],N=w(Object(r.useState)(d.d.uniqueId("example-unique-id-")),1)[0],L=w(Object(r.useState)(d.d.uniqueId("example-unique-id-")),1)[0];Object(r.useEffect)((function(){I.current&&("id"in I.current&&I.current.id&&q(I.current.id),"ariaChecked"in I.current&&I.current.ariaChecked&&M(I.current.textContent))}),[]);var A={"slds-is-open":a};return o.a.createElement("div",{className:"slds-form"},o.a.createElement("fieldset",{className:s()("slds-form-element slds-form-element_compound",{"slds-has-error":n,"slds-datetimepicker_has-tooltip":_})},o.a.createElement("legend",{className:"slds-form-element__label slds-form-element__legend"},m&&o.a.createElement("abbr",{className:"slds-required",title:"required"},"*"," "),"Date and Time"),o.a.createElement("div",{className:"slds-form-element__control"},o.a.createElement("div",{className:"slds-form-element__group"},o.a.createElement("div",{className:"slds-form-element__row"},o.a.createElement(h.b,{formElementClassName:s()("slds-dropdown-trigger slds-dropdown-trigger_click",A),labelContent:"Date",inputId:P,hasRightIcon:!0,dropdown:t,hasError:n,isRequired:m,showRequiredIndicator:D,hasTooltip:!(!S\|\|!E)&&S,showTooltip:!(!_\|\|!E)&&_,fieldLevelMessage:E,inlineMessage:!n&&O},o.a.createElement(y.a,{id:P,placeholder:"Select a date…",defaultValue:v,"aria-describedby":n&&P+"-error",required:m,disabled:f}),o.a.createElement(b.b,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date",disabled:f})),o.a.createElement(c.b,{id:N,"aria-controls":L,"aria-activedescendant":T,autocomplete:!0,label:"Time",placeholder:"Select a time…",inputIconPosition:"right",hasError:n,isDisabled:f,hasTooltip:S~~&&x~~?S:null,showTooltip:_&&x?_:null,fieldLevelMessage:x,isOpen:i,rightInputIcon:o.a.createElement(p.UtilityIcon,{symbol:"clock",className:s()("slds-icon slds-icon_x-small slds-icon-text-default",{"slds-icon-text-error":n,"slds-is-disabled":f}),containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:o.a.createElement(u.e,{className:"slds-dropdown_fluid slds-dropdown_left",id:L,snapshot:g,type:"plain",count:6,focusedRef:I}),resultsType:"listbox",hasInteractions:!0,hasFocus:l,value:R})))),n&&o.a.createElement("div",{className:"slds-form-element__help",id:P+"-error"},"Complete this field.")))};v.propTypes={dropdown:n.a.node,dropdownIsOpen:n.a.bool,hasFocus:n.a.bool,isOpen:n.a.bool,isRequired:n.a.bool,hasError:n.a.bool,listboxIsOpen:n.a.bool,listboxData:n.a.object.isRequired,dateDefaultValue:n.a.string,showRequiredIndicator:n.a.bool,isDisabled:n.a.bool,format:n.a.string},v.defaultProps={dropdown:o.a.createElement(f.DatePicker,{todayActive:!0}),dropdownIsOpen:!0,showRequiredIndicator:!1,isDisabled:!1},t.default=o.a.createElement(v,{listboxData:m.t});var D=[{id:"small-width-container",label:"Small Width Container",demoStyles:"height: auto; width: 200px; border: 1px dashed #ddd;",storybookStyles:!0,element:o.a.createElement(v,{dropdownIsOpen:!1,listboxData:m.t,~~format~~:~~"mm/dd/yyyy"~~})}],S=[{id:"~~default~~-~~dropdown~~-~~closed~~",label:"~~Base~~ - ~~dropdown~~ ~~closed~~",demoStyles:"height: 6rem;",element:o.a.createElement(v,{dropdown:null,listboxData:m.t,~~format~~:~~"mm/dd/yyyy"~~})},{id:"date-selection",label:"Date selected",element:o.a.createElement(v,{dropdown:o.a.createElement(f.DatePicker,{todayActive:!0,dateSelected:"single",dateRange:"week-4"}),dateDefaultValue:"06/24/2021",listboxData:m.t,~~format~~:~~"mm/dd/yyyy"~~})},{id:"time-selection",label:"Time selected",demoStyles:"height: 20rem;",storybookStyles:!0,element:o.a.createElement(v,{dropdown:o.a.createElement(f.DatePicker,{todayActive:!0,dateSelected:"single",dateRange:"week-4",value:"8:00am"}),dropdownIsOpen:!1,dateDefaultValue:"06/24/2021",isOpen:!0,hasFocus:!0,listboxData:m.v,~~format~~:~~"mm/dd/yyyy"~~})},{id:"required",label:"Date and Time - required",demoStyles:"height: 20rem;",element:o.a.createElement(v,{dropdownIsOpen:!1,isRequired:!0,listboxData:m.t,~~format~~:~~"mm/dd/yyyy"~~})},{id:"error",label:"Date and Time - error",demoStyles:"height: 20rem;",element:o.a.createElement(v,{dropdownIsOpen:!1,hasError:!0,listboxData:m.t})},{id:"required-error",label:"Date and Time - required and has error",demoStyles:"height: 20rem;",element:o.a.createElement(v,{dropdownIsOpen:!1,isRequired:!0,hasError:!0,listboxData:m.t})},{id:"datetimepicker-with-tooltip-for-datepicker",label:"Datetime Picker With Tooptip for datepicker",demoStyles:"height: 20rem;",element:o.a.createElement(v,{dropdownIsOpen:!0,listboxData:m.t,isRequired:!0,dateDefaultValue:"Jan 1 2023",hasTooltip:!0,showTooltip:!0,fieldLevelDateMessage:"Format: mmm d yyyy \| ex: Jan 1 2023",~~format~~:~~"mm/dd/yyyy"~~})},{id:"datetimepicker-with-tooltip-for-timepicker",label:"Datetime Picker With Tooptip for timepicker",demoStyles:"height: 20rem;",element:o.a.createElement(v,{dropdown:o.a.createElement(f.DatePicker,{todayActive:!0,dateSelected:"single",dateRange:"week-4",value:"8:00 am"}),dropdownIsOpen:!1,dateDefaultValue:"Jan 1 2023",isOpen:!0,hasFocus:!0,hasTooltip:!0,showTooltip:!0,listboxData:m.v,fieldLevelTimeMessage:"Format: hh:mm a \| ex: 12:00 AM",~~format~~:~~"mm/dd/yyyy"~~})},{id:"disabled",label:"Date and Time - disabled",demoStyles:"height: 10rem;",storybookStyles:!0,element:o.a.createElement(v,{dropdownIsOpen:!1,listboxData:m.t,isDisabled:!0,~~format~~:~~"mm/dd/yyyy"~~})},{id:"mobile",label:"Mobile",element:o.a.createElement(h.b,{labelContent:"Date",inputId:"date-input-id-mobile"},o.a.createElement(y.a,{id:"date-input-id-mobile",type:"datetime-local"}))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/datetime-picker/base/example.jsx.js"]=function(e){function t(t){for(var r,n,i=t[0],s=t[1],d=t[2],u=0,m=[];u<i.length;u++)n=i[u],Object.prototype.hasOwnProperty.call(o,n)&&o[n]&&m.push(o[n][0]),o[n]=0;for(r in s)Object.prototype.hasOwnProperty.call(s,r)&&(e[r]=s[r]);for(c&&c(t);m.length;)m.shift()();return l.push.apply(l,d\|\|[]),a()}function a(){for(var e,t=0;t<l.length;t++){for(var a=l[t],r=!0,i=1;i<a.length;i++){var s=a[i];0!==o[s]&&(r=!1)}r&&(l.splice(t--,1),e=n(n.s=a[0]))}return e}var r={},o={58:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},l=[];function n(t){if(r[t])return r[t].exports;var a=r[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,n),a.l=!0,a.exports}n.m=e,n.c=r,n.d=function(e,t,a){n.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(n.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(a,r,function(t){return e[t]}.bind(null,r));return a},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=i.push.bind(i);i.push=t,i=i.slice();for(var d=0;d<i.length;d++)t(i[d]);var c=s;return l.push([641,0]),a()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},641:function(e,t,a){"use strict";a.r(t),a.d(t,"examples",(function(){return E})),a.d(t,"states",(function(){return g}));var r=a(0),o=a.n(r),l=a(1),n=a.n(l),i=a(2),s=a.n(i),d=a(6),c=a(19),u=a(21),m=a(22),p=a(8),b=a(25),h=a(4),f=a(5),y=a(13);function T(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var a=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null==a)return;var r,o,l=[],n=!0,i=!1;try{for(a=a.call(e);!(n=(r=a.next()).done)&&(l.push(r.value),!t\|\|l.length!==t);n=!0);}catch(e){i=!0,o=e}finally{try{n\|\|null==a.return\|\|a.return()}finally{if(i)throw o}}return l}(e,t)\|\|function(e,t){if(!e)return;if("string"==typeof e)return _(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a\|\|"Set"===a)return Array.from(e);if("Arguments"===a\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(a))return _(e,t)}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var a=0,r=new Array(t);a<t;a++)r[a]=e[a];return r}var D=function(e){var t=e.dateFormat,a=e.dropdown,l=e.dropdownIsOpen,n=e.hasFocus,i=e.hasError,m=e.isOpen,b=e.isRequired,_=e.isDisabled,D=e.listboxData,E=e.dateDefaultValue,g=e.showRequiredIndicator,v=e.hasTooltip,w=e.showTooltip,O=e.fieldLevelDateMessage,S=e.fieldLevelTimeMessage,x=e.showDateFormat,I=Object(r.useRef)(),k=T(Object(r.useState)(""),2),A=k[0],F=k[1],R=T(Object(r.useState)(""),2),M=R[0],q=R[1],j=T(Object(r.useState)(d.d.uniqueId("example-unique-id-")),1)[0],P=T(Object(r.useState)(d.d.uniqueId("example-unique-id-")),1)[0],N=T(Object(r.useState)(d.d.uniqueId("example-unique-id-")),1)[0];Object(r.useEffect)((function(){I.current&&("id"in I.current&&I.current.id&&F(I.current.id),"ariaChecked"in I.current&&I.current.ariaChecked&&q(I.current.textContent))}),[]);var L={"slds-is-open":l};return o.a.createElement("div",{className:"slds-form"},o.a.createElement("fieldset",{className:s()("slds-form-element slds-form-element_compound",{"slds-has-error":i,"slds-datetimepicker_has-tooltip":w})},o.a.createElement("legend",{className:"slds-form-element__label slds-form-element__legend"},b&&o.a.createElement("abbr",{className:"slds-required",title:"required"},"*"," "),"Date and Time"),o.a.createElement("div",{className:"slds-form-element__control"},o.a.createElement("div",{className:"slds-form-element__group"},o.a.createElement("div",{className:"slds-form-element__row"},o.a.createElement(f.b,{formElementClassName:s()("slds-dropdown-trigger slds-dropdown-trigger_click",L),labelContent:"Date",inputId:j,hasRightIcon:!0,dropdown:a,hasError:i,isRequired:b,showRequiredIndicator:g,hasTooltip:!(!v\|\|!O)&&v,showTooltip:!(!w\|\|!O)&&w,fieldLevelMessage:O,inlineMessage:!i&&t,hasHiddenInlineMessage:!x},o.a.createElement(y.a,{id:j,placeholder:"Select a date…",defaultValue:E,"aria-describedby":i&&j+"-error",required:b,disabled:_}),o.a.createElement(h.b,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date",disabled:_})),o.a.createElement(c.b,{id:P,"aria-controls":N,"aria-activedescendant":A,autocomplete:!0,label:"Time",placeholder:"Select a time…",inputIconPosition:"right",hasError:i,isDisabled:_,hasTooltip:v&&S?v:null,showTooltip:w&&S?w:null,fieldLevelMessage:S,isOpen:m,rightInputIcon:o.a.createElement(p.UtilityIcon,{symbol:"clock",className:s()("slds-icon slds-icon_x-small slds-icon-text-default",{"slds-icon-text-error":i,"slds-is-disabled":_}),containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:o.a.createElement(u.e,{className:"slds-dropdown_fluid slds-dropdown_left",id:N,snapshot:D,type:"plain",count:6,focusedRef:I}),resultsType:"listbox",hasInteractions:!0,hasFocus:n,value:M})))),i&&o.a.createElement("div",{className:"slds-form-element__help",id:j+"-error"},"Complete this field.")))};D.propTypes={dropdown:n.a.node,dropdownIsOpen:n.a.bool,hasFocus:n.a.bool,isOpen:n.a.bool,isRequired:n.a.bool,hasError:n.a.bool,listboxIsOpen:n.a.bool,listboxData:n.a.object.isRequired,dateDefaultValue:n.a.string,showRequiredIndicator:n.a.bool,isDisabled:n.a.bool,format:n.a.string},D.defaultProps={dropdown:o.a.createElement(b.DatePicker,{todayActive:!0}),dropdownIsOpen:!0,showRequiredIndicator:!1,isDisabled:!1},t.default=o.a.createElement(D,{dateFormat:b.DATE_FORMAT_TEXT,listboxData:m.t});var E=[{id:"small-width-container",label:"Small Width Container",demoStyles:"height: auto; width: 200px; border: 1px dashed #ddd;",storybookStyles:!0,element:o.a.createElement(D,{dropdownIsOpen:!1,listboxData:m.t,dateFormat:b.DATE_FORMAT_TEXT})}],g=[{id:"date-example-text-visible",label:"Date and Time - date example text visible",demoStyles:"height: 6rem;",element:o.a.createElement(D,{dropdown:null,listboxData:m.t,dateFormat:b.DATE_FORMAT_TEXT,showDateFormat:!0})},{id:"date-selection",label:"Date selected",element:o.a.createElement(D,{dropdown:o.a.createElement(b.DatePicker,{todayActive:!0,dateSelected:"single",dateRange:"week-4"}),dateDefaultValue:"06/24/2021",listboxData:m.t,dateFormat:b.DATE_FORMAT_TEXT})},{id:"time-selection",label:"Time selected",demoStyles:"height: 20rem;",storybookStyles:!0,element:o.a.createElement(D,{dropdown:o.a.createElement(b.DatePicker,{todayActive:!0,dateSelected:"single",dateRange:"week-4",value:"8:00am"}),dropdownIsOpen:!1,dateDefaultValue:"06/24/2021",isOpen:!0,hasFocus:!0,listboxData:m.v,dateFormat:b.DATE_FORMAT_TEXT})},{id:"required",label:"Date and Time - required",demoStyles:"height: 20rem;",element:o.a.createElement(D,{dropdownIsOpen:!1,isRequired:!0,listboxData:m.t,dateFormat:b.DATE_FORMAT_TEXT})},{id:"error",label:"Date and Time - error",demoStyles:"height: 20rem;",element:o.a.createElement(D,{dropdownIsOpen:!1,hasError:!0,listboxData:m.t})},{id:"required-error",label:"Date and Time - required and has error",demoStyles:"height: 20rem;",element:o.a.createElement(D,{dropdownIsOpen:!1,isRequired:!0,hasError:!0,listboxData:m.t})},{id:"datetimepicker-with-tooltip-for-datepicker",label:"Datetime Picker With Tooptip for datepicker",demoStyles:"height: 20rem;",element:o.a.createElement(D,{dropdownIsOpen:!0,listboxData:m.t,isRequired:!0,dateDefaultValue:"Jan 1 2023",hasTooltip:!0,showTooltip:!0,fieldLevelDateMessage:"Format: mmm d yyyy \| ex: Jan 1 2023",dateFormat:b.DATE_FORMAT_TEXT})},{id:"datetimepicker-with-tooltip-for-timepicker",label:"Datetime Picker With Tooptip for timepicker",demoStyles:"height: 20rem;",element:o.a.createElement(D,{dropdown:o.a.createElement(b.DatePicker,{todayActive:!0,dateSelected:"single",dateRange:"week-4",value:"8:00 am"}),dropdownIsOpen:!1,dateDefaultValue:"Jan 1 2023",isOpen:!0,hasFocus:!0,hasTooltip:!0,showTooltip:!0,listboxData:m.v,fieldLevelTimeMessage:"Format: hh:mm a \| ex: 12:00 AM",dateFormat:b.DATE_FORMAT_TEXT})},{id:"disabled",label:"Date and Time - disabled",demoStyles:"height: 10rem;",storybookStyles:!0,element:o.a.createElement(D,{dropdownIsOpen:!1,listboxData:m.t,isDisabled:!0,dateFormat:b.DATE_FORMAT_TEXT})},{id:"mobile",label:"Mobile",element:o.a.createElement(f.b,{labelContent:"Date",inputId:"date-input-id-mobile"},o.a.createElement(y.a,{id:"date-input-id-mobile",type:"datetime-local"}))}]}});

package/__internal/chunked/showcase/ui/components/docked-composer/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/docked-composer/base/example.jsx.js"]=function(e){function a(a){for(var l,o,d=a[0],c=a[1],i=a[2],r=0,u=[];r<d.length;r++)o=d[r],Object.prototype.hasOwnProperty.call(t,o)&&t[o]&&u.push(t[o][0]),t[o]=0;for(l in c)Object.prototype.hasOwnProperty.call(c,l)&&(e[l]=c[l]);for(m&&m(a);u.length;)u.shift()();return n.push.apply(n,i\|\|[]),s()}function s(){for(var e,a=0;a<n.length;a++){for(var s=n[a],l=!0,d=1;d<s.length;d++){var c=s[d];0!==t[c]&&(l=!1)}l&&(n.splice(a--,1),e=o(o.s=s[0]))}return e}var l={},t={59:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},n=[];function o(a){if(l[a])return l[a].exports;var s=l[a]={i:a,l:!1,exports:{}};return e[a].call(s.exports,s,s.exports,o),s.l=!0,s.exports}o.m=e,o.c=l,o.d=function(e,a,s){o.o(e,a)\|\|Object.defineProperty(e,a,{enumerable:!0,get:s})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,a){if(1&a&&(e=o(e)),8&a)return e;if(4&a&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(o.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&a&&"string"!=typeof e)for(var l in e)o.d(s,l,function(a){return e[a]}.bind(null,l));return s},o.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(a,"a",a),a},o.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},o.p="/assets/scripts/bundle/";var d=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],c=d.push.bind(d);d.push=a,d=d.slice();for(var i=0;i<d.length;i++)a(d[i]);var m=c;return n.push([623,0]),s()}({0:function(e,a){e.exports=React},16:function(e,a){e.exports=ReactDOM},623:function(e,a,s){"use strict";s.r(a),s.d(a,"Footer",(function(){return g})),s.d(a,"DockedComposerPanel",(function(){return v})),s.d(a,"ComposerOverflowMenu",(function(){return x})),s.d(a,"Context",(function(){return C})),s.d(a,"states",(function(){return k})),s.d(a,"examples",(function(){return w}));var l=s(0),t=s.n(l),n=s(56),o=s(4),d=s(14),c=s(23),i=s(15),m=s(5),r=s(13),u=s(28),p=s(17),b=s(9),_=s(2),E=s.n(_),N=s(6),h=[{entity:"email",title:"Agenda for next week"},{entity:"call",title:"Lei Chan"},{entity:"task",title:"August 14 Meeting Notes"}],g=function(e){return t.a.createElement("div",{className:"slds-col_bump-left slds-text-align_right"},t.a.createElement("button",{className:"slds-button slds-button_brand"},"Action"))},f=function(e){return t.a.createElement("div",{className:"slds-col_bump-left slds-grid slds-grid_vertical-align-center"},t.a.createElement("div",{className:"slds-grid slds-m-right_small",role:"toolbar"},t.a.createElement("ul",{className:"slds-grid","aria-label":"Insert content"},t.a.createElement("li",null,t.a.createElement(o.b,{className:"slds-button_icon-small",symbol:"link",assistiveText:"Attach File",title:"Attach File"})),t.a.createElement("li",null,t.a.createElement(o.b,{className:"slds-button_icon-small",symbol:"insert_template",assistiveText:"Insert Template",title:"Insert Template",tabIndex:"-1"})),t.a.createElement("li",null,t.a.createElement(o.b,{className:"slds-button_icon-small",symbol:"insert_tag_field",assistiveText:"Insert HTML",title:"Insert HTML",tabIndex:"-1"}))),t.a.createElement(o.b,{className:"slds-button_icon-small",symbol:"preview",assistiveText:"Preview",title:"Preview",tabIndex:"-1"})),t.a.createElement("button",{className:"slds-button slds-button_brand"},"Send"))},v=function(e){return t.a.createElement("section",{className:E()("slds-docked-composer slds-grid slds-grid_vertical",e.className,e.dialogClosed?"slds-is-closed":null),role:e.nestedDialog?null:"dialog","aria-labelledby":e.nestedDialog?null:"dialog-heading-id-1","aria-describedby":e.nestedDialog?null:"dialog-content-id-1"},t.a.createElement("header",{className:"slds-docked-composer__header slds-grid slds-shrink-none","aria-live":"assertive"},t.a.createElement("div",{className:"slds-media slds-media_center slds-no-space"},t.a.createElement("div",{className:"slds-media__figure slds-m-right_x-small"},t.a.createElement("span",{className:"slds-icon_container"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"standard",symbol:e.headerSymbol\|\|"call"}))),t.a.createElement("div",{className:"slds-media__body"},e.dialogClosed?t.a.createElement("span",{className:"slds-assistive-text"},"Minimized"):null,t.a.createElement("h2",{className:"slds-truncate",id:"dialog-heading-id-1",title:e.header\|\|"Header"},e.header\|\|"Header"))),t.a.createElement("div",{className:"slds-col_bump-left slds-shrink-none"},t.a.createElement(o.b,{className:"slds-button_icon",symbol:"minimize_window",assistiveText:"Minimize Composer Panel",title:"Minimize window"}),t.a.createElement(o.b,{className:"slds-button_icon",symbol:"expand_alt",assistiveText:"Expand Composer Panel",title:"Expand Composer"}),t.a.createElement(o.b,{className:"slds-button_icon",symbol:"close",assistiveText:"Close Composer Panel",title:"Close"}))),t.a.createElement("div",{className:E()("slds-docked-composer__body",e.bodyClassName),id:"dialog-content-id-1"},e.children),e.footer?t.a.createElement("footer",{className:E()("slds-docked-composer__footer slds-shrink-none",e.footerClassName)},e.footer):null)},x=function(e){return t.a.createElement("div",{className:"slds-docked-composer slds-docked-composer_overflow"},t.a.createElement("button",{className:"slds-button slds-button_icon slds-docked-composer_overflow__button","aria-haspopup":"true"},t.a.createElement(b.a,{className:"slds-button__icon",sprite:"utility",symbol:"standard_objects"}),t.a.createElement("span",{className:"slds-text-body_small slds-m-left_xx-small"},"3"," ",t.a.createElement("span",{className:"slds-assistive-text"},"other docked composer panels"))),t.a.createElement(d.Menu,{className:"slds-dropdown_left slds-dropdown_bottom slds-dropdown_medium slds-nubbin_bottom-left"},t.a.createElement(d.MenuList,{className:"slds-dropdown_length-with-icon-7"},N.d.times(h.length,(function(e){return t.a.createElement(d.MenuItem,{key:e,title:h[e].title},t.a.createElement("span",{className:"slds-icon_container slds-icon-standard-"+h[e].entity+" slds-m-right_x-small"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:h[e].entity}),t.a.createElement("span",{className:"slds-assistive-text"},h[e].entity)),h[e].title)})))))},y=function(e){return t.a.createElement(u.c,{listboxClassName:"slds-dropdown slds-dropdown_fluid",vertical:!0,id:e.id},t.a.createElement(u.d,null,t.a.createElement(u.b,{id:e.listboxOptionId,entityTitle:"Acme",entityMeta:!0})))},C=function(e){return t.a.createElement("div",{className:"demo-only demo-only_viewport",style:{height:"500px",minWidth:"615px",overflowX:"auto"}},e.children)};a.default=[{id:"default",label:"Default",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))}];var k=[{id:"single-composer-open",label:"Open",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))},{id:"single-composer-focused",label:"Focused",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open slds-has-focus",footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))},{id:"single-composer-closed",label:"Closed",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{dialogClosed:!0,footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))},{id:"single-composer-closed-focused",label:"Closed Focused",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-has-focus",dialogClosed:!0,footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))},{id:"single-composer-popout",label:"Popout",element:t.a.createElement(c.Backdrop,null,t.a.createElement(c.Modal,{className:"slds-docked-composer-modal","aria-labelledby":"dialog-heading-id-1","aria-describedby":"dialog-content-id-1",closeButton:!1},t.a.createElement(c.ModalContent,{id:"modal-content-id"},t.a.createElement(v,{footer:t.a.createElement(g,null),nestedDialog:!0},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))))},{id:"multiple-composer-overflow",label:"With Overflow Menu",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(x,null),t.a.createElement(v,{className:"slds-is-open",footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))}],w=[{id:"task",label:"Log a Task",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-docked-composer__body_form",header:"New Task",headerSymbol:"task",footer:t.a.createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Save")},t.a.createElement("fieldset",{className:"slds-form-element slds-form_compound"},t.a.createElement("legend",{className:"slds-assistive-text"},"Log new task"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("div",{className:"slds-form-element__group"},t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement("div",{className:"slds-form-element slds-size_1-of-1"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Subject"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("input",{className:"slds-input",type:"text",id:"text-input-01"})))),t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement("div",{className:"slds-form-element slds-size_1-of-2"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-02"},"Assigned To"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("input",{className:"slds-input",type:"text",id:"text-input-02"}))),t.a.createElement("div",{className:"slds-form-element slds-size_1-of-2"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-03"},"Due Dates"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("input",{className:"slds-input",type:"text",id:"text-input-03"})))),t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement(u.a,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Leads",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-01",listbox:t.a.createElement(y,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})}),t.a.createElement(u.a,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Accounts",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-02",listbox:t.a.createElement(y,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})})))))))},{id:"voice-composer-queued",label:"Voice - Queued",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Connecting...",footer:t.a.createElement("button",{className:"slds-button slds-button_destructive slds-size_1-of-1"},"End Call")},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Connecting..."))))},{id:"voice-composer-ringing",label:"Voice - Ringing",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Dialing...",footer:t.a.createElement("button",{className:"slds-button slds-button_destructive slds-size_1-of-1"},"End Call")},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Dialing..."))))},{id:"voice-composer-connected",label:"Voice - Connected",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",header:"Lei Chan - Call in Progress",footer:t.a.createElement("button",{className:"slds-button slds-button_destructive slds-col_bump-left"},"End Call")},t.a.createElement("div",{className:"slds-docked-composer__lead"},t.a.createElement("div",{className:"slds-media"},t.a.createElement("div",{className:"slds-media__figure"},t.a.createElement("span",{className:"slds-avatar slds-avatar_medium"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"}))),t.a.createElement("div",{className:"slds-media__body"},t.a.createElement("p",{className:"slds-text-heading_medium"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")))),t.a.createElement("p",{className:"slds-col_bump-left slds-text-heading_large"},"5:37")),t.a.createElement("div",{className:"slds-docked-composer__toolbar"},t.a.createElement(o.b,{className:"slds-button_icon-border-filled slds-button_icon-small",symbol:"unmuted",assistiveText:"Mute Yourself",title:"Mute Yourself","aria-pressed":"false"})),t.a.createElement("label",{className:"slds-assistive-text",htmlFor:"composer-text-input-1"},"Take notes"),t.a.createElement("textarea",{id:"composer-text-input-1",className:"slds-docked-composer__input slds-input_bare slds-text-longform slds-grow",placeholder:"Jot down notes here..."})))},{id:"voice-composer-cancelled",label:"Voice - Cancelled",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Cancelling..."},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Cancelling..."))))},{id:"voice-composer-busy",label:"Voice - Busy",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Busy",footer:[t.a.createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:N.d.uniqueId("follow-up-")},"Follow-Up Later"),t.a.createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:N.d.uniqueId("call-again-")},"Call Again")]},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Busy"))))},{id:"voice-composer-failed",label:"Voice - Call Failed",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Call Failed",footer:[t.a.createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:N.d.uniqueId("follow-up-")},"Edit Phone Number"),t.a.createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:N.d.uniqueId("call-again-")},"Call Again")]},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Call Failed"))))},{id:"voice-composer-no-answer",label:"Voice - No Answer",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - No Answer",footer:[t.a.createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:N.d.uniqueId("follow-up-")},"Follow-Up Later"),t.a.createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:N.d.uniqueId("call-again-")},"Call Again")]},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"No Answer"))))},{id:"voice-composer-call-finished",label:"Voice - Call Finished",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",header:"Lei Chan - Call Finished",footer:t.a.createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Finish Notes")},t.a.createElement("div",{className:"slds-docked-composer__lead"},t.a.createElement("div",{className:"slds-media"},t.a.createElement("div",{className:"slds-media__figure"},t.a.createElement("span",{className:"slds-avatar slds-avatar_medium"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"}))),t.a.createElement("div",{className:"slds-media__body"},t.a.createElement("p",{className:"slds-text-heading_medium"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation"))))),t.a.createElement("div",{className:"slds-docked-composer__toolbar"},t.a.createElement(o.b,{className:"slds-button_icon-border-filled slds-button_icon-small",symbol:"unmuted",assistiveText:"Mute Yourself",title:"Mute Yourself","aria-pressed":"false"})),t.a.createElement("label",{className:"slds-assistive-text",htmlFor:"composer-text-input-1"},"Take notes"),t.a.createElement("textarea",{id:"composer-text-input-1",className:"slds-docked-composer__input slds-input_bare slds-text-longform slds-grow",placeholder:"Jot down notes here..."})))},{id:"voice-composer-call-incoming",label:"Voice - Call Incoming",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center slds-size_1-of-1",header:"Lei Chan - Incoming Call...",footer:t.a.createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Finish Notes")},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"(416) 555-1234")),t.a.createElement("div",{className:"slds-p-horizontal_x-small slds-text-align_left slds-size_1-of-1"},t.a.createElement("h3",{className:"slds-m-bottom_x-small"},"Recent Activity"),t.a.createElement("ul",{className:"slds-has-dividers_around-space"},t.a.createElement("li",{className:"slds-item slds-theme_shade slds-grid"},t.a.createElement("span",{className:"slds-icon_container slds-icon-standard-task slds-m-right_x-small"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"task"}),t.a.createElement("span",{className:"slds-assistive-text"},"Task")),"Discussed New Pricing Models",t.a.createElement("span",{className:"slds-col_bump-left"},"Yesterday")),t.a.createElement("li",{className:"slds-item slds-theme_shade slds-grid"},t.a.createElement("span",{className:"slds-icon_container slds-icon-standard-email slds-m-right_x-small"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"email"}),t.a.createElement("span",{className:"slds-assistive-text"},"Email")),"Re: Updated Proposals",t.a.createElement("span",{className:"slds-col_bump-left"},"4 Hours Ago")),t.a.createElement("li",{className:"slds-item slds-theme_shade slds-grid"},t.a.createElement("span",{className:"slds-icon_container slds-icon-standard-note slds-m-right_x-small"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"note"}),t.a.createElement("span",{className:"slds-assistive-text"},"Note")),"Discuss Slides for Nov EBC",t.a.createElement("span",{className:"slds-col_bump-left"},"2 Days Ago"))))))},{id:"voice-composer-call-logged",label:"Voice - Log a Call",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-docked-composer__body_form",header:"Lei Chan",footer:t.a.createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Save")},t.a.createElement("fieldset",{className:"slds-form-element slds-form_compound"},t.a.createElement("legend",{className:"slds-assistive-text"},"Log a call"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("div",{className:"slds-form-element__group"},t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement("div",{className:"slds-form-element slds-size_1-of-1"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Subject"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("input",{className:"slds-input",type:"text",id:"text-input-01"})))),t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement("div",{className:"slds-form-element slds-size_1-of-1"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"textarea-input-01"},"Comments"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("textarea",{className:"slds-textarea",id:"textarea-input-01"})))),t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement(u.a,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Leads",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-01",listbox:t.a.createElement(y,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})}),t.a.createElement(u.a,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Accounts",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-02",listbox:t.a.createElement(y,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})})))))))},{id:"email",label:"Email Composer",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",header:"New Email",headerSymbol:"email",footer:t.a.createElement(f,null)},t.a.createElement("div",{className:"slds-email-composer"},t.a.createElement(u.a,{id:"recipients-to",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"To",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-01",listbox:t.a.createElement(y,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})},t.a.createElement(p.c,null,t.a.createElement(p.d,null,t.a.createElement(p.b,{label:"jrogers@cloudhub.com",tabIndex:"0"},t.a.createElement(n.Avatar,{className:"slds-avatar_x-small slds-pill__icon_container"},t.a.createElement("img",{alt:"Person name",src:"/assets/images/avatar2.jpg",title:"User avatar"})))))),t.a.createElement(u.a,{id:"recipients-bcc",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"Bcc",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-02",listbox:t.a.createElement(y,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})}),t.a.createElement(u.a,{id:"recipients-cc",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"Cc",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-03",listbox:t.a.createElement(y,{id:"listbox-id-03",listboxOptionId:"listbox-option-id-3"})}),t.a.createElement(m.b,{labelContent:"Enter subject",hasHiddenLabel:!0,inputId:"input-subject-01"},t.a.createElement(r.a,{id:"input-subject-01",className:"slds-input_bare",placeholder:"Enter Subject"})),t.a.createElement(i.a,null,t.a.createElement(i.l,null,t.a.createElement(i.f,null),t.a.createElement(i.g,{tabIndexSetting:"-1"}),t.a.createElement(i.e,null),t.a.createElement(i.d,null),t.a.createElement(i.b,null),t.a.createElement(i.i,null),t.a.createElement(i.c,null)),t.a.createElement(i.k,{placeholder:"Compose Email..."})))))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/docked-composer/base/example.jsx.js"]=function(e){function a(a){for(var l,o,d=a[0],c=a[1],i=a[2],r=0,u=[];r<d.length;r++)o=d[r],Object.prototype.hasOwnProperty.call(t,o)&&t[o]&&u.push(t[o][0]),t[o]=0;for(l in c)Object.prototype.hasOwnProperty.call(c,l)&&(e[l]=c[l]);for(m&&m(a);u.length;)u.shift()();return n.push.apply(n,i\|\|[]),s()}function s(){for(var e,a=0;a<n.length;a++){for(var s=n[a],l=!0,d=1;d<s.length;d++){var c=s[d];0!==t[c]&&(l=!1)}l&&(n.splice(a--,1),e=o(o.s=s[0]))}return e}var l={},t={59:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},n=[];function o(a){if(l[a])return l[a].exports;var s=l[a]={i:a,l:!1,exports:{}};return e[a].call(s.exports,s,s.exports,o),s.l=!0,s.exports}o.m=e,o.c=l,o.d=function(e,a,s){o.o(e,a)\|\|Object.defineProperty(e,a,{enumerable:!0,get:s})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,a){if(1&a&&(e=o(e)),8&a)return e;if(4&a&&"object"==typeof e&&e&&e.__esModule)return e;var s=Object.create(null);if(o.r(s),Object.defineProperty(s,"default",{enumerable:!0,value:e}),2&a&&"string"!=typeof e)for(var l in e)o.d(s,l,function(a){return e[a]}.bind(null,l));return s},o.n=function(e){var a=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(a,"a",a),a},o.o=function(e,a){return Object.prototype.hasOwnProperty.call(e,a)},o.p="/assets/scripts/bundle/";var d=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],c=d.push.bind(d);d.push=a,d=d.slice();for(var i=0;i<d.length;i++)a(d[i]);var m=c;return n.push([623,0]),s()}({0:function(e,a){e.exports=React},16:function(e,a){e.exports=ReactDOM},623:function(e,a,s){"use strict";s.r(a),s.d(a,"Footer",(function(){return g})),s.d(a,"DockedComposerPanel",(function(){return v})),s.d(a,"ComposerOverflowMenu",(function(){return x})),s.d(a,"Context",(function(){return C})),s.d(a,"states",(function(){return k})),s.d(a,"examples",(function(){return w}));var l=s(0),t=s.n(l),n=s(56),o=s(4),d=s(14),c=s(23),i=s(15),m=s(5),r=s(13),u=s(29),p=s(17),b=s(9),_=s(2),E=s.n(_),N=s(6),h=[{entity:"email",title:"Agenda for next week"},{entity:"call",title:"Lei Chan"},{entity:"task",title:"August 14 Meeting Notes"}],g=function(e){return t.a.createElement("div",{className:"slds-col_bump-left slds-text-align_right"},t.a.createElement("button",{className:"slds-button slds-button_brand"},"Action"))},f=function(e){return t.a.createElement("div",{className:"slds-col_bump-left slds-grid slds-grid_vertical-align-center"},t.a.createElement("div",{className:"slds-grid slds-m-right_small",role:"toolbar"},t.a.createElement("ul",{className:"slds-grid","aria-label":"Insert content"},t.a.createElement("li",null,t.a.createElement(o.b,{className:"slds-button_icon-small",symbol:"link",assistiveText:"Attach File",title:"Attach File"})),t.a.createElement("li",null,t.a.createElement(o.b,{className:"slds-button_icon-small",symbol:"insert_template",assistiveText:"Insert Template",title:"Insert Template",tabIndex:"-1"})),t.a.createElement("li",null,t.a.createElement(o.b,{className:"slds-button_icon-small",symbol:"insert_tag_field",assistiveText:"Insert HTML",title:"Insert HTML",tabIndex:"-1"}))),t.a.createElement(o.b,{className:"slds-button_icon-small",symbol:"preview",assistiveText:"Preview",title:"Preview",tabIndex:"-1"})),t.a.createElement("button",{className:"slds-button slds-button_brand"},"Send"))},v=function(e){return t.a.createElement("section",{className:E()("slds-docked-composer slds-grid slds-grid_vertical",e.className,e.dialogClosed?"slds-is-closed":null),role:e.nestedDialog?null:"dialog","aria-labelledby":e.nestedDialog?null:"dialog-heading-id-1","aria-describedby":e.nestedDialog?null:"dialog-content-id-1"},t.a.createElement("header",{className:"slds-docked-composer__header slds-grid slds-shrink-none","aria-live":"assertive"},t.a.createElement("div",{className:"slds-media slds-media_center slds-no-space"},t.a.createElement("div",{className:"slds-media__figure slds-m-right_x-small"},t.a.createElement("span",{className:"slds-icon_container"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"standard",symbol:e.headerSymbol\|\|"call"}))),t.a.createElement("div",{className:"slds-media__body"},e.dialogClosed?t.a.createElement("span",{className:"slds-assistive-text"},"Minimized"):null,t.a.createElement("h2",{className:"slds-truncate",id:"dialog-heading-id-1",title:e.header\|\|"Header"},e.header\|\|"Header"))),t.a.createElement("div",{className:"slds-col_bump-left slds-shrink-none"},t.a.createElement(o.b,{className:"slds-button_icon",symbol:"minimize_window",assistiveText:"Minimize Composer Panel",title:"Minimize window"}),t.a.createElement(o.b,{className:"slds-button_icon",symbol:"expand_alt",assistiveText:"Expand Composer Panel",title:"Expand Composer"}),t.a.createElement(o.b,{className:"slds-button_icon",symbol:"close",assistiveText:"Close Composer Panel",title:"Close"}))),t.a.createElement("div",{className:E()("slds-docked-composer__body",e.bodyClassName),id:"dialog-content-id-1"},e.children),e.footer?t.a.createElement("footer",{className:E()("slds-docked-composer__footer slds-shrink-none",e.footerClassName)},e.footer):null)},x=function(e){return t.a.createElement("div",{className:"slds-docked-composer slds-docked-composer_overflow"},t.a.createElement("button",{className:"slds-button slds-button_icon slds-docked-composer_overflow__button","aria-haspopup":"true"},t.a.createElement(b.a,{className:"slds-button__icon",sprite:"utility",symbol:"standard_objects"}),t.a.createElement("span",{className:"slds-text-body_small slds-m-left_xx-small"},"3"," ",t.a.createElement("span",{className:"slds-assistive-text"},"other docked composer panels"))),t.a.createElement(d.Menu,{className:"slds-dropdown_left slds-dropdown_bottom slds-dropdown_medium slds-nubbin_bottom-left"},t.a.createElement(d.MenuList,{className:"slds-dropdown_length-with-icon-7"},N.d.times(h.length,(function(e){return t.a.createElement(d.MenuItem,{key:e,title:h[e].title},t.a.createElement("span",{className:"slds-icon_container slds-icon-standard-"+h[e].entity+" slds-m-right_x-small"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:h[e].entity}),t.a.createElement("span",{className:"slds-assistive-text"},h[e].entity)),h[e].title)})))))},y=function(e){return t.a.createElement(u.c,{listboxClassName:"slds-dropdown slds-dropdown_fluid",vertical:!0,id:e.id},t.a.createElement(u.d,null,t.a.createElement(u.b,{id:e.listboxOptionId,entityTitle:"Acme",entityMeta:!0})))},C=function(e){return t.a.createElement("div",{className:"demo-only demo-only_viewport",style:{height:"500px",minWidth:"615px",overflowX:"auto"}},e.children)};a.default=[{id:"default",label:"Default",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))}];var k=[{id:"single-composer-open",label:"Open",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))},{id:"single-composer-focused",label:"Focused",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open slds-has-focus",footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))},{id:"single-composer-closed",label:"Closed",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{dialogClosed:!0,footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))},{id:"single-composer-closed-focused",label:"Closed Focused",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-has-focus",dialogClosed:!0,footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))},{id:"single-composer-popout",label:"Popout",element:t.a.createElement(c.Backdrop,null,t.a.createElement(c.Modal,{className:"slds-docked-composer-modal","aria-labelledby":"dialog-heading-id-1","aria-describedby":"dialog-content-id-1",closeButton:!1},t.a.createElement(c.ModalContent,{id:"modal-content-id"},t.a.createElement(v,{footer:t.a.createElement(g,null),nestedDialog:!0},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))))},{id:"multiple-composer-overflow",label:"With Overflow Menu",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(x,null),t.a.createElement(v,{className:"slds-is-open",footer:t.a.createElement(g,null)},t.a.createElement("div",{className:"slds-align_absolute-center"},"Docked Composer Panel Body ",t.a.createElement("br",null)," This area consumes the feature")))}],w=[{id:"task",label:"Log a Task",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-docked-composer__body_form",header:"New Task",headerSymbol:"task",footer:t.a.createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Save")},t.a.createElement("fieldset",{className:"slds-form-element slds-form_compound"},t.a.createElement("legend",{className:"slds-assistive-text"},"Log new task"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("div",{className:"slds-form-element__group"},t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement("div",{className:"slds-form-element slds-size_1-of-1"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Subject"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("input",{className:"slds-input",type:"text",id:"text-input-01"})))),t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement("div",{className:"slds-form-element slds-size_1-of-2"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-02"},"Assigned To"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("input",{className:"slds-input",type:"text",id:"text-input-02"}))),t.a.createElement("div",{className:"slds-form-element slds-size_1-of-2"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-03"},"Due Dates"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("input",{className:"slds-input",type:"text",id:"text-input-03"})))),t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement(u.a,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Leads",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-01",listbox:t.a.createElement(y,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})}),t.a.createElement(u.a,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Accounts",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-02",listbox:t.a.createElement(y,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})})))))))},{id:"voice-composer-queued",label:"Voice - Queued",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Connecting...",footer:t.a.createElement("button",{className:"slds-button slds-button_destructive slds-size_1-of-1"},"End Call")},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Connecting..."))))},{id:"voice-composer-ringing",label:"Voice - Ringing",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Dialing...",footer:t.a.createElement("button",{className:"slds-button slds-button_destructive slds-size_1-of-1"},"End Call")},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Dialing..."))))},{id:"voice-composer-connected",label:"Voice - Connected",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",header:"Lei Chan - Call in Progress",footer:t.a.createElement("button",{className:"slds-button slds-button_destructive slds-col_bump-left"},"End Call")},t.a.createElement("div",{className:"slds-docked-composer__lead"},t.a.createElement("div",{className:"slds-media"},t.a.createElement("div",{className:"slds-media__figure"},t.a.createElement("span",{className:"slds-avatar slds-avatar_medium"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"}))),t.a.createElement("div",{className:"slds-media__body"},t.a.createElement("p",{className:"slds-text-heading_medium"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")))),t.a.createElement("p",{className:"slds-col_bump-left slds-text-heading_large"},"5:37")),t.a.createElement("div",{className:"slds-docked-composer__toolbar"},t.a.createElement(o.b,{className:"slds-button_icon-border-filled slds-button_icon-small",symbol:"unmuted",assistiveText:"Mute Yourself",title:"Mute Yourself","aria-pressed":"false"})),t.a.createElement("label",{className:"slds-assistive-text",htmlFor:"composer-text-input-1"},"Take notes"),t.a.createElement("textarea",{id:"composer-text-input-1",className:"slds-docked-composer__input slds-input_bare slds-text-longform slds-grow",placeholder:"Jot down notes here..."})))},{id:"voice-composer-cancelled",label:"Voice - Cancelled",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Cancelling..."},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Cancelling..."))))},{id:"voice-composer-busy",label:"Voice - Busy",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Busy",footer:[t.a.createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:N.d.uniqueId("follow-up-")},"Follow-Up Later"),t.a.createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:N.d.uniqueId("call-again-")},"Call Again")]},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Busy"))))},{id:"voice-composer-failed",label:"Voice - Call Failed",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - Call Failed",footer:[t.a.createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:N.d.uniqueId("follow-up-")},"Edit Phone Number"),t.a.createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:N.d.uniqueId("call-again-")},"Call Again")]},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"Call Failed"))))},{id:"voice-composer-no-answer",label:"Voice - No Answer",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center",header:"Lei Chan - No Answer",footer:[t.a.createElement("button",{className:"slds-button slds-button_neutral slds-size_1-of-2",key:N.d.uniqueId("follow-up-")},"Follow-Up Later"),t.a.createElement("button",{className:"slds-button slds-button_brand slds-size_1-of-2",key:N.d.uniqueId("call-again-")},"Call Again")]},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"No Answer"))))},{id:"voice-composer-call-finished",label:"Voice - Call Finished",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",header:"Lei Chan - Call Finished",footer:t.a.createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Finish Notes")},t.a.createElement("div",{className:"slds-docked-composer__lead"},t.a.createElement("div",{className:"slds-media"},t.a.createElement("div",{className:"slds-media__figure"},t.a.createElement("span",{className:"slds-avatar slds-avatar_medium"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"}))),t.a.createElement("div",{className:"slds-media__body"},t.a.createElement("p",{className:"slds-text-heading_medium"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation"))))),t.a.createElement("div",{className:"slds-docked-composer__toolbar"},t.a.createElement(o.b,{className:"slds-button_icon-border-filled slds-button_icon-small",symbol:"unmuted",assistiveText:"Mute Yourself",title:"Mute Yourself","aria-pressed":"false"})),t.a.createElement("label",{className:"slds-assistive-text",htmlFor:"composer-text-input-1"},"Take notes"),t.a.createElement("textarea",{id:"composer-text-input-1",className:"slds-docked-composer__input slds-input_bare slds-text-longform slds-grow",placeholder:"Jot down notes here..."})))},{id:"voice-composer-call-incoming",label:"Voice - Call Incoming",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-align_absolute-center slds-size_1-of-1",header:"Lei Chan - Incoming Call...",footer:t.a.createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Finish Notes")},t.a.createElement("div",{className:"slds-text-align_center slds-align-middle"},t.a.createElement("span",{className:"slds-avatar slds-avatar_large"},t.a.createElement("img",{alt:"",src:"/assets/images/avatar2.jpg",title:"Lei Chan avatar"})),t.a.createElement("h3",{className:"slds-text-heading_large"},"Lei Chan"),t.a.createElement("ul",{className:"slds-list_horizontal slds-has-dividers_right slds-text-body_small"},t.a.createElement("li",{className:"slds-item"},"VP of Sales"),t.a.createElement("li",{className:"slds-item "},"Acme Corporation")),t.a.createElement("p",{className:"slds-text-heading_medium slds-m-top_medium"},"(416) 555-1234")),t.a.createElement("div",{className:"slds-p-horizontal_x-small slds-text-align_left slds-size_1-of-1"},t.a.createElement("h3",{className:"slds-m-bottom_x-small"},"Recent Activity"),t.a.createElement("ul",{className:"slds-has-dividers_around-space"},t.a.createElement("li",{className:"slds-item slds-theme_shade slds-grid"},t.a.createElement("span",{className:"slds-icon_container slds-icon-standard-task slds-m-right_x-small"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"task"}),t.a.createElement("span",{className:"slds-assistive-text"},"Task")),"Discussed New Pricing Models",t.a.createElement("span",{className:"slds-col_bump-left"},"Yesterday")),t.a.createElement("li",{className:"slds-item slds-theme_shade slds-grid"},t.a.createElement("span",{className:"slds-icon_container slds-icon-standard-email slds-m-right_x-small"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"email"}),t.a.createElement("span",{className:"slds-assistive-text"},"Email")),"Re: Updated Proposals",t.a.createElement("span",{className:"slds-col_bump-left"},"4 Hours Ago")),t.a.createElement("li",{className:"slds-item slds-theme_shade slds-grid"},t.a.createElement("span",{className:"slds-icon_container slds-icon-standard-note slds-m-right_x-small"},t.a.createElement(b.a,{className:"slds-icon slds-icon_small",sprite:"standard",symbol:"note"}),t.a.createElement("span",{className:"slds-assistive-text"},"Note")),"Discuss Slides for Nov EBC",t.a.createElement("span",{className:"slds-col_bump-left"},"2 Days Ago"))))))},{id:"voice-composer-call-logged",label:"Voice - Log a Call",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",bodyClassName:"slds-docked-composer__body_form",header:"Lei Chan",footer:t.a.createElement("button",{className:"slds-button slds-button_brand slds-col_bump-left"},"Save")},t.a.createElement("fieldset",{className:"slds-form-element slds-form_compound"},t.a.createElement("legend",{className:"slds-assistive-text"},"Log a call"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("div",{className:"slds-form-element__group"},t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement("div",{className:"slds-form-element slds-size_1-of-1"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"text-input-01"},"Subject"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("input",{className:"slds-input",type:"text",id:"text-input-01"})))),t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement("div",{className:"slds-form-element slds-size_1-of-1"},t.a.createElement("label",{className:"slds-form-element__label",htmlFor:"textarea-input-01"},"Comments"),t.a.createElement("div",{className:"slds-form-element__control"},t.a.createElement("textarea",{className:"slds-textarea",id:"textarea-input-01"})))),t.a.createElement("div",{className:"slds-form-element__row"},t.a.createElement(u.a,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Leads",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-01",listbox:t.a.createElement(y,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})}),t.a.createElement(u.a,{formClassName:"slds-size_1-of-2",autocomplete:!0,label:"Name",placeholder:"Search Accounts",inputIcon:"right",inputIconRightSymbol:"search",objectSwitcher:!0,objectSwitcherInline:!0,"aria-controls":"listbox-id-02",listbox:t.a.createElement(y,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})})))))))},{id:"email",label:"Email Composer",element:t.a.createElement("div",{className:"slds-docked_container"},t.a.createElement(v,{className:"slds-is-open",header:"New Email",headerSymbol:"email",footer:t.a.createElement(f,null)},t.a.createElement("div",{className:"slds-email-composer"},t.a.createElement(u.a,{id:"recipients-to",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"To",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-01",listbox:t.a.createElement(y,{id:"listbox-id-01",listboxOptionId:"listbox-option-id-1"})},t.a.createElement(p.c,null,t.a.createElement(p.d,null,t.a.createElement(p.b,{label:"jrogers@cloudhub.com",tabIndex:"0"},t.a.createElement(n.Avatar,{className:"slds-avatar_x-small slds-pill__icon_container"},t.a.createElement("img",{alt:"Person name",src:"/assets/images/avatar2.jpg",title:"User avatar"})))))),t.a.createElement(u.a,{id:"recipients-bcc",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"Bcc",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-02",listbox:t.a.createElement(y,{id:"listbox-id-02",listboxOptionId:"listbox-option-id-2"})}),t.a.createElement(u.a,{id:"recipients-cc",formClassName:"slds-email-composer__combobox",selectedOptionsInline:!0,label:"Cc",placeholder:" ",autocomplete:!0,"aria-controls":"listbox-id-03",listbox:t.a.createElement(y,{id:"listbox-id-03",listboxOptionId:"listbox-option-id-3"})}),t.a.createElement(m.b,{labelContent:"Enter subject",hasHiddenLabel:!0,inputId:"input-subject-01"},t.a.createElement(r.a,{id:"input-subject-01",className:"slds-input_bare",placeholder:"Enter Subject"})),t.a.createElement(i.a,null,t.a.createElement(i.l,null,t.a.createElement(i.f,null),t.a.createElement(i.g,{tabIndexSetting:"-1"}),t.a.createElement(i.e,null),t.a.createElement(i.d,null),t.a.createElement(i.b,null),t.a.createElement(i.i,null),t.a.createElement(i.c,null)),t.a.createElement(i.k,{placeholder:"Compose Email..."})))))}]}});

package/__internal/chunked/showcase/ui/components/dueling-picklist/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/dueling-picklist/base/example.jsx.js"]=function(e){function t(t){for(var i,r,o=t[0],d=t[1],c=t[2],u=0,p=[];u<o.length;u++)r=o[u],Object.prototype.hasOwnProperty.call(n,r)&&n[r]&&p.push(n[r][0]),n[r]=0;for(i in d)Object.prototype.hasOwnProperty.call(d,i)&&(e[i]=d[i]);for(s&&s(t);p.length;)p.shift()();return a.push.apply(a,c\|\|[]),l()}function l(){for(var e,t=0;t<a.length;t++){for(var l=a[t],i=!0,o=1;o<l.length;o++){var d=l[o];0!==n[d]&&(i=!1)}i&&(a.splice(t--,1),e=r(r.s=l[0]))}return e}var i={},n={63:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},a=[];function r(t){if(i[t])return i[t].exports;var l=i[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,r),l.l=!0,l.exports}r.m=e,r.c=i,r.d=function(e,t,l){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:l})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var l=Object.create(null);if(r.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)r.d(l,i,function(t){return e[t]}.bind(null,i));return l},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],d=o.push.bind(o);o.push=t,o=o.slice();for(var c=0;c<o.length;c++)t(o[c]);var s=d;return a.push([615,0]),l()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},615:function(e,t,l){"use strict";l.r(t),l.d(t,"states",(function(){return r}));var i=l(0),n=l.n(i),a=l(31);t.default=n.a.createElement(a.i,{dataSet:a.a});var r=[{id:"locked-item-dueling-picklist",label:"Locked",element:n.a.createElement(a.i,{dataSet:a.f})},{id:"disabled-dueling-picklist",label:"Disabled",element:n.a.createElement(a.i,{dataSet:a.c,disabled:!0})},{id:"multi-select-selected-item",label:"Selected Item",element:n.a.createElement(a.i,{dataSet:a.l})},{id:"multi-select-multi-selected-items",label:"Multiple Selected Items",element:n.a.createElement(a.i,{dataSet:a.k})},{id:"multi-select-grabbed",label:"Grabbed",element:n.a.createElement(a.i,{dataSet:a.e})},{id:"multi-select-moved-in",label:"Moved in list",element:n.a.createElement(a.i,{dataSet:a.h})},{id:"multi-select-dropped",label:"Dropped",element:n.a.createElement(a.i,{dataSet:a.d})},{id:"multi-select-moved-to",label:"Moved to list",element:n.a.createElement(a.i,{dataSet:a.g})},{id:"no-reordering-dueling-picklist",label:"No Reordering",element:n.a.createElement(a.i,{dataSet:a.a,noReorder:!0})},{id:"responsive-no-reordering-dueling-picklist",label:"Responsive No Reordering",element:n.a.createElement(a.i,{dataSet:a.a,noReorder:!0,isResponsive:!0})},{id:"view-mode-dueling-picklist",label:"View Mode",element:n.a.createElement(a.j,null)},{id:"required-dueling-picklist",label:"Required",element:n.a.createElement(a.i,{dataSet:a.a,isRequired:!0})},{id:"with-tooltip",label:"With Tooltip",element:n.a.createElement(a.b,null,n.a.createElement(a.i,{dataSet:a.a,hasTooltip:!0,showTooltip:!0}))},{id:"required-dueling-picklist-with-tooltip",label:"Required With Tooltip",element:n.a.createElement(a.b,null,n.a.createElement(a.i,{dataSet:a.a,isRequired:!0,hasTooltip:!0,showTooltip:!0}))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/dueling-picklist/base/example.jsx.js"]=function(e){function t(t){for(var i,r,o=t[0],d=t[1],c=t[2],u=0,p=[];u<o.length;u++)r=o[u],Object.prototype.hasOwnProperty.call(n,r)&&n[r]&&p.push(n[r][0]),n[r]=0;for(i in d)Object.prototype.hasOwnProperty.call(d,i)&&(e[i]=d[i]);for(s&&s(t);p.length;)p.shift()();return a.push.apply(a,c\|\|[]),l()}function l(){for(var e,t=0;t<a.length;t++){for(var l=a[t],i=!0,o=1;o<l.length;o++){var d=l[o];0!==n[d]&&(i=!1)}i&&(a.splice(t--,1),e=r(r.s=l[0]))}return e}var i={},n={63:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},a=[];function r(t){if(i[t])return i[t].exports;var l=i[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,r),l.l=!0,l.exports}r.m=e,r.c=i,r.d=function(e,t,l){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:l})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var l=Object.create(null);if(r.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)r.d(l,i,function(t){return e[t]}.bind(null,i));return l},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],d=o.push.bind(o);o.push=t,o=o.slice();for(var c=0;c<o.length;c++)t(o[c]);var s=d;return a.push([615,0]),l()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},615:function(e,t,l){"use strict";l.r(t),l.d(t,"states",(function(){return r}));var i=l(0),n=l.n(i),a=l(32);t.default=n.a.createElement(a.i,{dataSet:a.a});var r=[{id:"locked-item-dueling-picklist",label:"Locked",element:n.a.createElement(a.i,{dataSet:a.f})},{id:"disabled-dueling-picklist",label:"Disabled",element:n.a.createElement(a.i,{dataSet:a.c,disabled:!0})},{id:"multi-select-selected-item",label:"Selected Item",element:n.a.createElement(a.i,{dataSet:a.l})},{id:"multi-select-multi-selected-items",label:"Multiple Selected Items",element:n.a.createElement(a.i,{dataSet:a.k})},{id:"multi-select-grabbed",label:"Grabbed",element:n.a.createElement(a.i,{dataSet:a.e})},{id:"multi-select-moved-in",label:"Moved in list",element:n.a.createElement(a.i,{dataSet:a.h})},{id:"multi-select-dropped",label:"Dropped",element:n.a.createElement(a.i,{dataSet:a.d})},{id:"multi-select-moved-to",label:"Moved to list",element:n.a.createElement(a.i,{dataSet:a.g})},{id:"no-reordering-dueling-picklist",label:"No Reordering",element:n.a.createElement(a.i,{dataSet:a.a,noReorder:!0})},{id:"responsive-no-reordering-dueling-picklist",label:"Responsive No Reordering",element:n.a.createElement(a.i,{dataSet:a.a,noReorder:!0,isResponsive:!0})},{id:"view-mode-dueling-picklist",label:"View Mode",element:n.a.createElement(a.j,null)},{id:"required-dueling-picklist",label:"Required",element:n.a.createElement(a.i,{dataSet:a.a,isRequired:!0})},{id:"with-tooltip",label:"With Tooltip",element:n.a.createElement(a.b,null,n.a.createElement(a.i,{dataSet:a.a,hasTooltip:!0,showTooltip:!0}))},{id:"required-dueling-picklist-with-tooltip",label:"Required With Tooltip",element:n.a.createElement(a.b,null,n.a.createElement(a.i,{dataSet:a.a,isRequired:!0,hasTooltip:!0,showTooltip:!0}))}]}});

package/__internal/chunked/showcase/ui/components/form-element/address/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/form-element/address/example.jsx.js"]=function(e){function t(t){for(var a,i,d=t[0],s=t[1],o=t[2],c=0,u=[];c<d.length;c++)i=d[c],Object.prototype.hasOwnProperty.call(n,i)&&n[i]&&u.push(n[i][0]),n[i]=0;for(a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a]);for(m&&m(t);u.length;)u.shift()();return r.push.apply(r,o\|\|[]),l()}function l(){for(var e,t=0;t<r.length;t++){for(var l=r[t],a=!0,d=1;d<l.length;d++){var s=l[d];0!==n[s]&&(a=!1)}a&&(r.splice(t--,1),e=i(i.s=l[0]))}return e}var a={},n={84:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},r=[];function i(t){if(a[t])return a[t].exports;var l=a[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,i),l.l=!0,l.exports}i.m=e,i.c=a,i.d=function(e,t,l){i.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:l})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var l=Object.create(null);if(i.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)i.d(l,a,function(t){return e[t]}.bind(null,a));return l},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var d=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=d.push.bind(d);d.push=t,d=d.slice();for(var o=0;o<d.length;o++)t(d[o]);var m=s;return r.push([663,0]),l()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},663:function(e,t,l){"use strict";l.r(t),l.d(t,"states",(function(){return o}));var a=l(0),n=l.n(a),r=l(29),i=l(5),d=l(13),s=l(43);t.default=[{id:"address-default",label:"".concat("Address"," - Default"),context:"".concat("Address"),element:n.a.createElement(r.a,{labelContent:"Billing Address",isAddress:!0},n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_1-of-1"},n.a.createElement(i.b,{labelContent:"Billing Street",inputId:"form-element-id-01"},n.a.createElement(s.Textarea,{id:"form-element-id-01",defaultValue:"525 S. Lexington Ave",required:!0})))),n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_4-of-6"},n.a.createElement(i.b,{labelContent:"Billing City",inputId:"form-element-id-02"},n.a.createElement(d.a,{id:"form-element-id-02",defaultValue:"Burlington",required:!0}))),n.a.createElement("div",{className:"slds-size_2-of-6"},n.a.createElement(i.b,{labelContent:"Billing State/Province",inputId:"form-element-id-03"},n.a.createElement(d.a,{id:"form-element-id-03",defaultValue:"NC",required:!0})))),n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_4-of-6"},n.a.createElement(i.b,{labelContent:"Billing Zip/Postal Code",inputId:"form-element-id-04"},n.a.createElement(d.a,{id:"form-element-id-04",defaultValue:"27215",required:!0}))),n.a.createElement("div",{className:"slds-size_2-of-6"},n.a.createElement(i.b,{labelContent:"Billing Country",inputId:"form-element-id-05"},n.a.createElement(d.a,{id:"form-element-id-05",defaultValue:"USA",required:!0})))))},{id:"help-text",label:"".concat("Address"," - Help text icon with tooltip"),context:"".concat("Address"),element:n.a.createElement(r.a,{labelContent:"Billing Address",isAddress:!0,hasTooltip:!0},n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_1-of-1"},n.a.createElement(i.b,{labelContent:"Billing Street",inputId:"form-element-id-06"},n.a.createElement(s.Textarea,{id:"form-element-id-06",defaultValue:"525 S. Lexington Ave",required:!0})))),n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_4-of-6"},n.a.createElement(i.b,{labelContent:"Billing City",inputId:"form-element-id-07"},n.a.createElement(d.a,{id:"form-element-id-07",defaultValue:"Burlington",required:!0}))),n.a.createElement("div",{className:"slds-size_2-of-6"},n.a.createElement(i.b,{labelContent:"Billing State/Province",inputId:"form-element-id-08"},n.a.createElement(d.a,{id:"form-element-id-08",defaultValue:"NC",required:!0})))),n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_4-of-6"},n.a.createElement(i.b,{labelContent:"Billing Zip/Postal Code",inputId:"form-element-id-09"},n.a.createElement(d.a,{id:"form-element-id-09",defaultValue:"27215",required:!0}))),n.a.createElement("div",{className:"slds-size_2-of-6"},n.a.createElement(i.b,{labelContent:"Billing Country",inputId:"form-element-id-10"},n.a.createElement(d.a,{id:"form-element-id-10",defaultValue:"USA",required:!0})))))}];var o=[{id:"required",label:"".concat("Address"," - Required"),context:"".concat("Address"),element:n.a.createElement(r.a,{labelContent:"Billing Address",isAddress:!0,isRequired:!0},n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_1-of-1"},n.a.createElement(i.b,{labelContent:"Billing Street",inputId:"form-element-id-11"},n.a.createElement(s.Textarea,{id:"form-element-id-11",defaultValue:"525 S. Lexington Ave",required:!0})))),n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_4-of-6"},n.a.createElement(i.b,{labelContent:"Billing City",inputId:"form-element-id-12"},n.a.createElement(d.a,{id:"form-element-id-12",defaultValue:"Burlington",required:!0}))),n.a.createElement("div",{className:"slds-size_2-of-6"},n.a.createElement(i.b,{labelContent:"Billing State/Province",inputId:"form-element-id-13"},n.a.createElement(d.a,{id:"form-element-id-13",defaultValue:"NC",required:!0})))),n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_4-of-6"},n.a.createElement(i.b,{labelContent:"Billing Zip/Postal Code",inputId:"form-element-id-14"},n.a.createElement(d.a,{id:"form-element-id-14",defaultValue:"27215",required:!0}))),n.a.createElement("div",{className:"slds-size_2-of-6"},n.a.createElement(i.b,{labelContent:"Billing Country",inputId:"form-element-id-15"},n.a.createElement(d.a,{id:"form-element-id-15",defaultValue:"USA",required:!0})))))},{id:"has-error",label:"".concat("Address"," - Error"),context:"".concat("Address"),element:n.a.createElement(r.a,{labelContent:"Billing Address",isAddress:!0,isRequired:!0,hasError:!0,errorId:"address-error-id-01",inlineMessage:"These fields are required"},n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_1-of-1"},n.a.createElement(i.b,{labelContent:"Billing Street",inputId:"form-element-id-16"},n.a.createElement(s.Textarea,{id:"form-element-id-16",defaultValue:"525 S. Lexington Ave",required:!0})))),n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_4-of-6"},n.a.createElement(i.b,{labelContent:"Billing City",inputId:"form-element-id-17"},n.a.createElement(d.a,{id:"form-element-id-17",defaultValue:"Burlington",required:!0}))),n.a.createElement("div",{className:"slds-size_2-of-6"},n.a.createElement(i.b,{labelContent:"Billing State/Province",inputId:"form-element-id-18"},n.a.createElement(d.a,{id:"form-element-id-18",defaultValue:"NC",required:!0})))),n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_4-of-6"},n.a.createElement(i.b,{labelContent:"Billing Zip/Postal Code",inputId:"form-element-id-19"},n.a.createElement(d.a,{id:"form-element-id-19",defaultValue:"27215",required:!0}))),n.a.createElement("div",{className:"slds-size_2-of-6"},n.a.createElement(i.b,{labelContent:"Billing Country",inputId:"form-element-id-20"},n.a.createElement(d.a,{id:"form-element-id-20",defaultValue:"USA",required:!0})))))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/form-element/address/example.jsx.js"]=function(e){function t(t){for(var a,i,d=t[0],s=t[1],o=t[2],c=0,u=[];c<d.length;c++)i=d[c],Object.prototype.hasOwnProperty.call(n,i)&&n[i]&&u.push(n[i][0]),n[i]=0;for(a in s)Object.prototype.hasOwnProperty.call(s,a)&&(e[a]=s[a]);for(m&&m(t);u.length;)u.shift()();return r.push.apply(r,o\|\|[]),l()}function l(){for(var e,t=0;t<r.length;t++){for(var l=r[t],a=!0,d=1;d<l.length;d++){var s=l[d];0!==n[s]&&(a=!1)}a&&(r.splice(t--,1),e=i(i.s=l[0]))}return e}var a={},n={84:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},r=[];function i(t){if(a[t])return a[t].exports;var l=a[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,i),l.l=!0,l.exports}i.m=e,i.c=a,i.d=function(e,t,l){i.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:l})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var l=Object.create(null);if(i.r(l),Object.defineProperty(l,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)i.d(l,a,function(t){return e[t]}.bind(null,a));return l},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var d=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=d.push.bind(d);d.push=t,d=d.slice();for(var o=0;o<d.length;o++)t(d[o]);var m=s;return r.push([663,0]),l()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},663:function(e,t,l){"use strict";l.r(t),l.d(t,"states",(function(){return o}));var a=l(0),n=l.n(a),r=l(30),i=l(5),d=l(13),s=l(43);t.default=[{id:"address-default",label:"".concat("Address"," - Default"),context:"".concat("Address"),element:n.a.createElement(r.a,{labelContent:"Billing Address",isAddress:!0},n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_1-of-1"},n.a.createElement(i.b,{labelContent:"Billing Street",inputId:"form-element-id-01"},n.a.createElement(s.Textarea,{id:"form-element-id-01",defaultValue:"525 S. Lexington Ave",required:!0})))),n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_4-of-6"},n.a.createElement(i.b,{labelContent:"Billing City",inputId:"form-element-id-02"},n.a.createElement(d.a,{id:"form-element-id-02",defaultValue:"Burlington",required:!0}))),n.a.createElement("div",{className:"slds-size_2-of-6"},n.a.createElement(i.b,{labelContent:"Billing State/Province",inputId:"form-element-id-03"},n.a.createElement(d.a,{id:"form-element-id-03",defaultValue:"NC",required:!0})))),n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_4-of-6"},n.a.createElement(i.b,{labelContent:"Billing Zip/Postal Code",inputId:"form-element-id-04"},n.a.createElement(d.a,{id:"form-element-id-04",defaultValue:"27215",required:!0}))),n.a.createElement("div",{className:"slds-size_2-of-6"},n.a.createElement(i.b,{labelContent:"Billing Country",inputId:"form-element-id-05"},n.a.createElement(d.a,{id:"form-element-id-05",defaultValue:"USA",required:!0})))))},{id:"help-text",label:"".concat("Address"," - Help text icon with tooltip"),context:"".concat("Address"),element:n.a.createElement(r.a,{labelContent:"Billing Address",isAddress:!0,hasTooltip:!0},n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_1-of-1"},n.a.createElement(i.b,{labelContent:"Billing Street",inputId:"form-element-id-06"},n.a.createElement(s.Textarea,{id:"form-element-id-06",defaultValue:"525 S. Lexington Ave",required:!0})))),n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_4-of-6"},n.a.createElement(i.b,{labelContent:"Billing City",inputId:"form-element-id-07"},n.a.createElement(d.a,{id:"form-element-id-07",defaultValue:"Burlington",required:!0}))),n.a.createElement("div",{className:"slds-size_2-of-6"},n.a.createElement(i.b,{labelContent:"Billing State/Province",inputId:"form-element-id-08"},n.a.createElement(d.a,{id:"form-element-id-08",defaultValue:"NC",required:!0})))),n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_4-of-6"},n.a.createElement(i.b,{labelContent:"Billing Zip/Postal Code",inputId:"form-element-id-09"},n.a.createElement(d.a,{id:"form-element-id-09",defaultValue:"27215",required:!0}))),n.a.createElement("div",{className:"slds-size_2-of-6"},n.a.createElement(i.b,{labelContent:"Billing Country",inputId:"form-element-id-10"},n.a.createElement(d.a,{id:"form-element-id-10",defaultValue:"USA",required:!0})))))}];var o=[{id:"required",label:"".concat("Address"," - Required"),context:"".concat("Address"),element:n.a.createElement(r.a,{labelContent:"Billing Address",isAddress:!0,isRequired:!0},n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_1-of-1"},n.a.createElement(i.b,{labelContent:"Billing Street",inputId:"form-element-id-11"},n.a.createElement(s.Textarea,{id:"form-element-id-11",defaultValue:"525 S. Lexington Ave",required:!0})))),n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_4-of-6"},n.a.createElement(i.b,{labelContent:"Billing City",inputId:"form-element-id-12"},n.a.createElement(d.a,{id:"form-element-id-12",defaultValue:"Burlington",required:!0}))),n.a.createElement("div",{className:"slds-size_2-of-6"},n.a.createElement(i.b,{labelContent:"Billing State/Province",inputId:"form-element-id-13"},n.a.createElement(d.a,{id:"form-element-id-13",defaultValue:"NC",required:!0})))),n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_4-of-6"},n.a.createElement(i.b,{labelContent:"Billing Zip/Postal Code",inputId:"form-element-id-14"},n.a.createElement(d.a,{id:"form-element-id-14",defaultValue:"27215",required:!0}))),n.a.createElement("div",{className:"slds-size_2-of-6"},n.a.createElement(i.b,{labelContent:"Billing Country",inputId:"form-element-id-15"},n.a.createElement(d.a,{id:"form-element-id-15",defaultValue:"USA",required:!0})))))},{id:"has-error",label:"".concat("Address"," - Error"),context:"".concat("Address"),element:n.a.createElement(r.a,{labelContent:"Billing Address",isAddress:!0,isRequired:!0,hasError:!0,errorId:"address-error-id-01",inlineMessage:"These fields are required"},n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_1-of-1"},n.a.createElement(i.b,{labelContent:"Billing Street",inputId:"form-element-id-16"},n.a.createElement(s.Textarea,{id:"form-element-id-16",defaultValue:"525 S. Lexington Ave",required:!0})))),n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_4-of-6"},n.a.createElement(i.b,{labelContent:"Billing City",inputId:"form-element-id-17"},n.a.createElement(d.a,{id:"form-element-id-17",defaultValue:"Burlington",required:!0}))),n.a.createElement("div",{className:"slds-size_2-of-6"},n.a.createElement(i.b,{labelContent:"Billing State/Province",inputId:"form-element-id-18"},n.a.createElement(d.a,{id:"form-element-id-18",defaultValue:"NC",required:!0})))),n.a.createElement(r.b,null,n.a.createElement("div",{className:"slds-size_4-of-6"},n.a.createElement(i.b,{labelContent:"Billing Zip/Postal Code",inputId:"form-element-id-19"},n.a.createElement(d.a,{id:"form-element-id-19",defaultValue:"27215",required:!0}))),n.a.createElement("div",{className:"slds-size_2-of-6"},n.a.createElement(i.b,{labelContent:"Billing Country",inputId:"form-element-id-20"},n.a.createElement(d.a,{id:"form-element-id-20",defaultValue:"USA",required:!0})))))}]}});

package/__internal/chunked/showcase/ui/components/form-element/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/form-element/base/example.jsx.js"]=function(e){function t(t){for(var n,i,c=t[0],r=t[1],u=t[2],b=0,s=[];b<c.length;b++)i=c[b],Object.prototype.hasOwnProperty.call(l,i)&&l[i]&&s.push(l[i][0]),l[i]=0;for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);for(d&&d(t);s.length;)s.shift()();return o.push.apply(o,u\|\|[]),a()}function a(){for(var e,t=0;t<o.length;t++){for(var a=o[t],n=!0,c=1;c<a.length;c++){var r=a[c];0!==l[r]&&(n=!1)}n&&(o.splice(t--,1),e=i(i.s=a[0]))}return e}var n={},l={85:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},o=[];function i(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,i),a.l=!0,a.exports}i.m=e,i.c=n,i.d=function(e,t,a){i.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(i.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(a,n,function(t){return e[t]}.bind(null,n));return a},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var c=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],r=c.push.bind(c);c.push=t,c=c.slice();for(var u=0;u<c.length;u++)t(c[u]);var d=r;return o.push([674,0]),a()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},674:function(e,t,a){"use strict";a.r(t),a.d(t,"states",(function(){return s})),a.d(t,"examples",(function(){return p}));var n=a(0),l=a.n(n),o=a(5),i=a(13),c=a(43),r=a(26),u=a(30),d="Form Element Label",b="error-message-unique-id";t.default=[{id:"default",label:"".concat("Base"," - Default"),context:"".concat("Base"),element:l.a.createElement(o.b,{labelContent:d,inputId:"input-unique-id-01"},l.a.createElement(i.a,{id:"input-unique-id-01"}))}];var s=[{id:"required",label:"".concat("Base"," - Required"),context:"".concat("Base"),element:l.a.createElement(o.b,{labelContent:d,inputId:"input-unique-id-02",isRequired:!0},l.a.createElement(i.a,{id:"input-unique-id-02",required:!0}))},{id:"error",label:"".concat("Base"," - Error"),context:"".concat("Base"),element:l.a.createElement(o.b,{labelContent:d,inputId:"input-unique-id-03",errorId:b,isRequired:!0,hasError:!0,inlineMessage:"This field is required"},l.a.createElement(i.a,{id:"input-unique-id-03",required:!0,"aria-describedby":b}))},{id:"checkbox-required",label:"".concat("Base"," - Checkbox - Required"),context:"".concat("Base"),element:l.a.createElement(o.b,null,l.a.createElement(r.Checkbox,{label:"Checkbox Label",isRequired:!0}))},{id:"checkbox-required-help-text",label:"".concat("Base"," - Checkbox - Required (help text icon)"),context:"".concat("Base"),element:l.a.createElement(o.b,null,l.a.createElement(r.Checkbox,{label:"Checkbox Label",isRequired:!0,hasTooltip:!0}))},{id:"checkbox-group-required",label:"".concat("Base"," - Checkbox Group (Required)"),context:"".concat("Base"),element:l.a.createElement(o.a,{label:"Form Element Legend",isRequired:!0},l.a.createElement(r.Checkbox,{label:"Checkbox Label"}),l.a.createElement(r.Checkbox,{label:"Checkbox Label"}))},{id:"checkbox-group-required-help-text",label:"".concat("Base"," - Checkbox Group (Required with help text icon)"),context:"".concat("Base"),element:l.a.createElement(o.a,{id:"fieldset-with-help-text",label:"Form Element Legend",isRequired:!0,hasTooltip:!0},l.a.createElement(r.Checkbox,{label:"Checkbox Label"}),l.a.createElement(r.Checkbox,{label:"Checkbox Label"}))},{id:"radio-group-required",label:"".concat("Base"," - Radio Group (Required)"),context:"".concat("Base"),element:l.a.createElement(o.a,{label:"Form Element Label",isRequired:!0},l.a.createElement(u.Radio,{checked:!0,label:"Radio Label One"}),l.a.createElement(u.Radio,{label:"Radio Label Two"}))},{id:"radio-group-required-help-text",label:"".concat("Base"," - Radio Group (Required with help text icon)"),context:"".concat("Base"),element:l.a.createElement(o.a,{id:"fieldset-with-help-text",label:"Form Element Label",isRequired:!0,hasTooltip:!0},l.a.createElement(u.Radio,{checked:!0,label:"Radio Label One"}),l.a.createElement(u.Radio,{label:"Radio Label Two"}))},{id:"required-tooltip-help",label:"".concat("Base"," - Tooltip Help (Required)"),context:"".concat("Base"),demoStyles:"padding-top: 3rem; position: relative",storybookStyles:!0,element:l.a.createElement(o.b,{labelContent:d,inputId:"input-unique-id-04",hasTooltip:!0,showTooltip:!0,isRequired:!0},l.a.createElement(i.a,{id:"input-unique-id-04",required:!0}))}],p=[{id:"input",label:"".concat("Base"," - Input"),context:"".concat("Base"),element:l.a.createElement(o.b,{labelContent:d,inputId:"input-unique-id-05"},l.a.createElement(i.a,{id:"input-unique-id-05"}))},{id:"textarea",label:"".concat("Base"," - Textarea"),context:"".concat("Base"),element:l.a.createElement(o.b,{labelContent:d,inputId:"input-unique-id-06"},l.a.createElement(c.Textarea,{id:"input-unique-id-06"}))},{id:"checkbox",label:"".concat("Base"," - Checkbox"),context:"".concat("Base"),element:l.a.createElement(o.b,null,l.a.createElement(r.Checkbox,{label:"Checkbox Label"}))},{id:"checkbox-group",label:"".concat("Base"," - Checkbox Group"),context:"".concat("Base"),element:l.a.createElement(o.a,{label:"Form Element Legend"},l.a.createElement(r.Checkbox,{label:"Checkbox Label"}),l.a.createElement(r.Checkbox,{label:"Checkbox Label"}))},{id:"radio-group",label:"".concat("Base"," - Radio Group"),context:"".concat("Base"),element:l.a.createElement(o.a,{label:"Form Element Label"},l.a.createElement(u.Radio,{checked:!0,label:"Radio Label One"}),l.a.createElement(u.Radio,{label:"Radio Label Two"}))},{id:"inline-help",label:"".concat("Base"," - Inline Help"),context:"".concat("Base"),element:l.a.createElement(o.b,{labelContent:d,inputId:"input-unique-id-07",inlineMessage:"ex: (415)111-2222"},l.a.createElement(i.a,{id:"input-unique-id-07"}))},{id:"tooltip-help",label:"".concat("Base"," - Tooltip Help"),context:"".concat("Base"),demoStyles:"padding-top: 3px; position: relative",storybookStyles:!0,element:l.a.createElement(o.b,{labelContent:d,inputId:"input-unique-id-08",hasTooltip:!0,showTooltip:!0},l.a.createElement(i.a,{id:"input-unique-id-08"}))}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/form-element/base/example.jsx.js"]=function(e){function t(t){for(var n,i,c=t[0],r=t[1],u=t[2],b=0,s=[];b<c.length;b++)i=c[b],Object.prototype.hasOwnProperty.call(l,i)&&l[i]&&s.push(l[i][0]),l[i]=0;for(n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);for(d&&d(t);s.length;)s.shift()();return o.push.apply(o,u\|\|[]),a()}function a(){for(var e,t=0;t<o.length;t++){for(var a=o[t],n=!0,c=1;c<a.length;c++){var r=a[c];0!==l[r]&&(n=!1)}n&&(o.splice(t--,1),e=i(i.s=a[0]))}return e}var n={},l={85:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},o=[];function i(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,i),a.l=!0,a.exports}i.m=e,i.c=n,i.d=function(e,t,a){i.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(i.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(a,n,function(t){return e[t]}.bind(null,n));return a},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var c=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],r=c.push.bind(c);c.push=t,c=c.slice();for(var u=0;u<c.length;u++)t(c[u]);var d=r;return o.push([674,0]),a()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},674:function(e,t,a){"use strict";a.r(t),a.d(t,"states",(function(){return s})),a.d(t,"examples",(function(){return p}));var n=a(0),l=a.n(n),o=a(5),i=a(13),c=a(43),r=a(27),u=a(31),d="Form Element Label",b="error-message-unique-id";t.default=[{id:"default",label:"".concat("Base"," - Default"),context:"".concat("Base"),element:l.a.createElement(o.b,{labelContent:d,inputId:"input-unique-id-01"},l.a.createElement(i.a,{id:"input-unique-id-01"}))}];var s=[{id:"required",label:"".concat("Base"," - Required"),context:"".concat("Base"),element:l.a.createElement(o.b,{labelContent:d,inputId:"input-unique-id-02",isRequired:!0},l.a.createElement(i.a,{id:"input-unique-id-02",required:!0}))},{id:"error",label:"".concat("Base"," - Error"),context:"".concat("Base"),element:l.a.createElement(o.b,{labelContent:d,inputId:"input-unique-id-03",errorId:b,isRequired:!0,hasError:!0,inlineMessage:"This field is required"},l.a.createElement(i.a,{id:"input-unique-id-03",required:!0,"aria-describedby":b}))},{id:"checkbox-required",label:"".concat("Base"," - Checkbox - Required"),context:"".concat("Base"),element:l.a.createElement(o.b,null,l.a.createElement(r.Checkbox,{label:"Checkbox Label",isRequired:!0}))},{id:"checkbox-required-help-text",label:"".concat("Base"," - Checkbox - Required (help text icon)"),context:"".concat("Base"),element:l.a.createElement(o.b,null,l.a.createElement(r.Checkbox,{label:"Checkbox Label",isRequired:!0,hasTooltip:!0}))},{id:"checkbox-group-required",label:"".concat("Base"," - Checkbox Group (Required)"),context:"".concat("Base"),element:l.a.createElement(o.a,{label:"Form Element Legend",isRequired:!0},l.a.createElement(r.Checkbox,{label:"Checkbox Label"}),l.a.createElement(r.Checkbox,{label:"Checkbox Label"}))},{id:"checkbox-group-required-help-text",label:"".concat("Base"," - Checkbox Group (Required with help text icon)"),context:"".concat("Base"),element:l.a.createElement(o.a,{id:"fieldset-with-help-text",label:"Form Element Legend",isRequired:!0,hasTooltip:!0},l.a.createElement(r.Checkbox,{label:"Checkbox Label"}),l.a.createElement(r.Checkbox,{label:"Checkbox Label"}))},{id:"radio-group-required",label:"".concat("Base"," - Radio Group (Required)"),context:"".concat("Base"),element:l.a.createElement(o.a,{label:"Form Element Label",isRequired:!0},l.a.createElement(u.Radio,{checked:!0,label:"Radio Label One"}),l.a.createElement(u.Radio,{label:"Radio Label Two"}))},{id:"radio-group-required-help-text",label:"".concat("Base"," - Radio Group (Required with help text icon)"),context:"".concat("Base"),element:l.a.createElement(o.a,{id:"fieldset-with-help-text",label:"Form Element Label",isRequired:!0,hasTooltip:!0},l.a.createElement(u.Radio,{checked:!0,label:"Radio Label One"}),l.a.createElement(u.Radio,{label:"Radio Label Two"}))},{id:"required-tooltip-help",label:"".concat("Base"," - Tooltip Help (Required)"),context:"".concat("Base"),demoStyles:"padding-top: 3rem; position: relative",storybookStyles:!0,element:l.a.createElement(o.b,{labelContent:d,inputId:"input-unique-id-04",hasTooltip:!0,showTooltip:!0,isRequired:!0},l.a.createElement(i.a,{id:"input-unique-id-04",required:!0}))}],p=[{id:"input",label:"".concat("Base"," - Input"),context:"".concat("Base"),element:l.a.createElement(o.b,{labelContent:d,inputId:"input-unique-id-05"},l.a.createElement(i.a,{id:"input-unique-id-05"}))},{id:"textarea",label:"".concat("Base"," - Textarea"),context:"".concat("Base"),element:l.a.createElement(o.b,{labelContent:d,inputId:"input-unique-id-06"},l.a.createElement(c.Textarea,{id:"input-unique-id-06"}))},{id:"checkbox",label:"".concat("Base"," - Checkbox"),context:"".concat("Base"),element:l.a.createElement(o.b,null,l.a.createElement(r.Checkbox,{label:"Checkbox Label"}))},{id:"checkbox-group",label:"".concat("Base"," - Checkbox Group"),context:"".concat("Base"),element:l.a.createElement(o.a,{label:"Form Element Legend"},l.a.createElement(r.Checkbox,{label:"Checkbox Label"}),l.a.createElement(r.Checkbox,{label:"Checkbox Label"}))},{id:"radio-group",label:"".concat("Base"," - Radio Group"),context:"".concat("Base"),element:l.a.createElement(o.a,{label:"Form Element Label"},l.a.createElement(u.Radio,{checked:!0,label:"Radio Label One"}),l.a.createElement(u.Radio,{label:"Radio Label Two"}))},{id:"inline-help",label:"".concat("Base"," - Inline Help"),context:"".concat("Base"),element:l.a.createElement(o.b,{labelContent:d,inputId:"input-unique-id-07",inlineMessage:"ex: (415)111-2222"},l.a.createElement(i.a,{id:"input-unique-id-07"}))},{id:"tooltip-help",label:"".concat("Base"," - Tooltip Help"),context:"".concat("Base"),demoStyles:"padding-top: 3px; position: relative",storybookStyles:!0,element:l.a.createElement(o.b,{labelContent:d,inputId:"input-unique-id-08",hasTooltip:!0,showTooltip:!0},l.a.createElement(i.a,{id:"input-unique-id-08"}))}]}});

package/__internal/chunked/showcase/ui/components/form-element/compound/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/form-element/compound/example.jsx.js"]=function(e){function t(t){for(var n,i,r=t[0],s=t[1],c=t[2],u=0,m=[];u<r.length;u++)i=r[u],Object.prototype.hasOwnProperty.call(l,i)&&l[i]&&m.push(l[i][0]),l[i]=0;for(n in s)Object.prototype.hasOwnProperty.call(s,n)&&(e[n]=s[n]);for(d&&d(t);m.length;)m.shift()();return o.push.apply(o,c\|\|[]),a()}function a(){for(var e,t=0;t<o.length;t++){for(var a=o[t],n=!0,r=1;r<a.length;r++){var s=a[r];0!==l[s]&&(n=!1)}n&&(o.splice(t--,1),e=i(i.s=a[0]))}return e}var n={},l={86:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},o=[];function i(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,i),a.l=!0,a.exports}i.m=e,i.c=n,i.d=function(e,t,a){i.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(i.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(a,n,function(t){return e[t]}.bind(null,n));return a},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var r=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=r.push.bind(r);r.push=t,r=r.slice();for(var c=0;c<r.length;c++)t(r[c]);var d=s;return o.push([709,0]),a()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},709:function(e,t,a){"use strict";a.r(t),a.d(t,"states",(function(){return u})),a.d(t,"examples",(function(){return m}));var n=a(0),l=a.n(n),o=a(29),i=a(1),r=a.n(i),s=a(5),c=a(13),d=function(e){var t=e.hasTooltip,a=e.isRequired;return l.a.createElement(l.a.Fragment,null,l.a.createElement(s.a,{hasCompoundFields:!0,hasTooltip:t,isRequired:a,isDeprecated:!0,label:"Location"},l.a.createElement("div",{className:"slds-form-element__group"},l.a.createElement("div",{className:"slds-form-element__row"},l.a.createElement(s.b,{formElementClassName:"slds-size_1-of-2",labelContent:"Latitude",inputId:"input-10"},l.a.createElement(c.a,{id:"input-10"})),l.a.createElement(s.b,{formElementClassName:"slds-size_1-of-2",labelContent:"Longitude",inputId:"input-11"},l.a.createElement(c.a,{id:"input-11"}))))),l.a.createElement(s.a,{hasCompoundFields:!0,label:"Shipping Address",isAddress:!0,isDeprecated:!0},l.a.createElement("div",{className:"slds-form-element__group"},l.a.createElement("div",{className:"slds-form-element__row"},l.a.createElement(s.b,{formElementClassName:"slds-size_1-of-1",labelContent:"Shipping Street",inputId:"input-12"},l.a.createElement(c.a,{id:"input-12"}))),l.a.createElement("div",{className:"slds-form-element__row"},l.a.createElement(s.b,{formElementClassName:"slds-size_4-of-6",labelContent:"Shipping City",inputId:"input-13"},l.a.createElement(c.a,{id:"input-13"})),l.a.createElement(s.b,{formElementClassName:"slds-size_2-of-6",labelContent:"Shipping State/Province",inputId:"input-14"},l.a.createElement(c.a,{id:"input-14",defaultValue:"MT"}))),l.a.createElement("div",{className:"slds-form-element__row"},l.a.createElement(s.b,{formElementClassName:"slds-size_4-of-6",labelContent:"Shipping Zip/Postal Code",inputId:"input-15"},l.a.createElement(c.a,{id:"input-15"})),l.a.createElement(s.b,{formElementClassName:"slds-size_2-of-6",labelContent:"Shipping Country",inputId:"input-16"},l.a.createElement(c.a,{id:"input-16",defaultValue:"Canada"}))))))};d.propTypes={hasTooltip:r.a.bool,isRequired:r.a.bool};t.default=[{id:"compound-default",label:"".concat("Compound"," - Default"),context:"".concat("Compound"),element:l.a.createElement(o.a,{labelContent:"Location"},l.a.createElement(o.b,null,l.a.createElement("div",{className:"slds-size_1-of-2"},l.a.createElement(s.b,{labelContent:"Latitude",inputId:"input-01"},l.a.createElement(c.a,{id:"input-01"}))),l.a.createElement("div",{className:"slds-size_1-of-2"},l.a.createElement(s.b,{labelContent:"Longitude",inputId:"input-02"},l.a.createElement(c.a,{id:"input-02"})))))}];var u=[{id:"required",label:"".concat("Compound"," - Required"),context:"".concat("Compound"),element:l.a.createElement(o.a,{labelContent:"Location",isRequired:!0},l.a.createElement(o.b,null,l.a.createElement("div",{className:"slds-size_1-of-2"},l.a.createElement(s.b,{labelContent:"Latitude",inputId:"input-03"},l.a.createElement(c.a,{id:"input-03"}))),l.a.createElement("div",{className:"slds-size_1-of-2"},l.a.createElement(s.b,{labelContent:"Longitude",inputId:"input-04"},l.a.createElement(c.a,{id:"input-04"})))))},{id:"help-text",label:"".concat("Compound"," - Help text icon with tooltip"),context:"".concat("Compound"),element:l.a.createElement(o.a,{labelContent:"Location",hasTooltip:!0},l.a.createElement(o.b,null,l.a.createElement("div",{className:"slds-size_1-of-2"},l.a.createElement(s.b,{labelContent:"Latitude",inputId:"input-05"},l.a.createElement(c.a,{id:"input-05"}))),l.a.createElement("div",{className:"slds-size_1-of-2"},l.a.createElement(s.b,{labelContent:"Longitude",inputId:"input-06"},l.a.createElement(c.a,{id:"input-06"})))))},{id:"has-error",label:"".concat("Compound"," - Error"),context:"".concat("Compound"),element:l.a.createElement(o.a,{labelContent:"Location",isRequired:!0},l.a.createElement(o.b,null,l.a.createElement("div",{className:"slds-size_1-of-2"},l.a.createElement(s.b,{labelContent:"Latitude",inputId:"input-07",isRequired:!0,hasError:!0,errorId:"error-message-unique-id",inlineMessage:"This field is required"},l.a.createElement(c.a,{id:"input-07",required:!0,"aria-describedby":"error-message-unique-id"}))),l.a.createElement("div",{className:"slds-size_1-of-2"},l.a.createElement(s.b,{labelContent:"Longitude",inputId:"input-08"},l.a.createElement(c.a,{id:"input-08"})))))},{id:"compound-field-required",label:"".concat("Compound"," - Form Layout (Required)"),context:"".concat("Compound"),element:l.a.createElement(d,null)},{id:"compound-field-required-tooltip-help",label:"".concat("Compound"," - Form Layout (Required with Tooltip Help)"),context:"".concat("Compound"),element:l.a.createElement(d,null)}],m=[{id:"deprecated-stacked",label:"Deprecated - Compound form element",context:"Deprecated",element:l.a.createElement(s.a,{label:"Location",hasCompoundFields:!0,isDeprecated:!0},l.a.createElement("div",{className:"slds-form-element__group"},l.a.createElement("div",{className:"slds-form-element__row"},l.a.createElement(s.b,{formElementClassName:"slds-size_1-of-2",labelContent:"Longitude",inputId:"location-longitude-01"},l.a.createElement(c.a,{id:"location-longitude-01",defaultValue:"10.283"})),l.a.createElement(s.b,{formElementClassName:"slds-size_1-of-2",labelContent:"Latitude",inputId:"location-latitude-02"},l.a.createElement(c.a,{id:"location-latitude-02",defaultValue:"54.293"})))))},{id:"compound-field",label:"".concat("Compound"," - Form Layout"),context:"".concat("Compound"),element:l.a.createElement(d,null)}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/form-element/compound/example.jsx.js"]=function(e){function t(t){for(var n,i,r=t[0],s=t[1],c=t[2],u=0,m=[];u<r.length;u++)i=r[u],Object.prototype.hasOwnProperty.call(l,i)&&l[i]&&m.push(l[i][0]),l[i]=0;for(n in s)Object.prototype.hasOwnProperty.call(s,n)&&(e[n]=s[n]);for(d&&d(t);m.length;)m.shift()();return o.push.apply(o,c\|\|[]),a()}function a(){for(var e,t=0;t<o.length;t++){for(var a=o[t],n=!0,r=1;r<a.length;r++){var s=a[r];0!==l[s]&&(n=!1)}n&&(o.splice(t--,1),e=i(i.s=a[0]))}return e}var n={},l={86:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},o=[];function i(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,i),a.l=!0,a.exports}i.m=e,i.c=n,i.d=function(e,t,a){i.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(i.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)i.d(a,n,function(t){return e[t]}.bind(null,n));return a},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var r=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],s=r.push.bind(r);r.push=t,r=r.slice();for(var c=0;c<r.length;c++)t(r[c]);var d=s;return o.push([709,0]),a()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},709:function(e,t,a){"use strict";a.r(t),a.d(t,"states",(function(){return u})),a.d(t,"examples",(function(){return m}));var n=a(0),l=a.n(n),o=a(30),i=a(1),r=a.n(i),s=a(5),c=a(13),d=function(e){var t=e.hasTooltip,a=e.isRequired;return l.a.createElement(l.a.Fragment,null,l.a.createElement(s.a,{hasCompoundFields:!0,hasTooltip:t,isRequired:a,isDeprecated:!0,label:"Location"},l.a.createElement("div",{className:"slds-form-element__group"},l.a.createElement("div",{className:"slds-form-element__row"},l.a.createElement(s.b,{formElementClassName:"slds-size_1-of-2",labelContent:"Latitude",inputId:"input-10"},l.a.createElement(c.a,{id:"input-10"})),l.a.createElement(s.b,{formElementClassName:"slds-size_1-of-2",labelContent:"Longitude",inputId:"input-11"},l.a.createElement(c.a,{id:"input-11"}))))),l.a.createElement(s.a,{hasCompoundFields:!0,label:"Shipping Address",isAddress:!0,isDeprecated:!0},l.a.createElement("div",{className:"slds-form-element__group"},l.a.createElement("div",{className:"slds-form-element__row"},l.a.createElement(s.b,{formElementClassName:"slds-size_1-of-1",labelContent:"Shipping Street",inputId:"input-12"},l.a.createElement(c.a,{id:"input-12"}))),l.a.createElement("div",{className:"slds-form-element__row"},l.a.createElement(s.b,{formElementClassName:"slds-size_4-of-6",labelContent:"Shipping City",inputId:"input-13"},l.a.createElement(c.a,{id:"input-13"})),l.a.createElement(s.b,{formElementClassName:"slds-size_2-of-6",labelContent:"Shipping State/Province",inputId:"input-14"},l.a.createElement(c.a,{id:"input-14",defaultValue:"MT"}))),l.a.createElement("div",{className:"slds-form-element__row"},l.a.createElement(s.b,{formElementClassName:"slds-size_4-of-6",labelContent:"Shipping Zip/Postal Code",inputId:"input-15"},l.a.createElement(c.a,{id:"input-15"})),l.a.createElement(s.b,{formElementClassName:"slds-size_2-of-6",labelContent:"Shipping Country",inputId:"input-16"},l.a.createElement(c.a,{id:"input-16",defaultValue:"Canada"}))))))};d.propTypes={hasTooltip:r.a.bool,isRequired:r.a.bool};t.default=[{id:"compound-default",label:"".concat("Compound"," - Default"),context:"".concat("Compound"),element:l.a.createElement(o.a,{labelContent:"Location"},l.a.createElement(o.b,null,l.a.createElement("div",{className:"slds-size_1-of-2"},l.a.createElement(s.b,{labelContent:"Latitude",inputId:"input-01"},l.a.createElement(c.a,{id:"input-01"}))),l.a.createElement("div",{className:"slds-size_1-of-2"},l.a.createElement(s.b,{labelContent:"Longitude",inputId:"input-02"},l.a.createElement(c.a,{id:"input-02"})))))}];var u=[{id:"required",label:"".concat("Compound"," - Required"),context:"".concat("Compound"),element:l.a.createElement(o.a,{labelContent:"Location",isRequired:!0},l.a.createElement(o.b,null,l.a.createElement("div",{className:"slds-size_1-of-2"},l.a.createElement(s.b,{labelContent:"Latitude",inputId:"input-03"},l.a.createElement(c.a,{id:"input-03"}))),l.a.createElement("div",{className:"slds-size_1-of-2"},l.a.createElement(s.b,{labelContent:"Longitude",inputId:"input-04"},l.a.createElement(c.a,{id:"input-04"})))))},{id:"help-text",label:"".concat("Compound"," - Help text icon with tooltip"),context:"".concat("Compound"),element:l.a.createElement(o.a,{labelContent:"Location",hasTooltip:!0},l.a.createElement(o.b,null,l.a.createElement("div",{className:"slds-size_1-of-2"},l.a.createElement(s.b,{labelContent:"Latitude",inputId:"input-05"},l.a.createElement(c.a,{id:"input-05"}))),l.a.createElement("div",{className:"slds-size_1-of-2"},l.a.createElement(s.b,{labelContent:"Longitude",inputId:"input-06"},l.a.createElement(c.a,{id:"input-06"})))))},{id:"has-error",label:"".concat("Compound"," - Error"),context:"".concat("Compound"),element:l.a.createElement(o.a,{labelContent:"Location",isRequired:!0},l.a.createElement(o.b,null,l.a.createElement("div",{className:"slds-size_1-of-2"},l.a.createElement(s.b,{labelContent:"Latitude",inputId:"input-07",isRequired:!0,hasError:!0,errorId:"error-message-unique-id",inlineMessage:"This field is required"},l.a.createElement(c.a,{id:"input-07",required:!0,"aria-describedby":"error-message-unique-id"}))),l.a.createElement("div",{className:"slds-size_1-of-2"},l.a.createElement(s.b,{labelContent:"Longitude",inputId:"input-08"},l.a.createElement(c.a,{id:"input-08"})))))},{id:"compound-field-required",label:"".concat("Compound"," - Form Layout (Required)"),context:"".concat("Compound"),element:l.a.createElement(d,null)},{id:"compound-field-required-tooltip-help",label:"".concat("Compound"," - Form Layout (Required with Tooltip Help)"),context:"".concat("Compound"),element:l.a.createElement(d,null)}],m=[{id:"deprecated-stacked",label:"Deprecated - Compound form element",context:"Deprecated",element:l.a.createElement(s.a,{label:"Location",hasCompoundFields:!0,isDeprecated:!0},l.a.createElement("div",{className:"slds-form-element__group"},l.a.createElement("div",{className:"slds-form-element__row"},l.a.createElement(s.b,{formElementClassName:"slds-size_1-of-2",labelContent:"Longitude",inputId:"location-longitude-01"},l.a.createElement(c.a,{id:"location-longitude-01",defaultValue:"10.283"})),l.a.createElement(s.b,{formElementClassName:"slds-size_1-of-2",labelContent:"Latitude",inputId:"location-latitude-02"},l.a.createElement(c.a,{id:"location-latitude-02",defaultValue:"54.293"})))))},{id:"compound-field",label:"".concat("Compound"," - Form Layout"),context:"".concat("Compound"),element:l.a.createElement(d,null)}]}});

package/__internal/chunked/showcase/ui/components/form-element/horizontal/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/form-element/horizontal/example.jsx.js"]=function(e){function t(t){for(var o,l,i=t[0],c=t[1],d=t[2],u=0,p=[];u<i.length;u++)l=i[u],Object.prototype.hasOwnProperty.call(a,l)&&a[l]&&p.push(a[l][0]),a[l]=0;for(o in c)Object.prototype.hasOwnProperty.call(c,o)&&(e[o]=c[o]);for(s&&s(t);p.length;)p.shift()();return r.push.apply(r,d\|\|[]),n()}function n(){for(var e,t=0;t<r.length;t++){for(var n=r[t],o=!0,i=1;i<n.length;i++){var c=n[i];0!==a[c]&&(o=!1)}o&&(r.splice(t--,1),e=l(l.s=n[0]))}return e}var o={},a={87:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},r=[];function l(t){if(o[t])return o[t].exports;var n=o[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,l),n.l=!0,n.exports}l.m=e,l.c=o,l.d=function(e,t,n){l.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(l.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)l.d(n,o,function(t){return e[t]}.bind(null,o));return n},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],c=i.push.bind(i);i.push=t,i=i.slice();for(var d=0;d<i.length;d++)t(i[d]);var s=c;return r.push([606,0]),n()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},606:function(e,t,n){"use strict";n.r(t),n.d(t,"states",(function(){return p})),n.d(t,"examples",(function(){return h}));var o=n(0),a=n.n(o),r=n(48),l=n(49),i=n(5),c=n(13),d=n(43),s=n(30),u=n(26);t.default=[{id:"form-element-horizontal-default",label:"".concat("Horizontal"," - Default"),context:"".concat("Horizontal"),element:a.a.createElement(r.a,{direction:"horizontal",snapshot:l.c,isViewMode:!0,hasInlineEdit:!0})}];var p=[{id:"edit-horizontal",label:"".concat("Horizontal"," - Edit Mode"),context:"".concat("Horizontal"),element:a.a.createElement(r.a,{direction:"horizontal",snapshot:l.c})},{id:"form-element-horizontal-edit-error",label:"".concat("Horizontal"," - (Edit Mode with Error)"),context:"".concat("Horizontal"),element:a.a.createElement(r.a,{direction:"horizontal",snapshot:l.d})}],h=[{id:"horizontal-single-column",label:"".concat("Horizontal"," - 1 column - Read Only Mode"),context:"".concat("Horizontal"),element:a.a.createElement(r.a,{direction:"horizontal",snapshot:l.e,isViewMode:!0})},{id:"deprecated-view-horizontal",label:"".concat("Horizontal"," - View Mode (Deprecated)"),context:"Deprecated",element:a.a.createElement(r.a,{direction:"horizontal",snapshot:l.a,isViewMode:!0,hasInlineEdit:!0,isDeprecated:!0})},{id:"deprecated-edit-horizontal",label:"".concat("Horizontal"," - Edit Mode (Deprecated)"),context:"Deprecated",element:a.a.createElement(r.a,{direction:"horizontal",snapshot:l.a,isDeprecated:!0})},{id:"simple-horizontal",label:"".concat("Horizontal"," - Simple form layout"),context:"".concat("Horizontal"),element:a.a.createElement("div",{className:"slds-form"},a.a.createElement(i.b,{labelContent:"Text Input",inputId:"horizontal-input-id-01",isHorizontal:!0},a.a.createElement(c.a,{id:"horizontal-input-id-01",placeholder:"Placeholder text…"})),a.a.createElement(i.b,{labelContent:"Textarea Input",inputId:"horizontal-input-id-02",isHorizontal:!0},a.a.createElement(d.Textarea,{id:"horizontal-input-id-02",placeholder:"Placeholder text…"})),a.a.createElement(i.a,{label:"Checkbox Group Label",isHorizontal:!0},a.a.createElement(u.Checkbox,{label:"All opportunities owned by you",name:"default"}),a.a.createElement(u.Checkbox,{label:"All contacts in the account owned by you",name:"default"})),a.a.createElement(i.a,{label:"Radio Group Label",isHorizontal:!0},a.a.createElement(s.Radio,{label:"Lead generation",name:"options"}),a.a.createElement(s.Radio,{label:"Education leads",name:"options"})))},{id:"horizontal",label:"".concat("Horizontal"," - View Mode"),element:a.a.createElement(r.a,{direction:"horizontal",snapshot:l.c,isViewMode:!0,hasInlineEdit:!0})}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/form-element/horizontal/example.jsx.js"]=function(e){function t(t){for(var o,l,i=t[0],c=t[1],d=t[2],u=0,p=[];u<i.length;u++)l=i[u],Object.prototype.hasOwnProperty.call(a,l)&&a[l]&&p.push(a[l][0]),a[l]=0;for(o in c)Object.prototype.hasOwnProperty.call(c,o)&&(e[o]=c[o]);for(s&&s(t);p.length;)p.shift()();return r.push.apply(r,d\|\|[]),n()}function n(){for(var e,t=0;t<r.length;t++){for(var n=r[t],o=!0,i=1;i<n.length;i++){var c=n[i];0!==a[c]&&(o=!1)}o&&(r.splice(t--,1),e=l(l.s=n[0]))}return e}var o={},a={87:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},r=[];function l(t){if(o[t])return o[t].exports;var n=o[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,l),n.l=!0,n.exports}l.m=e,l.c=o,l.d=function(e,t,n){l.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:n})},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.t=function(e,t){if(1&t&&(e=l(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(l.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)l.d(n,o,function(t){return e[t]}.bind(null,o));return n},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,"a",t),t},l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],c=i.push.bind(i);i.push=t,i=i.slice();for(var d=0;d<i.length;d++)t(i[d]);var s=c;return r.push([606,0]),n()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},606:function(e,t,n){"use strict";n.r(t),n.d(t,"states",(function(){return p})),n.d(t,"examples",(function(){return h}));var o=n(0),a=n.n(o),r=n(48),l=n(49),i=n(5),c=n(13),d=n(43),s=n(31),u=n(27);t.default=[{id:"form-element-horizontal-default",label:"".concat("Horizontal"," - Default"),context:"".concat("Horizontal"),element:a.a.createElement(r.a,{direction:"horizontal",snapshot:l.c,isViewMode:!0,hasInlineEdit:!0})}];var p=[{id:"edit-horizontal",label:"".concat("Horizontal"," - Edit Mode"),context:"".concat("Horizontal"),element:a.a.createElement(r.a,{direction:"horizontal",snapshot:l.c})},{id:"form-element-horizontal-edit-error",label:"".concat("Horizontal"," - (Edit Mode with Error)"),context:"".concat("Horizontal"),element:a.a.createElement(r.a,{direction:"horizontal",snapshot:l.d})}],h=[{id:"horizontal-single-column",label:"".concat("Horizontal"," - 1 column - Read Only Mode"),context:"".concat("Horizontal"),element:a.a.createElement(r.a,{direction:"horizontal",snapshot:l.e,isViewMode:!0})},{id:"deprecated-view-horizontal",label:"".concat("Horizontal"," - View Mode (Deprecated)"),context:"Deprecated",element:a.a.createElement(r.a,{direction:"horizontal",snapshot:l.a,isViewMode:!0,hasInlineEdit:!0,isDeprecated:!0})},{id:"deprecated-edit-horizontal",label:"".concat("Horizontal"," - Edit Mode (Deprecated)"),context:"Deprecated",element:a.a.createElement(r.a,{direction:"horizontal",snapshot:l.a,isDeprecated:!0})},{id:"simple-horizontal",label:"".concat("Horizontal"," - Simple form layout"),context:"".concat("Horizontal"),element:a.a.createElement("div",{className:"slds-form"},a.a.createElement(i.b,{labelContent:"Text Input",inputId:"horizontal-input-id-01",isHorizontal:!0},a.a.createElement(c.a,{id:"horizontal-input-id-01",placeholder:"Placeholder text…"})),a.a.createElement(i.b,{labelContent:"Textarea Input",inputId:"horizontal-input-id-02",isHorizontal:!0},a.a.createElement(d.Textarea,{id:"horizontal-input-id-02",placeholder:"Placeholder text…"})),a.a.createElement(i.a,{label:"Checkbox Group Label",isHorizontal:!0},a.a.createElement(u.Checkbox,{label:"All opportunities owned by you",name:"default"}),a.a.createElement(u.Checkbox,{label:"All contacts in the account owned by you",name:"default"})),a.a.createElement(i.a,{label:"Radio Group Label",isHorizontal:!0},a.a.createElement(s.Radio,{label:"Lead generation",name:"options"}),a.a.createElement(s.Radio,{label:"Education leads",name:"options"})))},{id:"horizontal",label:"".concat("Horizontal"," - View Mode"),element:a.a.createElement(r.a,{direction:"horizontal",snapshot:l.c,isViewMode:!0,hasInlineEdit:!0})}]}});

package/__internal/chunked/showcase/ui/components/form-element/stacked/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/form-element/stacked/example.jsx.js"]=function(e){function t(t){for(var n,r,l=t[0],d=t[1],i=t[2],u=0,p=[];u<l.length;u++)r=l[u],Object.prototype.hasOwnProperty.call(c,r)&&c[r]&&p.push(c[r][0]),c[r]=0;for(n in d)Object.prototype.hasOwnProperty.call(d,n)&&(e[n]=d[n]);for(s&&s(t);p.length;)p.shift()();return o.push.apply(o,i\|\|[]),a()}function a(){for(var e,t=0;t<o.length;t++){for(var a=o[t],n=!0,l=1;l<a.length;l++){var d=a[l];0!==c[d]&&(n=!1)}n&&(o.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},c={89:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},o=[];function r(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=n,r.d=function(e,t,a){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(a,n,function(t){return e[t]}.bind(null,n));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var l=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],d=l.push.bind(l);l.push=t,l=l.slice();for(var i=0;i<l.length;i++)t(l[i]);var s=d;return o.push([596,0]),a()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},596:function(e,t,a){"use strict";a.r(t),a.d(t,"states",(function(){return p})),a.d(t,"examples",(function(){return f}));var n=a(0),c=a.n(n),o=a(48),r=a(49),l=a(5),d=a(13),i=a(43),s=a(30),u=a(26);t.default=[{id:"stacked-default",label:"".concat("Stacked"," - Default"),context:"".concat("Stacked"),element:c.a.createElement(o.a,{direction:"stacked",snapshot:r.b,isViewMode:!0,hasInlineEdit:!0})}];var p=[{id:"edit-stacked",label:"".concat("Stacked"," - Edit Mode"),context:"".concat("Stacked"),element:c.a.createElement(o.a,{direction:"stacked",snapshot:r.b})}],f=[{id:"stacked-single-column",label:"".concat("Stacked"," - 1 column Read Only"),context:"".concat("Stacked"),element:c.a.createElement(o.a,{direction:"stacked",snapshot:r.e,isViewMode:!0})},{id:"deprecated-view-stacked",label:"".concat("Stacked"," - View Mode (Deprecated)"),context:"Deprecated",element:c.a.createElement(o.a,{direction:"stacked",snapshot:r.a,isViewMode:!0,hasInlineEdit:!0,isDeprecated:!0})},{id:"deprecated-edit-stacked",label:"Deprecated - Stacked form layout - Edit Mode",context:"Deprecated",element:c.a.createElement(o.a,{direction:"stacked",snapshot:r.a,isDeprecated:!0})},{id:"simple-stacked",label:"".concat("Stacked"," - Simple form layout"),context:"".concat("Stacked"),element:c.a.createElement("div",{className:"slds-form"},c.a.createElement(l.b,{labelContent:"Text Input",inputId:"stacked-input-id-01",isStacked:!0},c.a.createElement(d.a,{id:"stacked-input-id-01",placeholder:"Placeholder text…"})),c.a.createElement(l.b,{labelContent:"Textarea Input",inputId:"stacked-input-id-02",isStacked:!0},c.a.createElement(i.Textarea,{id:"stacked-input-id-02",placeholder:"Placeholder text…"})),c.a.createElement(l.a,{label:"Checkbox Group Label",isStacked:!0},c.a.createElement(u.Checkbox,{label:"All opportunities owned by you",name:"default"}),c.a.createElement(u.Checkbox,{label:"All contacts in the account owned by you",name:"default"})),c.a.createElement(l.a,{label:"Radio Group Label",isStacked:!0},c.a.createElement(s.Radio,{label:"Lead generation",name:"options"}),c.a.createElement(s.Radio,{label:"Education leads",name:"options"})))},{id:"stacked",label:"".concat("Stacked"," - View Mode"),context:"".concat("Stacked"),element:c.a.createElement(o.a,{direction:"stacked",snapshot:r.b,isViewMode:!0,hasInlineEdit:!0})}]}});
1	+ var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/form-element/stacked/example.jsx.js"]=function(e){function t(t){for(var n,r,l=t[0],d=t[1],i=t[2],u=0,p=[];u<l.length;u++)r=l[u],Object.prototype.hasOwnProperty.call(c,r)&&c[r]&&p.push(c[r][0]),c[r]=0;for(n in d)Object.prototype.hasOwnProperty.call(d,n)&&(e[n]=d[n]);for(s&&s(t);p.length;)p.shift()();return o.push.apply(o,i\|\|[]),a()}function a(){for(var e,t=0;t<o.length;t++){for(var a=o[t],n=!0,l=1;l<a.length;l++){var d=a[l];0!==c[d]&&(n=!1)}n&&(o.splice(t--,1),e=r(r.s=a[0]))}return e}var n={},c={89:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},o=[];function r(t){if(n[t])return n[t].exports;var a=n[t]={i:t,l:!1,exports:{}};return e[t].call(a.exports,a,a.exports,r),a.l=!0,a.exports}r.m=e,r.c=n,r.d=function(e,t,a){r.o(e,t)\|\|Object.defineProperty(e,t,{enumerable:!0,get:a})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var a=Object.create(null);if(r.r(a),Object.defineProperty(a,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)r.d(a,n,function(t){return e[t]}.bind(null,n));return a},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var l=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase\|\|[],d=l.push.bind(l);l.push=t,l=l.slice();for(var i=0;i<l.length;i++)t(l[i]);var s=d;return o.push([596,0]),a()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},596:function(e,t,a){"use strict";a.r(t),a.d(t,"states",(function(){return p})),a.d(t,"examples",(function(){return f}));var n=a(0),c=a.n(n),o=a(48),r=a(49),l=a(5),d=a(13),i=a(43),s=a(31),u=a(27);t.default=[{id:"stacked-default",label:"".concat("Stacked"," - Default"),context:"".concat("Stacked"),element:c.a.createElement(o.a,{direction:"stacked",snapshot:r.b,isViewMode:!0,hasInlineEdit:!0})}];var p=[{id:"edit-stacked",label:"".concat("Stacked"," - Edit Mode"),context:"".concat("Stacked"),element:c.a.createElement(o.a,{direction:"stacked",snapshot:r.b})}],f=[{id:"stacked-single-column",label:"".concat("Stacked"," - 1 column Read Only"),context:"".concat("Stacked"),element:c.a.createElement(o.a,{direction:"stacked",snapshot:r.e,isViewMode:!0})},{id:"deprecated-view-stacked",label:"".concat("Stacked"," - View Mode (Deprecated)"),context:"Deprecated",element:c.a.createElement(o.a,{direction:"stacked",snapshot:r.a,isViewMode:!0,hasInlineEdit:!0,isDeprecated:!0})},{id:"deprecated-edit-stacked",label:"Deprecated - Stacked form layout - Edit Mode",context:"Deprecated",element:c.a.createElement(o.a,{direction:"stacked",snapshot:r.a,isDeprecated:!0})},{id:"simple-stacked",label:"".concat("Stacked"," - Simple form layout"),context:"".concat("Stacked"),element:c.a.createElement("div",{className:"slds-form"},c.a.createElement(l.b,{labelContent:"Text Input",inputId:"stacked-input-id-01",isStacked:!0},c.a.createElement(d.a,{id:"stacked-input-id-01",placeholder:"Placeholder text…"})),c.a.createElement(l.b,{labelContent:"Textarea Input",inputId:"stacked-input-id-02",isStacked:!0},c.a.createElement(i.Textarea,{id:"stacked-input-id-02",placeholder:"Placeholder text…"})),c.a.createElement(l.a,{label:"Checkbox Group Label",isStacked:!0},c.a.createElement(u.Checkbox,{label:"All opportunities owned by you",name:"default"}),c.a.createElement(u.Checkbox,{label:"All contacts in the account owned by you",name:"default"})),c.a.createElement(l.a,{label:"Radio Group Label",isStacked:!0},c.a.createElement(s.Radio,{label:"Lead generation",name:"options"}),c.a.createElement(s.Radio,{label:"Education leads",name:"options"})))},{id:"stacked",label:"".concat("Stacked"," - View Mode"),context:"".concat("Stacked"),element:c.a.createElement(o.a,{direction:"stacked",snapshot:r.b,isViewMode:!0,hasInlineEdit:!0})}]}});