npm - @salesforce-ux/design-system - Versions diffs - 2.29.0 → 2.29.1 - Mend

@salesforce-ux/design-system 2.29.0 → 2.29.1

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/input/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,t={1144:function(e,t,n){n.r(t),n.d(t,{examples:function(){return Z},states:function(){return R}});var l=n(1594),r=n.n(l),a=n(~~7412~~),i=n.n(a),o=n(5526),d=n(8347),s=n(6955),c=n(8542),u=n(2711),p=n(6333),m=n.n(p),b="Input Label",f="Placeholder text…",h=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,isRequired:!0},r().createElement(o.A,{id:e,placeholder:f,required:!0}))},E=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return r().createElement(u.ZS,{hasError:!0,labelContent:b,inputId:e,errorId:t,isRequired:!0,inlineMessage:"Enter a value."},r().createElement(o.A,{id:e,placeholder:f,required:!0,"aria-describedby":t}))},_=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return r().createElement(u.ZS,{hasError:!0,labelContent:b,inputId:e,hasLeftIcon:!0,errorId:t,isRequired:!0,inlineMessage:"Enter a value."},r().createElement(d.A,{className:"slds-input__icon",sprite:"utility",symbol:"error"}),r().createElement(o.A,{id:e,required:!0,placeholder:f,"aria-describedby":t}))},y=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return r().createElement(u.ZS,{isHorizontal:!0,hasError:!0,labelContent:b,inputId:e,hasLeftIcon:!0,errorId:t,isRequired:!0,inlineMessage:"Enter a value.",column:1},r().createElement(d.A,{className:"slds-input__icon",sprite:"utility",symbol:"error"}),r().createElement(o.A,{id:e,required:!0,placeholder:f,"aria-describedby":t}))},v=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e},r().createElement(o.A,{id:e,placeholder:f,disabled:!0}))},x=function(e){var t=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:t},r().createElement(o.A,{id:t,readOnly:!0,hasBorders:e.hasBorders,defaultValue:"Read Only",placeholder:""}))},I=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,hasLeftIcon:!0},r().createElement(d.A,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),r().createElement(o.A,{id:e,placeholder:f}))},S=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,hasRightIcon:!0},r().createElement(d.A,{className:"slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default",sprite:"utility",symbol:"search"}),r().createElement(o.A,{id:e,placeholder:f}))},g=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,hasLeftIcon:!0,hasRightIcon:!0},r().createElement(d.A,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),r().createElement(o.A,{id:e,placeholder:f}),r().createElement(s.A,{symbol:"clear",className:"slds-input__icon slds-input__icon_right",iconClassName:"slds-icon-text-light",assistiveText:"Clear",title:"Clear"}))},C=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,hasLeftIcon:!0,hasRightIcon:!0,hasRightIconGroup:!0},r().createElement(d.A,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),r().createElement(o.A,{id:e,placeholder:f}),r().createElement("div",{className:"slds-input__icon-group slds-input__icon-group_right"},r().createElement(c.Spinner,{className:"slds-spinner_brand slds-spinner_x-small slds-input__spinner"}),r().createElement(s.A,{symbol:"clear",className:"slds-input__icon slds-input__icon_right",iconClassName:"slds-icon-text-light",assistiveText:"Clear",title:"Clear"})))},A=function(e){var t=m()("".concat(e.type,"-input-id-"));return r().createElement(u.ZS,{labelContent:e.label,inputId:t},r().createElement(o.A,{id:t,type:e.type,placeholder:e.placeholder,value:e.value}))};A.propTypes={type:i().string,label:i().string,placeholder:i().string},A.defaultProps={label:"Input Label"};var N=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,formControlClassName:"slds-input-has-fixed-addon",labelId:"fixed-text-label"},r().createElement("span",{className:"slds-form-element__addon",id:"fixed-text-addon-pre"},"$"),r().createElement(o.A,{id:e,placeholder:f,"aria-labelledby":"fixed-text-label fixed-text-addon-pre fixed-text-addon-post"}),r().createElement("span",{className:"slds-form-element__addon",id:"fixed-text-addon-post"},"euro"))},w=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return r().createElement(u.ZS,{labelId:"inline-text-label",labelContent:b,inputId:e,errorId:t,inlineMessage:"ex: (415)111-2222"},r().createElement(o.A,{id:e,placeholder:f,"aria-describedby":t}))},L=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,hasTooltip:!0,showTooltip:!0},r().createElement(o.A,{id:e,placeholder:f}))},O=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e},r().createElement(o.A,{id:e,isBare:!0,placeholder:f}))};t.default=[{id:"default",label:"Default",element:r().createElement(u.ZS,{labelContent:b,inputId:"text-input-id-0"},r().createElement(o.A,{id:"text-input-id-0",placeholder:f}))}];var R=[{id:"input-required",label:"Required",element:r().createElement(h,null)},{id:"input-disabled",label:"Disabled",element:r().createElement(v,null)},{id:"input-error",label:"Error",element:r().createElement(E,null)},{id:"input-error-icon",label:"Error with icon",element:r().createElement(_,null)},{id:"input-error-icon-horizontal",label:"Error with icon in Horizontal Form",element:r().createElement(y,null)},{id:"read-only",label:"Readonly",element:r().createElement(x,null)},{id:"read-only-borders",label:"Readonly with borders",element:r().createElement(x,{hasBorders:!0})},{id:"static",label:"Static",element:r().createElement(u.GN,null,r().createElement("span",{className:"slds-form-element__label"},"Input Label"),r().createElement(u.qz,null,r().createElement("span",{className:"slds-form-element__static"},"Read Only")))}],Z=[{id:"left-icon",label:"Left Icon",element:r().createElement(I,null)},{id:"right-icon",label:"Right Icon",element:r().createElement(S,null)},{id:"double-icon",label:"Left Icon & Clear Button",element:r().createElement(g,null)},{id:"double-icon-spinner",label:"Clear Button with Spinner",element:r().createElement(C,null)},{id:"email-input",label:"Email Input",element:r().createElement(A,{type:"email",label:"Email",placeholder:"Email"})},{id:"date-input",label:"Date Input",element:r().createElement(A,{type:"date"})},{id:"date-input-default",label:"Date Input w/ Date Selected by Default",element:r().createElement(A,{type:"date",value:"2023-09-25"})},{id:"search-input",label:"Search Input",element:r().createElement(A,{type:"search"})},{id:"url-input",label:"URL Input",element:r().createElement(A,{type:"url"})},{id:"tel-input",label:"Telephone Input",element:r().createElement(A,{type:"tel"})},{id:"fixed-text",label:"Fixed text",element:r().createElement(N,null)},{id:"inline-help",label:"Inline Help",element:r().createElement(w,null)},{id:"field-level-help",label:"Field level help",demoStyles:"\n padding-top: 3rem;\n position: relative;\n ",storybookStyles:"\n padding-top: 4rem;\n position: relative;\n ",element:r().createElement(L,null)},{id:"bare",label:"Bare",element:r().createElement(O,null)}]},1594:function(e){e.exports=React}},n={};function l(e){var r=n[e];if(void 0!==r)return r.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,l),a.exports}l.m=t,l.amdO={},e=[],l.O=function(t,n,r,a){if(!n){var i=1/0;for(c=0;c<e.length;c++){n=e[c][0],r=e[c][1],a=e[c][2];for(var o=!0,d=0;d<n.length;d++)(!1&a\|\|i>=a)&&Object.keys(l.O).every(function(e){return l.O[e](n[d])})?n.splice(d--,1):(o=!1,a<i&&(i=a));if(o){e.splice(c--,1);var s=r();void 0!==s&&(t=s)}}return t}a=a\|\|0;for(var c=e.length;c>0&&e[c-1][2]>a;c--)e[c]=e[c-1];e[c]=[n,r,a]},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,{a:t}),t},l.d=function(e,t){for(var n in t)l.o(t,n)&&!l.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=1926,function(){var e={518:0,1117:0,1252:0,1578:0,1926:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};l.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,a,i=n[0],o=n[1],d=n[2],s=0;if(i.some(function(t){return 0!==e[t]})){for(r in o)l.o(o,r)&&(l.m[r]=o[r]);if(d)var c=d(l)}for(t&&t(n);s<i.length;s++)a=i[s],l.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return l.O(c)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),l.nc=void 0;var r=l.O(void 0,[6790],function(){return l(1144)});r=l.O(r),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/input/base/example.jsx.js"]=r}();
1	+ var SLDS;!function(){"use strict";var e,t={1144:function(e,t,n){n.r(t),n.d(t,{examples:function(){return Z},states:function(){return R}});var l=n(1594),r=n.n(l),a=n(4187),i=n.n(a),o=n(5526),d=n(8347),s=n(6955),c=n(8542),u=n(2711),p=n(6333),m=n.n(p),b="Input Label",f="Placeholder text…",h=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,isRequired:!0},r().createElement(o.A,{id:e,placeholder:f,required:!0}))},E=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return r().createElement(u.ZS,{hasError:!0,labelContent:b,inputId:e,errorId:t,isRequired:!0,inlineMessage:"Enter a value."},r().createElement(o.A,{id:e,placeholder:f,required:!0,"aria-describedby":t}))},_=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return r().createElement(u.ZS,{hasError:!0,labelContent:b,inputId:e,hasLeftIcon:!0,errorId:t,isRequired:!0,inlineMessage:"Enter a value."},r().createElement(d.A,{className:"slds-input__icon",sprite:"utility",symbol:"error"}),r().createElement(o.A,{id:e,required:!0,placeholder:f,"aria-describedby":t}))},y=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return r().createElement(u.ZS,{isHorizontal:!0,hasError:!0,labelContent:b,inputId:e,hasLeftIcon:!0,errorId:t,isRequired:!0,inlineMessage:"Enter a value.",column:1},r().createElement(d.A,{className:"slds-input__icon",sprite:"utility",symbol:"error"}),r().createElement(o.A,{id:e,required:!0,placeholder:f,"aria-describedby":t}))},v=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e},r().createElement(o.A,{id:e,placeholder:f,disabled:!0}))},x=function(e){var t=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:t},r().createElement(o.A,{id:t,readOnly:!0,hasBorders:e.hasBorders,defaultValue:"Read Only",placeholder:""}))},I=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,hasLeftIcon:!0},r().createElement(d.A,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),r().createElement(o.A,{id:e,placeholder:f}))},S=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,hasRightIcon:!0},r().createElement(d.A,{className:"slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default",sprite:"utility",symbol:"search"}),r().createElement(o.A,{id:e,placeholder:f}))},g=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,hasLeftIcon:!0,hasRightIcon:!0},r().createElement(d.A,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),r().createElement(o.A,{id:e,placeholder:f}),r().createElement(s.A,{symbol:"clear",className:"slds-input__icon slds-input__icon_right",iconClassName:"slds-icon-text-light",assistiveText:"Clear",title:"Clear"}))},C=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,hasLeftIcon:!0,hasRightIcon:!0,hasRightIconGroup:!0},r().createElement(d.A,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),r().createElement(o.A,{id:e,placeholder:f}),r().createElement("div",{className:"slds-input__icon-group slds-input__icon-group_right"},r().createElement(c.Spinner,{className:"slds-spinner_brand slds-spinner_x-small slds-input__spinner"}),r().createElement(s.A,{symbol:"clear",className:"slds-input__icon slds-input__icon_right",iconClassName:"slds-icon-text-light",assistiveText:"Clear",title:"Clear"})))},A=function(e){var t=m()("".concat(e.type,"-input-id-"));return r().createElement(u.ZS,{labelContent:e.label,inputId:t},r().createElement(o.A,{id:t,type:e.type,placeholder:e.placeholder,value:e.value}))};A.propTypes={type:i().string,label:i().string,placeholder:i().string},A.defaultProps={label:"Input Label"};var N=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,formControlClassName:"slds-input-has-fixed-addon",labelId:"fixed-text-label"},r().createElement("span",{className:"slds-form-element__addon",id:"fixed-text-addon-pre"},"$"),r().createElement(o.A,{id:e,placeholder:f,"aria-labelledby":"fixed-text-label fixed-text-addon-pre fixed-text-addon-post"}),r().createElement("span",{className:"slds-form-element__addon",id:"fixed-text-addon-post"},"euro"))},w=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return r().createElement(u.ZS,{labelId:"inline-text-label",labelContent:b,inputId:e,errorId:t,inlineMessage:"ex: (415)111-2222"},r().createElement(o.A,{id:e,placeholder:f,"aria-describedby":t}))},L=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,hasTooltip:!0,showTooltip:!0},r().createElement(o.A,{id:e,placeholder:f}))},O=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e},r().createElement(o.A,{id:e,isBare:!0,placeholder:f}))};t.default=[{id:"default",label:"Default",element:r().createElement(u.ZS,{labelContent:b,inputId:"text-input-id-0"},r().createElement(o.A,{id:"text-input-id-0",placeholder:f}))}];var R=[{id:"input-required",label:"Required",element:r().createElement(h,null)},{id:"input-disabled",label:"Disabled",element:r().createElement(v,null)},{id:"input-error",label:"Error",element:r().createElement(E,null)},{id:"input-error-icon",label:"Error with icon",element:r().createElement(_,null)},{id:"input-error-icon-horizontal",label:"Error with icon in Horizontal Form",element:r().createElement(y,null)},{id:"read-only",label:"Readonly",element:r().createElement(x,null)},{id:"read-only-borders",label:"Readonly with borders",element:r().createElement(x,{hasBorders:!0})},{id:"static",label:"Static",element:r().createElement(u.GN,null,r().createElement("span",{className:"slds-form-element__label"},"Input Label"),r().createElement(u.qz,null,r().createElement("span",{className:"slds-form-element__static"},"Read Only")))}],Z=[{id:"left-icon",label:"Left Icon",element:r().createElement(I,null)},{id:"right-icon",label:"Right Icon",element:r().createElement(S,null)},{id:"double-icon",label:"Left Icon & Clear Button",element:r().createElement(g,null)},{id:"double-icon-spinner",label:"Clear Button with Spinner",element:r().createElement(C,null)},{id:"email-input",label:"Email Input",element:r().createElement(A,{type:"email",label:"Email",placeholder:"Email"})},{id:"date-input",label:"Date Input",element:r().createElement(A,{type:"date"})},{id:"date-input-default",label:"Date Input w/ Date Selected by Default",element:r().createElement(A,{type:"date",value:"2023-09-25"})},{id:"search-input",label:"Search Input",element:r().createElement(A,{type:"search"})},{id:"url-input",label:"URL Input",element:r().createElement(A,{type:"url"})},{id:"tel-input",label:"Telephone Input",element:r().createElement(A,{type:"tel"})},{id:"fixed-text",label:"Fixed text",element:r().createElement(N,null)},{id:"inline-help",label:"Inline Help",element:r().createElement(w,null)},{id:"field-level-help",label:"Field level help",demoStyles:"\n padding-top: 3rem;\n position: relative;\n ",storybookStyles:"\n padding-top: 4rem;\n position: relative;\n ",element:r().createElement(L,null)},{id:"bare",label:"Bare",element:r().createElement(O,null)}]},1594:function(e){e.exports=React}},n={};function l(e){var r=n[e];if(void 0!==r)return r.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,l),a.exports}l.m=t,l.amdO={},e=[],l.O=function(t,n,r,a){if(!n){var i=1/0;for(c=0;c<e.length;c++){n=e[c][0],r=e[c][1],a=e[c][2];for(var o=!0,d=0;d<n.length;d++)(!1&a\|\|i>=a)&&Object.keys(l.O).every(function(e){return l.O[e](n[d])})?n.splice(d--,1):(o=!1,a<i&&(i=a));if(o){e.splice(c--,1);var s=r();void 0!==s&&(t=s)}}return t}a=a\|\|0;for(var c=e.length;c>0&&e[c-1][2]>a;c--)e[c]=e[c-1];e[c]=[n,r,a]},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,{a:t}),t},l.d=function(e,t){for(var n in t)l.o(t,n)&&!l.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=1926,function(){var e={518:0,1117:0,1252:0,1578:0,1926:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};l.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,a,i=n[0],o=n[1],d=n[2],s=0;if(i.some(function(t){return 0!==e[t]})){for(r in o)l.o(o,r)&&(l.m[r]=o[r]);if(d)var c=d(l)}for(t&&t(n);s<i.length;s++)a=i[s],l.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return l.O(c)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),l.nc=void 0;var r=l.O(void 0,[6790],function(){return l(1144)});r=l.O(r),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/input/base/example.jsx.js"]=r}();

package/__internal/chunked/showcase/ui/components/list-builder/base/example.jsx.js CHANGED Viewed

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},3410:function(e,t,l){l.r(t),l.d(t,{default:function(){return de},examples:function(){return ue},states:function(){return ce}});var a=l(1594),n=l.n(a),s=l(7412),r=l.n(s),o=l(1766),i=l(942),d=l.n(i),c=l(806),u=l(538);function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function b(e,t){for(var l=0;l<t.length;l++){var a=t[l];a.enumerable=a.enumerable\|\|!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,p(a.key),a)}}function p(e){var t=function(e){if("object"!=m(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=m(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==m(t)?t:t+""}function h(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(h=function(){return!!e})()}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},y(e)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}var E=function(e){var t=e.isFocused,l=e.isDisabled,a=e.isChecked,s=e.tabIndex,r=e.iconAssistiveText,o=e.iconSize,i=e.iconSymbol,m=e.iconCurrentColor,b=e.onChange,p=e.onFocus,h=e.onBlur,y=c.Ay.uniqueId("example-unique-id-"),f={"slds-checkbox-button_is-focused":t,"slds-checkbox-button_is-checked":a,"slds-checkbox-button_is-disabled":l};return n().createElement("label",{className:d()("slds-checkbox-button",f),htmlFor:y},n().createElement("input",{className:"slds-assistive-text",type:"checkbox",id:y,value:y,disabled:l,defaultChecked:a,tabIndex:s,onChange:b,onFocus:p,onBlur:h}),n().createElement(u.UtilityIcon,{symbol:i,size:o,useCurrentColor:m,assistiveText:r}))};E.defaultProps={iconAssistiveText:"Add product",iconSize:"x-small",iconSymbol:"add",iconCurrentColor:!0},E.propTypes={isDisabled:r().bool,isChecked:r().bool,tabIndex:r().number,iconAssistiveText:r().string,iconSize:r().string,iconSymbol:r().string,iconCurrentColor:r().bool};var v=function(e){function t(e){var l;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(l=function(e,t,l){return t=y(t),function(e,t){if(t&&("object"==m(t)\|\|"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,h()?Reflect.construct(t,l\|\|[],y(e).constructor):t.apply(e,l))}(this,t,[e])).state={checked:!!l.props.isChecked,focused:!1},l.handleCheckboxChange=l.handleCheckboxChange.bind(l),l.handleFocus=l.handleFocus.bind(l),l.handleBlur=l.handleBlur.bind(l),l}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(t,e),l=t,(a=[{key:"handleCheckboxChange",value:function(){this.setState({checked:!this.state.checked})}},{key:"handleFocus",value:function(){this.state.focused\|\|this.setState({focused:!0})}},{key:"handleBlur",value:function(){this.state.focused&&this.setState({focused:!1})}},{key:"render",value:function(){var e=this.props,t=e.iconChecked,l=e.iconUnchecked,a=e.isDisabled,s=e.tabIndex;return n().createElement(E,{onChange:this.handleCheckboxChange,iconSymbol:this.state.checked?t:l,isChecked:this.state.checked,isDisabled:a,isFocused:this.state.focused,onFocus:this.handleFocus,onBlur:this.handleBlur,tabIndex:s})}}])&&b(l.prototype,a),Object.defineProperty(l,"prototype",{writable:!1}),l;var l,a}(a.Component);v.defaultProps={iconChecked:"check",iconUnchecked:"add"},v.propTypes={iconChecked:r().string,iconUnchecked:r().string};var x=l(5159),g=l(6185),_=l(3964),N=l(6955),C=l(5006),S=l(3589),k=l(885);function w(e){return w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},w(e)}function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)({}).hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},T.apply(null,arguments)}function A(e,t,l){return(t=function(e){var t=function(e){if("object"!=w(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=w(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==w(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}var I=n().createContext({isActionableMode:!1});r().string,r().node;var P=function(e){var t=d()("slds-table",{"slds-table_cell-buffer":e.hasCellBuffer,"slds-table_header-hidden":e.hasHiddenHeader,"slds-no-row-hover":e.hasNoRowHover,"slds-no-cell-focus":e.hasNoCellFocus,"slds-table_bordered":e.isBordered,"slds-table_col-bordered":e.isColBordered,"slds-table_edit":e.isEditable,"slds-table_fixed-layout":e.isFixedLayout,"slds-max-medium-table_stacked-horizontal":e.isResponsive,"slds-max-medium-table_stacked":e.isResponsiveStacked,"slds-table_resizable-cols":e.isResizable,"slds-table_striped":e.isStriped,"slds-tree slds-table_tree":"treegrid"===e.type,"slds-table_header-fixed":e.hasFixedHeader});return n().createElement("table",T({"aria-multiselectable":"multiple"===e.selectionType?"true":null,className:t,role:function(){var t=null;switch(e.type){case"advanced":t="grid";break;case"treegrid":t="treegrid"}return t}(),style:e.style},e.ariaLabelledBy&&A({},"aria-labelledby",e.ariaLabelledBy),e.ariaLabel&&A({},"aria-label",e.ariaLabel)),e.children)};P.displayName="Table",P.propTypes={ariaLabel:r().string,ariaLabelledBy:r().string,children:r().node,hasCellBuffer:r().bool,hasHiddenHeader:r().bool,hasNoCellFocus:r().bool,hasNoRowHover:r().bool,isBordered:r().bool,isColBordered:r().bool,isEditable:r().bool,isFixedLayout:r().bool,isResizable:r().bool,isResponsive:r().bool,isResponsiveStacked:r().bool,isStriped:r().bool,selectionType:r().oneOf(["multiple","single"]),style:r().object,type:r().oneOf(["advanced","base","treegrid"]).isRequired,hasFixedHeader:r().bool};var R=function(e){return n().createElement("thead",{className:e.isHidden?"slds-assistive-text":null},e.children)};R.displayName="THead",R.propTypes={children:r().node,isHidden:r().bool};var F=function(e){return n().createElement("tr",{className:"slds-line-height_reset"},e.children)};F.displayName="THeadTr",F.propTypes={children:r().node};var H=function(e){var t,l=(0,a.useContext)(I).isActionableMode,s=d()({"slds-has-button-menu":e.hasMenu,"slds-has-focus":e.hasFocus,"slds-is-resizable":e.isResizable,"slds-text-align_right":e.isRightAligned,"slds-is-sortable":e.isSortable,"slds-is-sorted":"ascending"===e.sortDirection\|\|"descending"===e.sortDirection,"slds-is-sorted_asc":"ascending"===e.sortDirection,"slds-is-sorted_desc":"descending"===e.sortDirection,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":l});return n().createElement("th",{"aria-sort":(t=null,e.isSortable&&(t=e.sortDirection\|\|"none"),t),className:s,scope:!e.isDataTable&&"col",role:e.isDataTable&&"cell",style:e.style},e.isDataTable,e.children)};H.displayName="ColumnTh",H.propTypes={"aria-label":r().string,children:r().node,hasFocus:r().bool,hasMenu:r().bool,isResizable:r().bool,isRightAligned:r().bool,isSortable:r().bool,sortDirection:r().oneOf(["ascending","descending","none"]),style:r().object,hasWrap:r().bool,isDataTable:r().bool};var O=function(e){return n().createElement("div",{className:d()("slds-truncate",{"slds-assistive-text":e.isAssistiveText,"slds-cell-fixed":e.isFixedCell}),id:e.id,title:e.columnName},e.columnName)};O.displayName="ColumnHeader",O.propTypes={columnName:r().string.isRequired,id:r().string,isAssistiveText:r().bool,isFixedCell:r().bool},O.defaultProps={columnName:"Column Name",isDataTable:r().bool};var L=function(e){var t=c.Ay.uniqueId("cell-resize-handle-");return n().createElement("div",{className:"slds-resizable"},n().createElement("input",{"aria-label":e.label,className:"slds-resizable__input slds-assistive-text",id:t,max:"1000",min:"20",tabIndex:e.tabIndex,type:"range"}),n().createElement("span",{className:"slds-resizable__handle"},n().createElement("span",{className:"slds-resizable__divider"})))};L.displayName="ResizeControl",L.propTypes={label:r().string.isRequired,tabIndex:r().oneOf(["0","-1"])};var M=function(e){var t=(0,a.useContext)(I).isActionableMode,l=t?"0":"-1",s=function(){return n().createElement("div",{className:"slds-grid slds-grid_vertical-align-center slds-has-flexi-truncate"},e.columnHeaderIcons?function(){var t=e.columnHeaderIcons.filter(function(t){return t.column===e.columnName.toLowerCase()});if(t.length)return t[0].icon}():null,n().createElement("span",{className:"slds-truncate",title:e.columnName},e.columnName),e.isSortable&&n().createElement(u.UtilityIcon,{assistiveText:!1,className:"slds-icon-text-default slds-is-sortable__icon ",symbol:"arrowdown",title:!1}))};return n().createElement(n().Fragment,null,e.isSortable?n().createElement("a",{className:"slds-th__action slds-text-link_reset",href:"#",role:"button",tabIndex:l,onClick:function(e){return e.preventDefault()}},n().createElement("span",{className:"slds-assistive-text"},"Sort by: "),s()):n().createElement("div",{className:"slds-th__action"},s()),e.sortDirection&&n().createElement("span",{className:"slds-assistive-text","aria-live":"polite","aria-atomic":"true"},"Sorted ",e.sortDirection),e.hasMenu&&n().createElement(N.A,{"aria-haspopup":"true",assistiveText:"Show ".concat(e.columnName," column actions"),className:"slds-th__action-button slds-button_icon-x-small",iconClassName:"slds-button__icon_hint slds-button__icon_small",symbol:"chevrondown",tabIndex:t?"0":"-1",title:"Show ".concat(e.columnName," column actions")}),e.isResizable&&n().createElement(L,{label:e.columnName+" column width"\|\|0,tabIndex:l}))};M.displayName="InteractiveColumnHeader",M.propTypes={columnName:r().string.isRequired,columnHeaderIcons:r().array,hasMenu:r().bool,isResizable:r().bool,isSortable:r().bool,sortDirection:r().oneOf(["ascending","descending"])},M.defaultProps={isResizable:!0,isSortable:!0};var D=function(e){var t=(0,a.useContext)(I).isActionableMode;return n().createElement(n().Fragment,null,n().createElement("div",{className:"slds-th__action slds-th__action_form"},n().createElement(S.Checkbox,{tabIndex:t?"0":"-1",labelId:"check-select-all-label",label:"Select All",hideLabel:!0,checked:!!e.checked\|\|null,groupId:"column-group-header",isDataTable:!0})))};D.displayName="SelectAllColumnHeader",D.propTypes={checked:r().bool};var j=function(e){var t=e.hasErrorColumn?"2rem":"3.25rem",l=e.mainColumnWidth\|\|null;return n().createElement(R,{isHidden:e.isHidden},n().createElement(F,null,e.hasErrorColumn?n().createElement(H,{style:{width:"3.75rem"}},n().createElement(O,{columnName:"Errors",isAssistiveText:!0})):null,!e.hasNoRowSelection&&n().createElement(H,{isDataTable:!e.hasSingleRowSelect\|\|!e.isHidden,isRightAligned:!e.hasErrorColumn\|\|null,style:{width:t}},e.hasSingleRowSelect\|\|e.isHidden?n().createElement(O,{columnName:"Choose a row to select",id:"column-group-header",isAssistiveText:!0}):n().createElement(D,{checked:e.selectAll})),e.columns.map(function(t,a){return n().createElement(H,{key:a,"aria-label":t,hasFocus:0===a?e.hasFocus:null,hasMenu:e.hasMenus,isResizable:e.isResizable&&!e.isHidden,isSortable:e.isSortable&&!e.isHidden,sortDirection:0===a?e.sortDirection:null,style:{width:0===a&&e.singleColumnWidth?e.singleColumnWidth:l}},n().createElement(M,{columnName:t,columnHeaderIcons:e.columnHeaderIcons,hasMenu:e.hasMenus,isResizable:e.isResizable&&!e.isHidden,isSortable:e.isSortable&&!e.isHidden,sortDirection:0===a?e.sortDirection:null}))}),e.hasRowLevelActions&&n().createElement(H,{style:{width:"3.25rem"}},n().createElement(O,{columnName:"Actions",isAssistiveText:!0}))))};j.displayName="AdvancedDataTableHead",j.propTypes={columnHeaderIcons:r().array,columns:r().array.isRequired,hasErrorColumn:r().bool,hasFocus:r().bool,hasMenus:r().bool,hasNoRowSelection:r().bool,hasRowLevelActions:r().bool,hasSingleRowSelect:r().bool,isHidden:r().bool,isResizable:r().bool,isSortable:r().bool,mainColumnWidth:r().string,selectAll:r().bool,singleColumnWidth:r().string,sortDirection:r().oneOf(["ascending","descending","none"])},j.defaultProps={hasRowLevelActions:!0,isResizable:!0,isSortable:!0};var z=function(e){return n().createElement("tbody",null,e.children)};z.displayName="TBody",z.propTypes={children:r().node};var B=function(e){return n().createElement("tr",{"aria-expanded":e.isExpanded,"aria-level":e.level,"aria-posinset":e.positionWithinLevel,"aria-selected":e.isSelected,"aria-setsize":e.numberOfItemsAtLevel,className:d()("slds-hint-parent",{"slds-align-top":e.isTopAligned,"slds-is-selected":e.isSelected}),tabIndex:e.tabIndex},e.children)};B.displayName="TBodyTr",B.propTypes={children:r().node,isExpanded:r().bool,isSelected:r().bool,isTopAligned:r().bool,level:r().string,positionWithinLevel:r().string,numberOfItemsAtLevel:r().string,tabIndex:r().oneOf(["0","-1"])};var q=function(e){var t=(0,a.useContext)(I).isActionableMode,l=d()({"slds-has-focus":e.hasFocus,"slds-cell-edit":e.isEditable,"slds-is-edited":e.isEdited,"slds-cell-error":e.isErrorCell,"slds-text-align_right":e.isRightAligned,"slds-cell-shrink":e.isShrunken,"slds-has-error":e.hasError,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":t});return n().createElement("td",{"aria-readonly":e.isLocked,"aria-selected":e.isEditing,"aria-describedby":function(){if(e.isEdited)return"unsaved-cell-notification"}()\|\|null,className:l\|\|null,"data-label":e["data-label"],role:function(){var t=null;switch(e.type){case"advanced":case"treegrid":t="gridcell"}return t}(),style:e.style,tabIndex:e.tabIndex},e.children)};q.displayName="Td",q.propTypes={children:r().node,"data-label":r().string,hasError:r().bool,hasFocus:r().bool,isEditable:r().bool,isEdited:r().bool,isEditing:r().bool,isErrorCell:r().bool,isLocked:r().bool,isRightAligned:r().bool,isShrunken:r().bool,style:r().object,tabIndex:r().oneOf(["0","-1"]),type:r().oneOf(["advanced","base","treegrid"]).isRequired,hasWrap:r().bool};var W=function(e){var t=(0,a.useContext)(I).isActionableMode,l=d()({"slds-cell-edit":e.isEditable,"slds-has-focus":e.hasFocus,"slds-tree__item":"treegrid"===e.type,"slds-is-hovered":e.isItemHovered,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":t});return n().createElement("th",{className:l\|\|null,"data-label":e["data-label"],scope:"row",tabIndex:e.tabIndex},e.children)};W.displayName="RowTh",W.propTypes={children:r().node,"data-label":r().string,hasFocus:r().bool,isEditable:r().bool,tabIndex:r().oneOf(["0","-1"]),type:r().oneOf(["base","advanced","treegrid"]),isItemHovered:r().bool,hasWrap:r().bool};var Y=function(e){return n().createElement(n().Fragment,null,e.hasSingleRowSelect?n().createElement(k.Radio,{checked:e.checked,groupId:"column-group-header",hideLabel:!0,id:"radio-0".concat(e.index),label:"Select item ".concat(e.index),labelId:"radio-button-label-0".concat(e.index),tabIndex:e.inputTabIndex,isDataTable:!0}):n().createElement(S.Checkbox,{checked:e.checked,groupId:"column-group-header",hideLabel:!0,id:"checkbox-0".concat(e.index),label:"Select item ".concat(e.index),labelId:"check-button-label-0".concat(e.index),tabIndex:e.inputTabIndex,isDataTable:!0}))};Y.displayName="SelectRowCell",Y.propTypes={checked:r().bool,hasSingleRowSelect:r().bool,index:r().number.isRequired,inputTabIndex:r().oneOf(["0","-1"])};var U=function(e){var t=e.rowName,l=(0,a.useContext)(I).isActionableMode;return n().createElement(N.A,{assistiveText:"More actions for ".concat(t),"aria-haspopup":"true",className:"slds-button_icon-border-filled slds-button_icon-x-small",iconClassName:"slds-button__icon_hint slds-button__icon_small",symbol:"down",tabIndex:l?"0":"-1",title:"More actions for ".concat(t)})};U.displayName="RowActionsCell",U.propTypes={rowName:r().string.isRequired};var $=function(e){var t=(0,a.useContext)(I).isActionableMode;return n().createElement(n().Fragment,null,n().createElement(N.A,{"aria-hidden":e.hasError?null:"true",assistiveText:"Item ".concat(e.index," has errors"),className:d()("slds-button_icon-error slds-m-horizontal_xxx-small",{"slds-hidden":!e.hasError}),id:"error-0"+e.index,symbol:"error",tabIndex:t?"0":"-1",title:"Item ".concat(e.index," has errors")}),n().createElement("span",{className:"slds-row-number slds-text-body_small slds-text-color_weak"}))};$.displayName="ErrorCell",$.propTypes={hasError:r().bool,index:r().number.isRequired};var V=function(e){var t=e.hasWrap,l=e.cellText,s=e.cellLink,r=(0,a.useContext)(I).isActionableMode;return n().createElement("div",{className:d()(t?"slds-line-clamp":"slds-truncate"),title:l},s?n().createElement("a",{href:"#",tabIndex:r?"0":"-1",onClick:function(e){e.preventDefault()}},l):l)};V.displayName="ReadOnlyCell",V.propTypes={cellLink:r().bool,cellText:r().string.isRequired,hasWrap:r().bool};var J=function(e){var t=(0,a.useContext)(I).isActionableMode;return n().createElement(n().Fragment,null,n().createElement("span",{className:"slds-grid slds-grid_align-spread"},e.cellLink?n().createElement("a",{className:"slds-truncate",href:"#",id:"link-0".concat(e.index),tabIndex:t?"0":"-1",title:e.cellText,onClick:function(e){return e.preventDefault()}},e.cellText):n().createElement("span",{className:"slds-truncate",title:e.cellText},e.cellText),n().createElement(N.A,{assistiveText:e.buttonText,className:"slds-cell-edit__button slds-m-left_x-small",disabled:e.isLocked,iconClassName:d()("slds-button__icon_hint",{"slds-button__icon_edit":!e.isLocked,"slds-button__icon_lock slds-button__icon_small":e.isLocked}),symbol:e.isLocked?"lock":"edit",tabIndex:t?"0":"-1",title:e.buttonText})),e.showEdit&&n().createElement(K,{isRequired:e.isRequired,hasError:e.hasError}),e.isEdited&&n().createElement("span",{id:"unsaved-cell-notification",class:"slds-hide"},"Unsaved"))};J.displayName="EditableCell",J.propTypes={buttonText:r().string.isRequired,cellLink:r().bool,cellText:r().string.isRequired,hasError:(0,c.VY)("showEdit",r().bool),index:r().number,isLocked:r().bool,isRequired:(0,c.VY)("showEdit",r().bool),showEdit:r().bool};var K=function(e){return n().createElement(C.Popover,{className:"slds-popover slds-popover_edit",style:{position:"absolute",top:"0",left:"0.0625rem"}},n().createElement("div",{className:d()("slds-form-element slds-grid slds-wrap",{"slds-has-error":e.hasError})},n().createElement("label",{className:"slds-form-element__label slds-form-element__label_edit slds-no-flex",htmlFor:"company-01"},e.isRequired?n().createElement("abbr",{className:"slds-required",title:"required","aria-hidden":"true"},"*"):null,n().createElement("span",{className:"slds-assistive-text"},"Company")),n().createElement("div",{className:"slds-form-element__control slds-grow"},n().createElement("input",{"aria-describedby":e.hasError?"error-message-01":null,className:"slds-input",defaultValue:"Acme Enterprises",id:"company-01",required:e.isRequired,type:"text"})),e.hasError?n().createElement("div",{id:"error-message-01",className:"slds-form-element__help"},"This field is required"):null))};K.displayName="EditPopover",K.propTypes={hasError:r().bool,isRequired:r().bool};var G=l(3106);function Q(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=l){var a,n,s,r,o=[],i=!0,d=!1;try{if(s=(l=l.call(e)).next,0===t){if(Object(l)!==l)return;i=!1}else for(;!(i=(a=s.call(l)).done)&&(o.push(a.value),o.length!==t);i=!0);}catch(e){d=!0,n=e}finally{try{if(!i&&null!=l.return&&(r=l.return(),Object(r)!==r))return}finally{if(d)throw n}}return o}}(e,t)\|\|function(e,t){if(e){if("string"==typeof e)return X(e,t);var l={}.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l\|\|"Set"===l?Array.from(e):"Arguments"===l\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(l)?X(e,t):void 0}}(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 X(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var l=0,a=Array(t);l<t;l++)a[l]=e[l];return a}var Z=["Name","Product Code","List Price","Product Family"],ee=["Product Name"],te=[{name:"Analytics",productCode:"ANTLY",listPrice:"5000.00",productFamily:"Analytics Product"},{name:"Analytics",productCode:"ANTLY",listPrice:"5000.00",productFamily:"Analytics Product"},{name:"Analytics",productCode:"ANTLY",listPrice:"5000.00",productFamily:"Analytics Product"},{name:"Analytics",productCode:"ANTLY",listPrice:"5000.00",productFamily:"Analytics Product"},{name:"Analytics",productCode:"ANTLY",listPrice:"5000.00",productFamily:"Analytics Product"},{name:"Analytics",productCode:"ANTLY",listPrice:"5000.00",productFamily:"Analytics Product"},{name:"Analytics",productCode:"ANTLY",listPrice:"5000.00",productFamily:"Analytics Product"},{name:"Analytics",productCode:"ANTLY",listPrice:"5000.00",productFamily:"Analytics Product"}],le=function(e){var t=e.selectedFilters,l=e.itemsSelected,s=Q((0,a.useState)(c.Ay.uniqueId("example-unique-id-")),1)[0],r=Q((0,a.useState)(c.Ay.uniqueId("example-unique-id-")),1)[0];return n().createElement("div",{className:"slds-p-vertical_x-small slds-p-horizontal_large slds-shrink-none slds-theme_shade"},n().createElement(x.Ay,{id:s,"aria-controls":r,autocomplete:!0,label:"Search",hideLabel:!0,placeholder:"Search Salesforce",inputIconPosition:"right",rightInputIcon:n().createElement(u.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:n().createElement(g.Ay,{id:r,snapshot:_.u1,type:"plain",count:8,hideIcons:!0}),resultsType:"listbox",hasInteractions:!0}),t\|\|null,n().createElement("div",{className:"slds-text-title slds-m-top_x-small","aria-live":"polite"},l\|\|"0"," Item(s) Selected"))};le.propTypes={selectedFilters:r().node,itemsSelected:r().string};var ae=function(e){return n().createElement("div",{className:"slds-scrollable slds-grow"},n().createElement("div",{className:"slds-scrollable_none"},n().createElement(P,{hasNoRowHover:!0,isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example product list"},n().createElement(R,null,n().createElement(F,null,n().createElement(H,{style:{width:"3.75rem"}}),Z.map(function(e,t){return n().createElement(H,{"aria-label":e,isSortable:!0,isResizable:!0,key:t},n().createElement(M,{columnName:e}))}))),n().createElement(z,null,e.children))))},ne=function(e){return n().createElement("div",{className:"slds-scrollable slds-grow"},n().createElement("div",{className:"slds-scrollable_none"},n().createElement(P,{hasHiddenHeader:!0,hasNoRowHover:!0,isBordered:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example single column product list"},n().createElement(R,{isHidden:e.hasHiddenHeader},n().createElement(F,null,n().createElement(H,{style:{width:"3.75rem"}}),e.hasHiddenHeader?n().createElement(H,{"aria-label":ee[0]},n().createElement(O,{columnName:ee[0]})):n().createElement(H,{"aria-label":ee[0]},n().createElement(M,{columnName:ee[0]})))),n().createElement(z,null,e.children))))};ne.propTypes={hasHiddenHeader:r().bool,children:r().node};var se=function(e){var t="Select item "+e.index;return n().createElement(B,{isSelected:e.checked},n().createElement(q,{isRightAligned:!0,tabIndex:1===e.index?"0":null,type:"advanced"},n().createElement(v,{label:t,isChecked:e.checked,isDisabled:e.disabled,tabIndex:-1})),n().createElement(W,null,n().createElement(V,{cellText:e.name})),n().createElement(q,{type:"advanced"},n().createElement(V,{cellText:e.productCode})),n().createElement(q,{type:"advanced"},n().createElement(V,{cellText:e.listPrice})),n().createElement(q,{type:"advanced"},n().createElement(V,{cellText:e.productFamily})))},re=function(e){var t="Select item "+e.index;return n().createElement(B,{isSelected:e.checked},n().createElement(q,{isRightAligned:!0,tabIndex:1===e.index?"0":"-1",type:"advanced",style:{width:"3.75rem"}},n().createElement(v,{label:t,isChecked:e.checked,isDisabled:e.disabled,tabIndex:-1})),n().createElement(q,{type:"advanced"},n().createElement(V,{cellText:e.name})))};re.propTypes={className:r().string,index:r().number,checked:r().bool,disabled:r().bool,name:r().string};var oe=function(e){return n().createElement(G.Bm,{variant:"container-bare"},n().createElement(G.IK,null,n().createElement(G.j9,null,n().createElement(G.$P,{label:"Analytics",tabIndex:"0"}))))},ie=function(e){return n().createElement(G.Bm,{variant:"container-bare"},n().createElement(G.IK,null,n().createElement(G.j9,null,n().createElement(G.$P,{label:"Option A",tabIndex:"0"})),n().createElement(G.j9,null,n().createElement(G.$P,{label:"Option B"}))))},de=[{id:"default",label:"Default",element:n().createElement("div",{className:"demo-only demo-only_viewport",style:{height:"640px"}},n().createElement(o.Backdrop,null,n().createElement(o.Modal,{className:"slds-modal_large slds-list-builder","aria-labelledby":"id-of-modalheader-h1"},n().createElement(o.ModalHeader,null,n().createElement("h1",{id:"id-of-modalheader-h1",className:"slds-text-heading_medium"},"Add products"),n().createElement("p",{className:"slds-m-top_x-small"},"Pricebook: Salesforce Products")),n().createElement(o.ModalContent,{className:"slds-grid slds-grow"},n().createElement("div",{className:"slds-grid slds-grid_vertical"},n().createElement(le,null),n().createElement(ae,null,te.map(function(e,t){return n().createElement(se,{checked:!1,key:t,index:t+1,name:e.name,productCode:e.productCode,listPrice:e.listPrice,productFamily:e.productFamily})})))),n().createElement(o.ModalFooter,null,n().createElement("button",{className:"slds-button slds-button_neutral","aria-label":"Cancel and close"},"Cancel"),n().createElement("button",{className:"slds-button slds-button_brand"},"Next")))))}],ce=[{id:"items-selected",label:"Items Selected",element:n().createElement("div",{className:"demo-only demo-only_viewport",style:{height:"640px"}},n().createElement(o.Backdrop,null,n().createElement(o.Modal,{className:"slds-modal_large","aria-labelledby":"id-of-modalheader-h1"},n().createElement(o.ModalHeader,null,n().createElement("h1",{id:"id-of-modalheader-h1",className:"slds-text-heading_medium"},"Add products"),n().createElement("p",{className:"slds-m-top_x-small"},"Pricebook: Salesforce Products")),n().createElement(o.ModalContent,{className:"slds-grid slds-nowrap"},n().createElement("div",{className:"slds-col slds-grid slds-grid_vertical slds-nowrap"},n().createElement(le,{selectedFilters:n().createElement(oe,null),itemsSelected:"1"}),n().createElement(ae,null,te.map(function(e,t){return n().createElement(se,{key:t,index:t+1,checked:0===t,name:e.name,productCode:e.productCode,listPrice:e.listPrice,productFamily:e.productFamily})})))),n().createElement(o.ModalFooter,null,n().createElement("button",{className:"slds-button slds-button_neutral","aria-label":"Cancel and close"},"Cancel"),n().createElement("button",{className:"slds-button slds-button_brand"},"Next")))))},{id:"items-disabled",label:"Items Disabled",element:n().createElement("div",{className:"demo-only demo-only_viewport",style:{height:"640px"}},n().createElement(o.Backdrop,null,n().createElement(o.Modal,{className:"slds-modal_large","aria-labelledby":"id-of-modalheader-h1"},n().createElement(o.ModalHeader,null,n().createElement("h1",{id:"id-of-modalheader-h1",className:"slds-text-heading_medium"},"Add products"),n().createElement("p",{className:"slds-m-top_x-small"},"Pricebook: Salesforce Products")),n().createElement(o.ModalContent,{className:"slds-grid slds-nowrap"},n().createElement("div",{className:"slds-col slds-grid slds-grid_vertical slds-nowrap"},n().createElement(le,{itemsSelected:"0"}),n().createElement(ae,null,te.map(function(e,t){return n().createElement(se,{checked:!1,key:t,index:t+1,disabled:t%2==0\|\|null,name:e.name,productCode:e.productCode,listPrice:e.listPrice,productFamily:e.productFamily})})))),n().createElement(o.ModalFooter,null,n().createElement("button",{className:"slds-button slds-button_neutral","aria-label":"Cancel and close"},"Cancel"),n().createElement("button",{className:"slds-button slds-button_brand"},"Next")))))},{id:"items-default-selected",label:"Items Default Selected",element:n().createElement("div",{className:"demo-only demo-only_viewport",style:{height:"640px"}},n().createElement(o.Backdrop,null,n().createElement(o.Modal,{className:"slds-modal_large","aria-labelledby":"id-of-modalheader-h1"},n().createElement(o.ModalHeader,null,n().createElement("h1",{id:"id-of-modalheader-h1",className:"slds-text-heading_medium"},"Add products"),n().createElement("p",{className:"slds-m-top_x-small"},"Pricebook: Salesforce Products")),n().createElement(o.ModalContent,{className:"slds-grid slds-nowrap"},n().createElement("div",{className:"slds-col slds-grid slds-grid_vertical slds-nowrap"},n().createElement(le,{itemsSelected:"0"}),n().createElement(ae,null,te.map(function(e,t){return n().createElement(se,{key:t,index:t+1,checked:t%2==1,disabled:t%2==1\|\|null,name:e.name,productCode:e.productCode,listPrice:e.listPrice,productFamily:e.productFamily})})))),n().createElement(o.ModalFooter,null,n().createElement("button",{className:"slds-button slds-button_neutral","aria-label":"Cancel and close"},"Cancel"),n().createElement("button",{className:"slds-button slds-button_brand"},"Next")))))}],ue=[{id:"two-column-with-hidden-header",label:"Two Column with Hidden Header",element:n().createElement("div",{className:"demo-only demo-only_viewport",style:{height:"640px"}},n().createElement(o.Backdrop,null,n().createElement(o.Modal,{className:"slds-modal_large","aria-labelledby":"id-of-modalheader-h1"},n().createElement(o.ModalHeader,null,n().createElement("h1",{id:"id-of-modalheader-h1",className:"slds-text-heading_medium"},"Add products"),n().createElement("p",{className:"slds-m-top_x-small"},"Pricebook: Salesforce Products")),n().createElement(o.ModalContent,{className:"slds-grid slds-nowrap"},n().createElement("div",{className:"slds-col slds-grid slds-grid_vertical slds-nowrap"},n().createElement(le,{itemsSelected:"0"}),n().createElement(ne,{hasHiddenHeader:!0},te.map(function(e,t){return n().createElement(re,{checked:!1,key:t,index:t+1,name:e.name})})))),n().createElement(o.ModalFooter,null,n().createElement("button",{className:"slds-button slds-button_neutral","aria-label":"Cancel and close"},"Cancel"),n().createElement("button",{className:"slds-button slds-button_brand"},"Next")))))},{id:"filtered",label:"Filtered Results",element:n().createElement("div",{className:"demo-only demo-only_viewport",style:{height:"640px"}},n().createElement(o.Backdrop,null,n().createElement(o.Modal,{className:"slds-modal_large","aria-labelledby":"id-of-modalheader-h1"},n().createElement(o.ModalHeader,null,n().createElement("h1",{id:"id-of-modalheader-h1",className:"slds-text-heading_medium"},"Add products"),n().createElement("p",{className:"slds-m-top_x-small"},"Pricebook: Salesforce Products")),n().createElement(o.ModalContent,{className:"slds-grid slds-grow"},n().createElement("div",{className:"slds-grid slds-grid_vertical"},n().createElement(le,{selectedFilters:n().createElement(ie,null),itemsSelected:"2"}),n().createElement(ae,null,n().createElement(se,{checked:!1,index:1,name:te[0].name,productCode:te[0].productCode,listPrice:te[0].listPrice,productFamily:te[0].productFamily})))),n().createElement(o.ModalFooter,null,n().createElement("button",{className:"slds-button slds-button_neutral","aria-label":"Cancel and close"},"Cancel"),n().createElement("button",{className:"slds-button slds-button_brand"},"Next")))))}]}},l={};function a(e){var n=l[e];if(void 0!==n)return n.exports;var s=l[e]={exports:{}};return t[e](s,s.exports,a),s.exports}a.m=t,a.amdO={},e=[],a.O=function(t,l,n,s){if(!l){var r=1/0;for(c=0;c<e.length;c++){l=e[c][0],n=e[c][1],s=e[c][2];for(var o=!0,i=0;i<l.length;i++)(!1&s\|\|r>=s)&&Object.keys(a.O).every(function(e){return a.O[e](l[i])})?l.splice(i--,1):(o=!1,s<r&&(r=s));if(o){e.splice(c--,1);var d=n();void 0!==d&&(t=d)}}return t}s=s\|\|0;for(var c=e.length;c>0&&e[c-1][2]>s;c--)e[c]=e[c-1];e[c]=[l,n,s]},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.d=function(e,t){for(var l in t)a.o(t,l)&&!a.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.j=9674,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0,9674:0};a.O.j=function(t){return 0===e[t]};var t=function(t,l){var n,s,r=l[0],o=l[1],i=l[2],d=0;if(r.some(function(t){return 0!==e[t]})){for(n in o)a.o(o,n)&&(a.m[n]=o[n]);if(i)var c=i(a)}for(t&&t(l);d<r.length;d++)s=r[d],a.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return a.O(c)},l=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];l.forEach(t.bind(null,0)),l.push=t.bind(null,l.push.bind(l))}(),a.nc=void 0;var n=a.O(void 0,[6790],function(){return a(3410)});n=a.O(n),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/list-builder/base/example.jsx.js"]=n}();
1	+ var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},3410:function(e,t,l){l.r(t),l.d(t,{default:function(){return de},examples:function(){return ue},states:function(){return ce}});var a=l(1594),n=l.n(a),s=l(4187),r=l.n(s),o=l(1766),i=l(942),d=l.n(i),c=l(806),u=l(538);function m(e){return m="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},m(e)}function b(e,t){for(var l=0;l<t.length;l++){var a=t[l];a.enumerable=a.enumerable\|\|!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,p(a.key),a)}}function p(e){var t=function(e){if("object"!=m(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=m(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==m(t)?t:t+""}function h(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(h=function(){return!!e})()}function y(e){return y=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},y(e)}function f(e,t){return f=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},f(e,t)}var E=function(e){var t=e.isFocused,l=e.isDisabled,a=e.isChecked,s=e.tabIndex,r=e.iconAssistiveText,o=e.iconSize,i=e.iconSymbol,m=e.iconCurrentColor,b=e.onChange,p=e.onFocus,h=e.onBlur,y=c.Ay.uniqueId("example-unique-id-"),f={"slds-checkbox-button_is-focused":t,"slds-checkbox-button_is-checked":a,"slds-checkbox-button_is-disabled":l};return n().createElement("label",{className:d()("slds-checkbox-button",f),htmlFor:y},n().createElement("input",{className:"slds-assistive-text",type:"checkbox",id:y,value:y,disabled:l,defaultChecked:a,tabIndex:s,onChange:b,onFocus:p,onBlur:h}),n().createElement(u.UtilityIcon,{symbol:i,size:o,useCurrentColor:m,assistiveText:r}))};E.defaultProps={iconAssistiveText:"Add product",iconSize:"x-small",iconSymbol:"add",iconCurrentColor:!0},E.propTypes={isDisabled:r().bool,isChecked:r().bool,tabIndex:r().number,iconAssistiveText:r().string,iconSize:r().string,iconSymbol:r().string,iconCurrentColor:r().bool};var v=function(e){function t(e){var l;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(l=function(e,t,l){return t=y(t),function(e,t){if(t&&("object"==m(t)\|\|"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,h()?Reflect.construct(t,l\|\|[],y(e).constructor):t.apply(e,l))}(this,t,[e])).state={checked:!!l.props.isChecked,focused:!1},l.handleCheckboxChange=l.handleCheckboxChange.bind(l),l.handleFocus=l.handleFocus.bind(l),l.handleBlur=l.handleBlur.bind(l),l}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&f(e,t)}(t,e),l=t,(a=[{key:"handleCheckboxChange",value:function(){this.setState({checked:!this.state.checked})}},{key:"handleFocus",value:function(){this.state.focused\|\|this.setState({focused:!0})}},{key:"handleBlur",value:function(){this.state.focused&&this.setState({focused:!1})}},{key:"render",value:function(){var e=this.props,t=e.iconChecked,l=e.iconUnchecked,a=e.isDisabled,s=e.tabIndex;return n().createElement(E,{onChange:this.handleCheckboxChange,iconSymbol:this.state.checked?t:l,isChecked:this.state.checked,isDisabled:a,isFocused:this.state.focused,onFocus:this.handleFocus,onBlur:this.handleBlur,tabIndex:s})}}])&&b(l.prototype,a),Object.defineProperty(l,"prototype",{writable:!1}),l;var l,a}(a.Component);v.defaultProps={iconChecked:"check",iconUnchecked:"add"},v.propTypes={iconChecked:r().string,iconUnchecked:r().string};var x=l(5159),g=l(6185),_=l(3964),N=l(6955),C=l(5006),S=l(3589),k=l(885);function w(e){return w="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},w(e)}function T(){return T=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)({}).hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},T.apply(null,arguments)}function A(e,t,l){return(t=function(e){var t=function(e){if("object"!=w(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=w(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==w(t)?t:t+""}(t))in e?Object.defineProperty(e,t,{value:l,enumerable:!0,configurable:!0,writable:!0}):e[t]=l,e}var I=n().createContext({isActionableMode:!1});r().string,r().node;var P=function(e){var t=d()("slds-table",{"slds-table_cell-buffer":e.hasCellBuffer,"slds-table_header-hidden":e.hasHiddenHeader,"slds-no-row-hover":e.hasNoRowHover,"slds-no-cell-focus":e.hasNoCellFocus,"slds-table_bordered":e.isBordered,"slds-table_col-bordered":e.isColBordered,"slds-table_edit":e.isEditable,"slds-table_fixed-layout":e.isFixedLayout,"slds-max-medium-table_stacked-horizontal":e.isResponsive,"slds-max-medium-table_stacked":e.isResponsiveStacked,"slds-table_resizable-cols":e.isResizable,"slds-table_striped":e.isStriped,"slds-tree slds-table_tree":"treegrid"===e.type,"slds-table_header-fixed":e.hasFixedHeader});return n().createElement("table",T({"aria-multiselectable":"multiple"===e.selectionType?"true":null,className:t,role:function(){var t=null;switch(e.type){case"advanced":t="grid";break;case"treegrid":t="treegrid"}return t}(),style:e.style},e.ariaLabelledBy&&A({},"aria-labelledby",e.ariaLabelledBy),e.ariaLabel&&A({},"aria-label",e.ariaLabel)),e.children)};P.displayName="Table",P.propTypes={ariaLabel:r().string,ariaLabelledBy:r().string,children:r().node,hasCellBuffer:r().bool,hasHiddenHeader:r().bool,hasNoCellFocus:r().bool,hasNoRowHover:r().bool,isBordered:r().bool,isColBordered:r().bool,isEditable:r().bool,isFixedLayout:r().bool,isResizable:r().bool,isResponsive:r().bool,isResponsiveStacked:r().bool,isStriped:r().bool,selectionType:r().oneOf(["multiple","single"]),style:r().object,type:r().oneOf(["advanced","base","treegrid"]).isRequired,hasFixedHeader:r().bool};var R=function(e){return n().createElement("thead",{className:e.isHidden?"slds-assistive-text":null},e.children)};R.displayName="THead",R.propTypes={children:r().node,isHidden:r().bool};var F=function(e){return n().createElement("tr",{className:"slds-line-height_reset"},e.children)};F.displayName="THeadTr",F.propTypes={children:r().node};var H=function(e){var t,l=(0,a.useContext)(I).isActionableMode,s=d()({"slds-has-button-menu":e.hasMenu,"slds-has-focus":e.hasFocus,"slds-is-resizable":e.isResizable,"slds-text-align_right":e.isRightAligned,"slds-is-sortable":e.isSortable,"slds-is-sorted":"ascending"===e.sortDirection\|\|"descending"===e.sortDirection,"slds-is-sorted_asc":"ascending"===e.sortDirection,"slds-is-sorted_desc":"descending"===e.sortDirection,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":l});return n().createElement("th",{"aria-sort":(t=null,e.isSortable&&(t=e.sortDirection\|\|"none"),t),className:s,scope:!e.isDataTable&&"col",role:e.isDataTable&&"cell",style:e.style},e.isDataTable,e.children)};H.displayName="ColumnTh",H.propTypes={"aria-label":r().string,children:r().node,hasFocus:r().bool,hasMenu:r().bool,isResizable:r().bool,isRightAligned:r().bool,isSortable:r().bool,sortDirection:r().oneOf(["ascending","descending","none"]),style:r().object,hasWrap:r().bool,isDataTable:r().bool};var O=function(e){return n().createElement("div",{className:d()("slds-truncate",{"slds-assistive-text":e.isAssistiveText,"slds-cell-fixed":e.isFixedCell}),id:e.id,title:e.columnName},e.columnName)};O.displayName="ColumnHeader",O.propTypes={columnName:r().string.isRequired,id:r().string,isAssistiveText:r().bool,isFixedCell:r().bool},O.defaultProps={columnName:"Column Name",isDataTable:r().bool};var L=function(e){var t=c.Ay.uniqueId("cell-resize-handle-");return n().createElement("div",{className:"slds-resizable"},n().createElement("input",{"aria-label":e.label,className:"slds-resizable__input slds-assistive-text",id:t,max:"1000",min:"20",tabIndex:e.tabIndex,type:"range"}),n().createElement("span",{className:"slds-resizable__handle"},n().createElement("span",{className:"slds-resizable__divider"})))};L.displayName="ResizeControl",L.propTypes={label:r().string.isRequired,tabIndex:r().oneOf(["0","-1"])};var M=function(e){var t=(0,a.useContext)(I).isActionableMode,l=t?"0":"-1",s=function(){return n().createElement("div",{className:"slds-grid slds-grid_vertical-align-center slds-has-flexi-truncate"},e.columnHeaderIcons?function(){var t=e.columnHeaderIcons.filter(function(t){return t.column===e.columnName.toLowerCase()});if(t.length)return t[0].icon}():null,n().createElement("span",{className:"slds-truncate",title:e.columnName},e.columnName),e.isSortable&&n().createElement(u.UtilityIcon,{assistiveText:!1,className:"slds-icon-text-default slds-is-sortable__icon ",symbol:"arrowdown",title:!1}))};return n().createElement(n().Fragment,null,e.isSortable?n().createElement("a",{className:"slds-th__action slds-text-link_reset",href:"#",role:"button",tabIndex:l,onClick:function(e){return e.preventDefault()}},n().createElement("span",{className:"slds-assistive-text"},"Sort by: "),s()):n().createElement("div",{className:"slds-th__action"},s()),e.sortDirection&&n().createElement("span",{className:"slds-assistive-text","aria-live":"polite","aria-atomic":"true"},"Sorted ",e.sortDirection),e.hasMenu&&n().createElement(N.A,{"aria-haspopup":"true",assistiveText:"Show ".concat(e.columnName," column actions"),className:"slds-th__action-button slds-button_icon-x-small",iconClassName:"slds-button__icon_hint slds-button__icon_small",symbol:"chevrondown",tabIndex:t?"0":"-1",title:"Show ".concat(e.columnName," column actions")}),e.isResizable&&n().createElement(L,{label:e.columnName+" column width"\|\|0,tabIndex:l}))};M.displayName="InteractiveColumnHeader",M.propTypes={columnName:r().string.isRequired,columnHeaderIcons:r().array,hasMenu:r().bool,isResizable:r().bool,isSortable:r().bool,sortDirection:r().oneOf(["ascending","descending"])},M.defaultProps={isResizable:!0,isSortable:!0};var D=function(e){var t=(0,a.useContext)(I).isActionableMode;return n().createElement(n().Fragment,null,n().createElement("div",{className:"slds-th__action slds-th__action_form"},n().createElement(S.Checkbox,{tabIndex:t?"0":"-1",labelId:"check-select-all-label",label:"Select All",hideLabel:!0,checked:!!e.checked\|\|null,groupId:"column-group-header",isDataTable:!0})))};D.displayName="SelectAllColumnHeader",D.propTypes={checked:r().bool};var j=function(e){var t=e.hasErrorColumn?"2rem":"3.25rem",l=e.mainColumnWidth\|\|null;return n().createElement(R,{isHidden:e.isHidden},n().createElement(F,null,e.hasErrorColumn?n().createElement(H,{style:{width:"3.75rem"}},n().createElement(O,{columnName:"Errors",isAssistiveText:!0})):null,!e.hasNoRowSelection&&n().createElement(H,{isDataTable:!e.hasSingleRowSelect\|\|!e.isHidden,isRightAligned:!e.hasErrorColumn\|\|null,style:{width:t}},e.hasSingleRowSelect\|\|e.isHidden?n().createElement(O,{columnName:"Choose a row to select",id:"column-group-header",isAssistiveText:!0}):n().createElement(D,{checked:e.selectAll})),e.columns.map(function(t,a){return n().createElement(H,{key:a,"aria-label":t,hasFocus:0===a?e.hasFocus:null,hasMenu:e.hasMenus,isResizable:e.isResizable&&!e.isHidden,isSortable:e.isSortable&&!e.isHidden,sortDirection:0===a?e.sortDirection:null,style:{width:0===a&&e.singleColumnWidth?e.singleColumnWidth:l}},n().createElement(M,{columnName:t,columnHeaderIcons:e.columnHeaderIcons,hasMenu:e.hasMenus,isResizable:e.isResizable&&!e.isHidden,isSortable:e.isSortable&&!e.isHidden,sortDirection:0===a?e.sortDirection:null}))}),e.hasRowLevelActions&&n().createElement(H,{style:{width:"3.25rem"}},n().createElement(O,{columnName:"Actions",isAssistiveText:!0}))))};j.displayName="AdvancedDataTableHead",j.propTypes={columnHeaderIcons:r().array,columns:r().array.isRequired,hasErrorColumn:r().bool,hasFocus:r().bool,hasMenus:r().bool,hasNoRowSelection:r().bool,hasRowLevelActions:r().bool,hasSingleRowSelect:r().bool,isHidden:r().bool,isResizable:r().bool,isSortable:r().bool,mainColumnWidth:r().string,selectAll:r().bool,singleColumnWidth:r().string,sortDirection:r().oneOf(["ascending","descending","none"])},j.defaultProps={hasRowLevelActions:!0,isResizable:!0,isSortable:!0};var z=function(e){return n().createElement("tbody",null,e.children)};z.displayName="TBody",z.propTypes={children:r().node};var B=function(e){return n().createElement("tr",{"aria-expanded":e.isExpanded,"aria-level":e.level,"aria-posinset":e.positionWithinLevel,"aria-selected":e.isSelected,"aria-setsize":e.numberOfItemsAtLevel,className:d()("slds-hint-parent",{"slds-align-top":e.isTopAligned,"slds-is-selected":e.isSelected}),tabIndex:e.tabIndex},e.children)};B.displayName="TBodyTr",B.propTypes={children:r().node,isExpanded:r().bool,isSelected:r().bool,isTopAligned:r().bool,level:r().string,positionWithinLevel:r().string,numberOfItemsAtLevel:r().string,tabIndex:r().oneOf(["0","-1"])};var q=function(e){var t=(0,a.useContext)(I).isActionableMode,l=d()({"slds-has-focus":e.hasFocus,"slds-cell-edit":e.isEditable,"slds-is-edited":e.isEdited,"slds-cell-error":e.isErrorCell,"slds-text-align_right":e.isRightAligned,"slds-cell-shrink":e.isShrunken,"slds-has-error":e.hasError,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":t});return n().createElement("td",{"aria-readonly":e.isLocked,"aria-selected":e.isEditing,"aria-describedby":function(){if(e.isEdited)return"unsaved-cell-notification"}()\|\|null,className:l\|\|null,"data-label":e["data-label"],role:function(){var t=null;switch(e.type){case"advanced":case"treegrid":t="gridcell"}return t}(),style:e.style,tabIndex:e.tabIndex},e.children)};q.displayName="Td",q.propTypes={children:r().node,"data-label":r().string,hasError:r().bool,hasFocus:r().bool,isEditable:r().bool,isEdited:r().bool,isEditing:r().bool,isErrorCell:r().bool,isLocked:r().bool,isRightAligned:r().bool,isShrunken:r().bool,style:r().object,tabIndex:r().oneOf(["0","-1"]),type:r().oneOf(["advanced","base","treegrid"]).isRequired,hasWrap:r().bool};var W=function(e){var t=(0,a.useContext)(I).isActionableMode,l=d()({"slds-cell-edit":e.isEditable,"slds-has-focus":e.hasFocus,"slds-tree__item":"treegrid"===e.type,"slds-is-hovered":e.isItemHovered,"slds-cell-wrap":e.hasWrap,"slds-cell_action-mode":t});return n().createElement("th",{className:l\|\|null,"data-label":e["data-label"],scope:"row",tabIndex:e.tabIndex},e.children)};W.displayName="RowTh",W.propTypes={children:r().node,"data-label":r().string,hasFocus:r().bool,isEditable:r().bool,tabIndex:r().oneOf(["0","-1"]),type:r().oneOf(["base","advanced","treegrid"]),isItemHovered:r().bool,hasWrap:r().bool};var Y=function(e){return n().createElement(n().Fragment,null,e.hasSingleRowSelect?n().createElement(k.Radio,{checked:e.checked,groupId:"column-group-header",hideLabel:!0,id:"radio-0".concat(e.index),label:"Select item ".concat(e.index),labelId:"radio-button-label-0".concat(e.index),tabIndex:e.inputTabIndex,isDataTable:!0}):n().createElement(S.Checkbox,{checked:e.checked,groupId:"column-group-header",hideLabel:!0,id:"checkbox-0".concat(e.index),label:"Select item ".concat(e.index),labelId:"check-button-label-0".concat(e.index),tabIndex:e.inputTabIndex,isDataTable:!0}))};Y.displayName="SelectRowCell",Y.propTypes={checked:r().bool,hasSingleRowSelect:r().bool,index:r().number.isRequired,inputTabIndex:r().oneOf(["0","-1"])};var U=function(e){var t=e.rowName,l=(0,a.useContext)(I).isActionableMode;return n().createElement(N.A,{assistiveText:"More actions for ".concat(t),"aria-haspopup":"true",className:"slds-button_icon-border-filled slds-button_icon-x-small",iconClassName:"slds-button__icon_hint slds-button__icon_small",symbol:"down",tabIndex:l?"0":"-1",title:"More actions for ".concat(t)})};U.displayName="RowActionsCell",U.propTypes={rowName:r().string.isRequired};var $=function(e){var t=(0,a.useContext)(I).isActionableMode;return n().createElement(n().Fragment,null,n().createElement(N.A,{"aria-hidden":e.hasError?null:"true",assistiveText:"Item ".concat(e.index," has errors"),className:d()("slds-button_icon-error slds-m-horizontal_xxx-small",{"slds-hidden":!e.hasError}),id:"error-0"+e.index,symbol:"error",tabIndex:t?"0":"-1",title:"Item ".concat(e.index," has errors")}),n().createElement("span",{className:"slds-row-number slds-text-body_small slds-text-color_weak"}))};$.displayName="ErrorCell",$.propTypes={hasError:r().bool,index:r().number.isRequired};var V=function(e){var t=e.hasWrap,l=e.cellText,s=e.cellLink,r=(0,a.useContext)(I).isActionableMode;return n().createElement("div",{className:d()(t?"slds-line-clamp":"slds-truncate"),title:l},s?n().createElement("a",{href:"#",tabIndex:r?"0":"-1",onClick:function(e){e.preventDefault()}},l):l)};V.displayName="ReadOnlyCell",V.propTypes={cellLink:r().bool,cellText:r().string.isRequired,hasWrap:r().bool};var J=function(e){var t=(0,a.useContext)(I).isActionableMode;return n().createElement(n().Fragment,null,n().createElement("span",{className:"slds-grid slds-grid_align-spread"},e.cellLink?n().createElement("a",{className:"slds-truncate",href:"#",id:"link-0".concat(e.index),tabIndex:t?"0":"-1",title:e.cellText,onClick:function(e){return e.preventDefault()}},e.cellText):n().createElement("span",{className:"slds-truncate",title:e.cellText},e.cellText),n().createElement(N.A,{assistiveText:e.buttonText,className:"slds-cell-edit__button slds-m-left_x-small",disabled:e.isLocked,iconClassName:d()("slds-button__icon_hint",{"slds-button__icon_edit":!e.isLocked,"slds-button__icon_lock slds-button__icon_small":e.isLocked}),symbol:e.isLocked?"lock":"edit",tabIndex:t?"0":"-1",title:e.buttonText})),e.showEdit&&n().createElement(K,{isRequired:e.isRequired,hasError:e.hasError}),e.isEdited&&n().createElement("span",{id:"unsaved-cell-notification",class:"slds-hide"},"Unsaved"))};J.displayName="EditableCell",J.propTypes={buttonText:r().string.isRequired,cellLink:r().bool,cellText:r().string.isRequired,hasError:(0,c.VY)("showEdit",r().bool),index:r().number,isLocked:r().bool,isRequired:(0,c.VY)("showEdit",r().bool),showEdit:r().bool};var K=function(e){return n().createElement(C.Popover,{className:"slds-popover slds-popover_edit",style:{position:"absolute",top:"0",left:"0.0625rem"}},n().createElement("div",{className:d()("slds-form-element slds-grid slds-wrap",{"slds-has-error":e.hasError})},n().createElement("label",{className:"slds-form-element__label slds-form-element__label_edit slds-no-flex",htmlFor:"company-01"},e.isRequired?n().createElement("abbr",{className:"slds-required",title:"required","aria-hidden":"true"},"*"):null,n().createElement("span",{className:"slds-assistive-text"},"Company")),n().createElement("div",{className:"slds-form-element__control slds-grow"},n().createElement("input",{"aria-describedby":e.hasError?"error-message-01":null,className:"slds-input",defaultValue:"Acme Enterprises",id:"company-01",required:e.isRequired,type:"text"})),e.hasError?n().createElement("div",{id:"error-message-01",className:"slds-form-element__help"},"This field is required"):null))};K.displayName="EditPopover",K.propTypes={hasError:r().bool,isRequired:r().bool};var G=l(3106);function Q(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var l=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=l){var a,n,s,r,o=[],i=!0,d=!1;try{if(s=(l=l.call(e)).next,0===t){if(Object(l)!==l)return;i=!1}else for(;!(i=(a=s.call(l)).done)&&(o.push(a.value),o.length!==t);i=!0);}catch(e){d=!0,n=e}finally{try{if(!i&&null!=l.return&&(r=l.return(),Object(r)!==r))return}finally{if(d)throw n}}return o}}(e,t)\|\|function(e,t){if(e){if("string"==typeof e)return X(e,t);var l={}.toString.call(e).slice(8,-1);return"Object"===l&&e.constructor&&(l=e.constructor.name),"Map"===l\|\|"Set"===l?Array.from(e):"Arguments"===l\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(l)?X(e,t):void 0}}(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 X(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var l=0,a=Array(t);l<t;l++)a[l]=e[l];return a}var Z=["Name","Product Code","List Price","Product Family"],ee=["Product Name"],te=[{name:"Analytics",productCode:"ANTLY",listPrice:"5000.00",productFamily:"Analytics Product"},{name:"Analytics",productCode:"ANTLY",listPrice:"5000.00",productFamily:"Analytics Product"},{name:"Analytics",productCode:"ANTLY",listPrice:"5000.00",productFamily:"Analytics Product"},{name:"Analytics",productCode:"ANTLY",listPrice:"5000.00",productFamily:"Analytics Product"},{name:"Analytics",productCode:"ANTLY",listPrice:"5000.00",productFamily:"Analytics Product"},{name:"Analytics",productCode:"ANTLY",listPrice:"5000.00",productFamily:"Analytics Product"},{name:"Analytics",productCode:"ANTLY",listPrice:"5000.00",productFamily:"Analytics Product"},{name:"Analytics",productCode:"ANTLY",listPrice:"5000.00",productFamily:"Analytics Product"}],le=function(e){var t=e.selectedFilters,l=e.itemsSelected,s=Q((0,a.useState)(c.Ay.uniqueId("example-unique-id-")),1)[0],r=Q((0,a.useState)(c.Ay.uniqueId("example-unique-id-")),1)[0];return n().createElement("div",{className:"slds-p-vertical_x-small slds-p-horizontal_large slds-shrink-none slds-theme_shade"},n().createElement(x.Ay,{id:s,"aria-controls":r,autocomplete:!0,label:"Search",hideLabel:!0,placeholder:"Search Salesforce",inputIconPosition:"right",rightInputIcon:n().createElement(u.UtilityIcon,{symbol:"search",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:n().createElement(g.Ay,{id:r,snapshot:_.u1,type:"plain",count:8,hideIcons:!0}),resultsType:"listbox",hasInteractions:!0}),t\|\|null,n().createElement("div",{className:"slds-text-title slds-m-top_x-small","aria-live":"polite"},l\|\|"0"," Item(s) Selected"))};le.propTypes={selectedFilters:r().node,itemsSelected:r().string};var ae=function(e){return n().createElement("div",{className:"slds-scrollable slds-grow"},n().createElement("div",{className:"slds-scrollable_none"},n().createElement(P,{hasNoRowHover:!0,isBordered:!0,isFixedLayout:!0,isResizable:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example product list"},n().createElement(R,null,n().createElement(F,null,n().createElement(H,{style:{width:"3.75rem"}}),Z.map(function(e,t){return n().createElement(H,{"aria-label":e,isSortable:!0,isResizable:!0,key:t},n().createElement(M,{columnName:e}))}))),n().createElement(z,null,e.children))))},ne=function(e){return n().createElement("div",{className:"slds-scrollable slds-grow"},n().createElement("div",{className:"slds-scrollable_none"},n().createElement(P,{hasHiddenHeader:!0,hasNoRowHover:!0,isBordered:!0,selectionType:"multiple",type:"advanced",ariaLabel:"Example single column product list"},n().createElement(R,{isHidden:e.hasHiddenHeader},n().createElement(F,null,n().createElement(H,{style:{width:"3.75rem"}}),e.hasHiddenHeader?n().createElement(H,{"aria-label":ee[0]},n().createElement(O,{columnName:ee[0]})):n().createElement(H,{"aria-label":ee[0]},n().createElement(M,{columnName:ee[0]})))),n().createElement(z,null,e.children))))};ne.propTypes={hasHiddenHeader:r().bool,children:r().node};var se=function(e){var t="Select item "+e.index;return n().createElement(B,{isSelected:e.checked},n().createElement(q,{isRightAligned:!0,tabIndex:1===e.index?"0":null,type:"advanced"},n().createElement(v,{label:t,isChecked:e.checked,isDisabled:e.disabled,tabIndex:-1})),n().createElement(W,null,n().createElement(V,{cellText:e.name})),n().createElement(q,{type:"advanced"},n().createElement(V,{cellText:e.productCode})),n().createElement(q,{type:"advanced"},n().createElement(V,{cellText:e.listPrice})),n().createElement(q,{type:"advanced"},n().createElement(V,{cellText:e.productFamily})))},re=function(e){var t="Select item "+e.index;return n().createElement(B,{isSelected:e.checked},n().createElement(q,{isRightAligned:!0,tabIndex:1===e.index?"0":"-1",type:"advanced",style:{width:"3.75rem"}},n().createElement(v,{label:t,isChecked:e.checked,isDisabled:e.disabled,tabIndex:-1})),n().createElement(q,{type:"advanced"},n().createElement(V,{cellText:e.name})))};re.propTypes={className:r().string,index:r().number,checked:r().bool,disabled:r().bool,name:r().string};var oe=function(e){return n().createElement(G.Bm,{variant:"container-bare"},n().createElement(G.IK,null,n().createElement(G.j9,null,n().createElement(G.$P,{label:"Analytics",tabIndex:"0"}))))},ie=function(e){return n().createElement(G.Bm,{variant:"container-bare"},n().createElement(G.IK,null,n().createElement(G.j9,null,n().createElement(G.$P,{label:"Option A",tabIndex:"0"})),n().createElement(G.j9,null,n().createElement(G.$P,{label:"Option B"}))))},de=[{id:"default",label:"Default",element:n().createElement("div",{className:"demo-only demo-only_viewport",style:{height:"640px"}},n().createElement(o.Backdrop,null,n().createElement(o.Modal,{className:"slds-modal_large slds-list-builder","aria-labelledby":"id-of-modalheader-h1"},n().createElement(o.ModalHeader,null,n().createElement("h1",{id:"id-of-modalheader-h1",className:"slds-text-heading_medium"},"Add products"),n().createElement("p",{className:"slds-m-top_x-small"},"Pricebook: Salesforce Products")),n().createElement(o.ModalContent,{className:"slds-grid slds-grow"},n().createElement("div",{className:"slds-grid slds-grid_vertical"},n().createElement(le,null),n().createElement(ae,null,te.map(function(e,t){return n().createElement(se,{checked:!1,key:t,index:t+1,name:e.name,productCode:e.productCode,listPrice:e.listPrice,productFamily:e.productFamily})})))),n().createElement(o.ModalFooter,null,n().createElement("button",{className:"slds-button slds-button_neutral","aria-label":"Cancel and close"},"Cancel"),n().createElement("button",{className:"slds-button slds-button_brand"},"Next")))))}],ce=[{id:"items-selected",label:"Items Selected",element:n().createElement("div",{className:"demo-only demo-only_viewport",style:{height:"640px"}},n().createElement(o.Backdrop,null,n().createElement(o.Modal,{className:"slds-modal_large","aria-labelledby":"id-of-modalheader-h1"},n().createElement(o.ModalHeader,null,n().createElement("h1",{id:"id-of-modalheader-h1",className:"slds-text-heading_medium"},"Add products"),n().createElement("p",{className:"slds-m-top_x-small"},"Pricebook: Salesforce Products")),n().createElement(o.ModalContent,{className:"slds-grid slds-nowrap"},n().createElement("div",{className:"slds-col slds-grid slds-grid_vertical slds-nowrap"},n().createElement(le,{selectedFilters:n().createElement(oe,null),itemsSelected:"1"}),n().createElement(ae,null,te.map(function(e,t){return n().createElement(se,{key:t,index:t+1,checked:0===t,name:e.name,productCode:e.productCode,listPrice:e.listPrice,productFamily:e.productFamily})})))),n().createElement(o.ModalFooter,null,n().createElement("button",{className:"slds-button slds-button_neutral","aria-label":"Cancel and close"},"Cancel"),n().createElement("button",{className:"slds-button slds-button_brand"},"Next")))))},{id:"items-disabled",label:"Items Disabled",element:n().createElement("div",{className:"demo-only demo-only_viewport",style:{height:"640px"}},n().createElement(o.Backdrop,null,n().createElement(o.Modal,{className:"slds-modal_large","aria-labelledby":"id-of-modalheader-h1"},n().createElement(o.ModalHeader,null,n().createElement("h1",{id:"id-of-modalheader-h1",className:"slds-text-heading_medium"},"Add products"),n().createElement("p",{className:"slds-m-top_x-small"},"Pricebook: Salesforce Products")),n().createElement(o.ModalContent,{className:"slds-grid slds-nowrap"},n().createElement("div",{className:"slds-col slds-grid slds-grid_vertical slds-nowrap"},n().createElement(le,{itemsSelected:"0"}),n().createElement(ae,null,te.map(function(e,t){return n().createElement(se,{checked:!1,key:t,index:t+1,disabled:t%2==0\|\|null,name:e.name,productCode:e.productCode,listPrice:e.listPrice,productFamily:e.productFamily})})))),n().createElement(o.ModalFooter,null,n().createElement("button",{className:"slds-button slds-button_neutral","aria-label":"Cancel and close"},"Cancel"),n().createElement("button",{className:"slds-button slds-button_brand"},"Next")))))},{id:"items-default-selected",label:"Items Default Selected",element:n().createElement("div",{className:"demo-only demo-only_viewport",style:{height:"640px"}},n().createElement(o.Backdrop,null,n().createElement(o.Modal,{className:"slds-modal_large","aria-labelledby":"id-of-modalheader-h1"},n().createElement(o.ModalHeader,null,n().createElement("h1",{id:"id-of-modalheader-h1",className:"slds-text-heading_medium"},"Add products"),n().createElement("p",{className:"slds-m-top_x-small"},"Pricebook: Salesforce Products")),n().createElement(o.ModalContent,{className:"slds-grid slds-nowrap"},n().createElement("div",{className:"slds-col slds-grid slds-grid_vertical slds-nowrap"},n().createElement(le,{itemsSelected:"0"}),n().createElement(ae,null,te.map(function(e,t){return n().createElement(se,{key:t,index:t+1,checked:t%2==1,disabled:t%2==1\|\|null,name:e.name,productCode:e.productCode,listPrice:e.listPrice,productFamily:e.productFamily})})))),n().createElement(o.ModalFooter,null,n().createElement("button",{className:"slds-button slds-button_neutral","aria-label":"Cancel and close"},"Cancel"),n().createElement("button",{className:"slds-button slds-button_brand"},"Next")))))}],ue=[{id:"two-column-with-hidden-header",label:"Two Column with Hidden Header",element:n().createElement("div",{className:"demo-only demo-only_viewport",style:{height:"640px"}},n().createElement(o.Backdrop,null,n().createElement(o.Modal,{className:"slds-modal_large","aria-labelledby":"id-of-modalheader-h1"},n().createElement(o.ModalHeader,null,n().createElement("h1",{id:"id-of-modalheader-h1",className:"slds-text-heading_medium"},"Add products"),n().createElement("p",{className:"slds-m-top_x-small"},"Pricebook: Salesforce Products")),n().createElement(o.ModalContent,{className:"slds-grid slds-nowrap"},n().createElement("div",{className:"slds-col slds-grid slds-grid_vertical slds-nowrap"},n().createElement(le,{itemsSelected:"0"}),n().createElement(ne,{hasHiddenHeader:!0},te.map(function(e,t){return n().createElement(re,{checked:!1,key:t,index:t+1,name:e.name})})))),n().createElement(o.ModalFooter,null,n().createElement("button",{className:"slds-button slds-button_neutral","aria-label":"Cancel and close"},"Cancel"),n().createElement("button",{className:"slds-button slds-button_brand"},"Next")))))},{id:"filtered",label:"Filtered Results",element:n().createElement("div",{className:"demo-only demo-only_viewport",style:{height:"640px"}},n().createElement(o.Backdrop,null,n().createElement(o.Modal,{className:"slds-modal_large","aria-labelledby":"id-of-modalheader-h1"},n().createElement(o.ModalHeader,null,n().createElement("h1",{id:"id-of-modalheader-h1",className:"slds-text-heading_medium"},"Add products"),n().createElement("p",{className:"slds-m-top_x-small"},"Pricebook: Salesforce Products")),n().createElement(o.ModalContent,{className:"slds-grid slds-grow"},n().createElement("div",{className:"slds-grid slds-grid_vertical"},n().createElement(le,{selectedFilters:n().createElement(ie,null),itemsSelected:"2"}),n().createElement(ae,null,n().createElement(se,{checked:!1,index:1,name:te[0].name,productCode:te[0].productCode,listPrice:te[0].listPrice,productFamily:te[0].productFamily})))),n().createElement(o.ModalFooter,null,n().createElement("button",{className:"slds-button slds-button_neutral","aria-label":"Cancel and close"},"Cancel"),n().createElement("button",{className:"slds-button slds-button_brand"},"Next")))))}]}},l={};function a(e){var n=l[e];if(void 0!==n)return n.exports;var s=l[e]={exports:{}};return t[e](s,s.exports,a),s.exports}a.m=t,a.amdO={},e=[],a.O=function(t,l,n,s){if(!l){var r=1/0;for(c=0;c<e.length;c++){l=e[c][0],n=e[c][1],s=e[c][2];for(var o=!0,i=0;i<l.length;i++)(!1&s\|\|r>=s)&&Object.keys(a.O).every(function(e){return a.O[e](l[i])})?l.splice(i--,1):(o=!1,s<r&&(r=s));if(o){e.splice(c--,1);var d=n();void 0!==d&&(t=d)}}return t}s=s\|\|0;for(var c=e.length;c>0&&e[c-1][2]>s;c--)e[c]=e[c-1];e[c]=[l,n,s]},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},a.d=function(e,t){for(var l in t)a.o(t,l)&&!a.o(e,l)&&Object.defineProperty(e,l,{enumerable:!0,get:t[l]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.j=9674,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0,9674:0};a.O.j=function(t){return 0===e[t]};var t=function(t,l){var n,s,r=l[0],o=l[1],i=l[2],d=0;if(r.some(function(t){return 0!==e[t]})){for(n in o)a.o(o,n)&&(a.m[n]=o[n]);if(i)var c=i(a)}for(t&&t(l);d<r.length;d++)s=r[d],a.o(e,s)&&e[s]&&e[s][0](),e[s]=0;return a.O(c)},l=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];l.forEach(t.bind(null,0)),l.push=t.bind(null,l.push.bind(l))}(),a.nc=void 0;var n=a.O(void 0,[6790],function(){return a(3410)});n=a.O(n),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/list-builder/base/example.jsx.js"]=n}();

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

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},2174:function(e,t,n){n.r(t),n.d(t,{default:function(){return w},examples:function(){return A}});var l=n(1594),i=n.n(l),r=n(7412),a=n.n(r),o=n(942),s=n.n(o),c=n(6333),d=n.n(c),u=n(6955);function m(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var n=0,l=Array(t);n<t;n++)l[n]=e[n];return l}var h=function(e){return i().createElement("div",{className:s()("slds-panel",e.size&&"slds-size_".concat(e.size),e.docked&&"slds-panel_docked slds-panel_docked-".concat(e.docked),e.isAnimated&&"slds-panel_animated",e.drawer&&"slds-panel_drawer",e.isVisible?"slds-is-open":"slds-hidden"),hidden:!e.isVisible,id:e.id},e.children)},f=function(e){var t=e.children;return i().createElement("div",{className:"slds-panel__header-actions"},t)},p=function(e){var t=e.symbol,n=e.handleVisibility,l=e.title,r=s()({"slds-panel__back":"back"===t\|\|"chevronleft"===t,"slds-panel__close":"close"===t});return i().createElement(u.A,{key:"panel-header-close-button",className:r,symbol:t,size:"small",assistiveText:"Collapse ".concat(l),title:"Collapse ".concat(l),onClick:n})};p.propTypes={symbol:a().oneOf(["back","chevronleft","close"]),handleVisibility:a().func,title:a().string};var y=function(e){return i().createElement("h2",{className:"slds-panel__header-title slds-text-heading_small slds-truncate",key:"panel-header-title",title:e.title},e.title)},b=function(e){var t="close",n=i().createElement(i().Fragment,null,i().createElement(y,{title:e.title}),i().createElement(f,null,e.headerActions,i().createElement(p,{title:e.title,handleVisibility:e.handleVisibility,symbol:t})));return"drill-in"===e.invoke&&(n=e.isInvokedByTab?i().createElement(i().Fragment,null,i().createElement(p,{title:e.title,handleVisibility:e.handleVisibility,symbol:e.iconBack}),i().createElement(y,{title:e.title})):i().createElement(i().Fragment,null,i().createElement(p,{title:e.title,handleVisibility:e.handleVisibility,symbol:e.iconBack}),i().createElement(y,{title:e.title}),i().createElement(f,null,e.headerActions,i().createElement(p,{title:e.title,handleVisibility:e.handleVisibility,symbol:t})))),i().createElement("div",{className:s()("slds-panel__header",e.hasCenterTitle&&"slds-panel__header_align-center",e.customHeader&&"slds-panel__header_custom")},e.customHeader?e.customHeader:n)},v=function(e){var t=e.title,n=e.closeSymbol,l=e.hasCenterTitle,r=e.customHeader;return i().createElement("div",{className:s()("slds-panel__header",l&&"slds-panel__header_align-center",r&&"slds-panel__header_custom")},r\|\|i().createElement(i().Fragment,null,i().createElement(y,{title:t}),i().createElement(p,{title:t,symbol:n})))};v.propTypes={title:a().string,closeSymbol:a().string,hasCenterTitle:a().bool,customHeader:a().node},v.defaultProps={title:"Deprecated Panel Header",closeSymbol:"close"};var g=function(e){return i().createElement("div",{className:"slds-panel__body"},e.children)},k=function(e){var t=e.size,n=e.title,l=e.docked,r=e.invoke,a=e.drawer,o=e.isVisible,s=void 0===o\|\|o,c=e.handleVisibility,d=e.customHeader,u=e.children,m=e.isAnimated,f=e.hasCenterTitle,p=e.isInvokedByTab,y=e.iconBack,v=e.headerActions,k=e.headerSlot,_=e.id;return i().createElement(h,{docked:l,drawer:a,size:t,invoke:r,isVisible:s,isAnimated:m,id:_},k\|\|i().createElement(b,{title:n,docked:l,invoke:r,customHeader:d,handleVisibility:c,hasCenterTitle:f,isInvokedByTab:p,iconBack:y,headerActions:v}),i().createElement(g,null,u))};k.propTypes={size:a().oneOf(["small","medium","large","x-large","full"]),docked:a().oneOf(["left","right","bottom"]),invoke:a().oneOf(["drill-in","toggle"]),hasCenterTitle:a().bool,isInvokedByTab:a().bool,iconBack:a().string,headerActions:a().node,headerSlot:a().node,id:a().string},k.defaultProps={iconBack:"chevronleft"};var _=k,E=function(e){var t,n,r=e.size,a=e.title,o=e.docked,c=e.invoke,h=e.drawer,f=e.hasCenterTitle,p=e.icon,y=e.iconTitle,b=e.children,v=(t=(0,l.useState)(!0),n=2,function(e){if(Array.isArray(e))return e}(t)\|\|function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=n){var l,i,r,a,o=[],s=!0,c=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(l=r.call(n)).done)&&(o.push(l.value),o.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return o}}(t,n)\|\|function(e,t){if(e){if("string"==typeof e)return m(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n\|\|"Set"===n?Array.from(e):"Arguments"===n\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(t,n)\|\|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.")}()),g=v[0],_=v[1],E=d()("example-unique-id-"),S=s()("demo-only-element","slds-theme_default","slds-border_bottom","slds-p-around_small",{"slds-text-align_right":"right"===o}),w=function(){return _(!g)},T={backgroundColor:"#fafaf9",position:"relative",height:"600px",overflow:"hidden",display:"flex",flexDirection:"right"===o&&"row-reverse"};return i().createElement(i().Fragment,null,i().createElement("header",{className:S,style:{zIndex:"1"}},i().createElement(u.A,{theme:"neutral",selected:g,symbol:p,title:y,className:"slds-button_icon-border",onClick:w,"aria-expanded":g,"aria-controls":E,"aria-pressed":g})),i().createElement("div",{className:"demo-only-element",style:T},i().createElement(k,{isVisible:g,size:r,title:a,docked:o,invoke:c,drawer:h,handleVisibility:w,hasCenterTitle:f,id:E},b),i().createElement("div",{className:"demo-only-content slds-col slds-p-around_medium"},"This section is demo-only content representing a custom layout in conjunction with the panel. It is not a part of the blueprint.")))};E.propTypes={size:a().string,title:a().string,docked:a().string,invoke:a().string,drawer:a().bool,hasCenterTitle:a().bool,icon:a().string,iconTitle:a().string,children:a().node},E.defaultProps={size:"medium",title:"Panel Header",docked:"left",invoke:"toggle",icon:"toggle_panel_left",iconTitle:"Toggle panel",children:"A panel body accepts any layout or component"};var S=n(4760),w=i().createElement(E,null),T="\n background-color: #fafaf9;\n overflow: hidden;\n",A=[{id:"with-centered-title",label:"With Centered Title",element:i().createElement(E,{hasCenterTitle:!0})},{id:"with-truncated-title",label:"With Truncated Title",element:i().createElement(E,{title:"Panel Header with a really, really long name"})},{id:"with-secondary-actions",label:"With Secondary Actions",demoStyles:"".concat(T," height: 240px;"),storybookStyles:!0,element:i().createElement(_,{size:"medium",title:"Panel Header",docked:"left",invoke:"toggle",headerActions:i().createElement(S.ActionOverflow,{position:"right",size:"small",isOpen:!0})},"A panel body accepts any layout or component")},{id:"with-drilled-in-left",label:"With Drilled-In State - Position Left",demoStyles:"".concat(T," height: 200px;"),storybookStyles:!0,element:i().createElement(_,{size:"medium",title:"Panel Header",docked:"left",invoke:"drill-in"},"A panel body accepts any layout or component")},{id:"with-drilled-in-left-secondary-actions",label:"With Drilled-In State & Secondary Actions - Position left",demoStyles:"".concat(T," height: 200px;"),storybookStyles:!0,element:i().createElement(_,{size:"medium",title:"Panel Header",docked:"left",invoke:"drill-in",headerActions:i().createElement(S.ActionOverflow,{size:"small",position:"right",isOpen:!0})},"A panel body accepts any layout or component")},{id:"with-drilled-in-right",label:"With Drilled-In State - Position Right",demoStyles:"".concat(T," height: 200px;"),storybookStyles:!0,element:i().createElement(_,{size:"medium",title:"Panel Header",docked:"right",invoke:"drill-in"},"A panel body accepts any layout or component")},{id:"drawer",label:"Open as a drawer",element:i().createElement(E,{drawer:!0})},{id:"deprecated-panel-header",label:"DEPRECATED - Panel Header",element:i().createElement(_,{size:"medium",docked:"left",headerSlot:i().createElement(v,null)},"A panel body accepts any layout or component")}]}},n={};function l(e){var i=n[e];if(void 0!==i)return i.exports;var r=n[e]={exports:{}};return t[e](r,r.exports,l),r.exports}l.m=t,l.amdO={},e=[],l.O=function(t,n,i,r){if(!n){var a=1/0;for(d=0;d<e.length;d++){n=e[d][0],i=e[d][1],r=e[d][2];for(var o=!0,s=0;s<n.length;s++)(!1&r\|\|a>=r)&&Object.keys(l.O).every(function(e){return l.O[e](n[s])})?n.splice(s--,1):(o=!1,r<a&&(a=r));if(o){e.splice(d--,1);var c=i();void 0!==c&&(t=c)}}return t}r=r\|\|0;for(var d=e.length;d>0&&e[d-1][2]>r;d--)e[d]=e[d-1];e[d]=[n,i,r]},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,{a:t}),t},l.d=function(e,t){for(var n in t)l.o(t,n)&&!l.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=1697,function(){var e={518:0,1117:0,1252:0,1578:0,1697:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};l.O.j=function(t){return 0===e[t]};var t=function(t,n){var i,r,a=n[0],o=n[1],s=n[2],c=0;if(a.some(function(t){return 0!==e[t]})){for(i in o)l.o(o,i)&&(l.m[i]=o[i]);if(s)var d=s(l)}for(t&&t(n);c<a.length;c++)r=a[c],l.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return l.O(d)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),l.nc=void 0;var i=l.O(void 0,[6790],function(){return l(2174)});i=l.O(i),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/panels/base/example.jsx.js"]=i}();
1	+ var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},2174:function(e,t,n){n.r(t),n.d(t,{default:function(){return w},examples:function(){return A}});var l=n(1594),i=n.n(l),r=n(4187),a=n.n(r),o=n(942),s=n.n(o),c=n(6333),d=n.n(c),u=n(6955);function m(e,t){(null==t\|\|t>e.length)&&(t=e.length);for(var n=0,l=Array(t);n<t;n++)l[n]=e[n];return l}var h=function(e){return i().createElement("div",{className:s()("slds-panel",e.size&&"slds-size_".concat(e.size),e.docked&&"slds-panel_docked slds-panel_docked-".concat(e.docked),e.isAnimated&&"slds-panel_animated",e.drawer&&"slds-panel_drawer",e.isVisible?"slds-is-open":"slds-hidden"),hidden:!e.isVisible,id:e.id},e.children)},f=function(e){var t=e.children;return i().createElement("div",{className:"slds-panel__header-actions"},t)},p=function(e){var t=e.symbol,n=e.handleVisibility,l=e.title,r=s()({"slds-panel__back":"back"===t\|\|"chevronleft"===t,"slds-panel__close":"close"===t});return i().createElement(u.A,{key:"panel-header-close-button",className:r,symbol:t,size:"small",assistiveText:"Collapse ".concat(l),title:"Collapse ".concat(l),onClick:n})};p.propTypes={symbol:a().oneOf(["back","chevronleft","close"]),handleVisibility:a().func,title:a().string};var y=function(e){return i().createElement("h2",{className:"slds-panel__header-title slds-text-heading_small slds-truncate",key:"panel-header-title",title:e.title},e.title)},b=function(e){var t="close",n=i().createElement(i().Fragment,null,i().createElement(y,{title:e.title}),i().createElement(f,null,e.headerActions,i().createElement(p,{title:e.title,handleVisibility:e.handleVisibility,symbol:t})));return"drill-in"===e.invoke&&(n=e.isInvokedByTab?i().createElement(i().Fragment,null,i().createElement(p,{title:e.title,handleVisibility:e.handleVisibility,symbol:e.iconBack}),i().createElement(y,{title:e.title})):i().createElement(i().Fragment,null,i().createElement(p,{title:e.title,handleVisibility:e.handleVisibility,symbol:e.iconBack}),i().createElement(y,{title:e.title}),i().createElement(f,null,e.headerActions,i().createElement(p,{title:e.title,handleVisibility:e.handleVisibility,symbol:t})))),i().createElement("div",{className:s()("slds-panel__header",e.hasCenterTitle&&"slds-panel__header_align-center",e.customHeader&&"slds-panel__header_custom")},e.customHeader?e.customHeader:n)},v=function(e){var t=e.title,n=e.closeSymbol,l=e.hasCenterTitle,r=e.customHeader;return i().createElement("div",{className:s()("slds-panel__header",l&&"slds-panel__header_align-center",r&&"slds-panel__header_custom")},r\|\|i().createElement(i().Fragment,null,i().createElement(y,{title:t}),i().createElement(p,{title:t,symbol:n})))};v.propTypes={title:a().string,closeSymbol:a().string,hasCenterTitle:a().bool,customHeader:a().node},v.defaultProps={title:"Deprecated Panel Header",closeSymbol:"close"};var g=function(e){return i().createElement("div",{className:"slds-panel__body"},e.children)},k=function(e){var t=e.size,n=e.title,l=e.docked,r=e.invoke,a=e.drawer,o=e.isVisible,s=void 0===o\|\|o,c=e.handleVisibility,d=e.customHeader,u=e.children,m=e.isAnimated,f=e.hasCenterTitle,p=e.isInvokedByTab,y=e.iconBack,v=e.headerActions,k=e.headerSlot,_=e.id;return i().createElement(h,{docked:l,drawer:a,size:t,invoke:r,isVisible:s,isAnimated:m,id:_},k\|\|i().createElement(b,{title:n,docked:l,invoke:r,customHeader:d,handleVisibility:c,hasCenterTitle:f,isInvokedByTab:p,iconBack:y,headerActions:v}),i().createElement(g,null,u))};k.propTypes={size:a().oneOf(["small","medium","large","x-large","full"]),docked:a().oneOf(["left","right","bottom"]),invoke:a().oneOf(["drill-in","toggle"]),hasCenterTitle:a().bool,isInvokedByTab:a().bool,iconBack:a().string,headerActions:a().node,headerSlot:a().node,id:a().string},k.defaultProps={iconBack:"chevronleft"};var _=k,E=function(e){var t,n,r=e.size,a=e.title,o=e.docked,c=e.invoke,h=e.drawer,f=e.hasCenterTitle,p=e.icon,y=e.iconTitle,b=e.children,v=(t=(0,l.useState)(!0),n=2,function(e){if(Array.isArray(e))return e}(t)\|\|function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]\|\|e["@@iterator"];if(null!=n){var l,i,r,a,o=[],s=!0,c=!1;try{if(r=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;s=!1}else for(;!(s=(l=r.call(n)).done)&&(o.push(l.value),o.length!==t);s=!0);}catch(e){c=!0,i=e}finally{try{if(!s&&null!=n.return&&(a=n.return(),Object(a)!==a))return}finally{if(c)throw i}}return o}}(t,n)\|\|function(e,t){if(e){if("string"==typeof e)return m(e,t);var n={}.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n\|\|"Set"===n?Array.from(e):"Arguments"===n\|\|/^(?:Ui\|I)nt(?:8\|16\|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(t,n)\|\|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.")}()),g=v[0],_=v[1],E=d()("example-unique-id-"),S=s()("demo-only-element","slds-theme_default","slds-border_bottom","slds-p-around_small",{"slds-text-align_right":"right"===o}),w=function(){return _(!g)},T={backgroundColor:"#fafaf9",position:"relative",height:"600px",overflow:"hidden",display:"flex",flexDirection:"right"===o&&"row-reverse"};return i().createElement(i().Fragment,null,i().createElement("header",{className:S,style:{zIndex:"1"}},i().createElement(u.A,{theme:"neutral",selected:g,symbol:p,title:y,className:"slds-button_icon-border",onClick:w,"aria-expanded":g,"aria-controls":E,"aria-pressed":g})),i().createElement("div",{className:"demo-only-element",style:T},i().createElement(k,{isVisible:g,size:r,title:a,docked:o,invoke:c,drawer:h,handleVisibility:w,hasCenterTitle:f,id:E},b),i().createElement("div",{className:"demo-only-content slds-col slds-p-around_medium"},"This section is demo-only content representing a custom layout in conjunction with the panel. It is not a part of the blueprint.")))};E.propTypes={size:a().string,title:a().string,docked:a().string,invoke:a().string,drawer:a().bool,hasCenterTitle:a().bool,icon:a().string,iconTitle:a().string,children:a().node},E.defaultProps={size:"medium",title:"Panel Header",docked:"left",invoke:"toggle",icon:"toggle_panel_left",iconTitle:"Toggle panel",children:"A panel body accepts any layout or component"};var S=n(4760),w=i().createElement(E,null),T="\n background-color: #fafaf9;\n overflow: hidden;\n",A=[{id:"with-centered-title",label:"With Centered Title",element:i().createElement(E,{hasCenterTitle:!0})},{id:"with-truncated-title",label:"With Truncated Title",element:i().createElement(E,{title:"Panel Header with a really, really long name"})},{id:"with-secondary-actions",label:"With Secondary Actions",demoStyles:"".concat(T," height: 240px;"),storybookStyles:!0,element:i().createElement(_,{size:"medium",title:"Panel Header",docked:"left",invoke:"toggle",headerActions:i().createElement(S.ActionOverflow,{position:"right",size:"small",isOpen:!0})},"A panel body accepts any layout or component")},{id:"with-drilled-in-left",label:"With Drilled-In State - Position Left",demoStyles:"".concat(T," height: 200px;"),storybookStyles:!0,element:i().createElement(_,{size:"medium",title:"Panel Header",docked:"left",invoke:"drill-in"},"A panel body accepts any layout or component")},{id:"with-drilled-in-left-secondary-actions",label:"With Drilled-In State & Secondary Actions - Position left",demoStyles:"".concat(T," height: 200px;"),storybookStyles:!0,element:i().createElement(_,{size:"medium",title:"Panel Header",docked:"left",invoke:"drill-in",headerActions:i().createElement(S.ActionOverflow,{size:"small",position:"right",isOpen:!0})},"A panel body accepts any layout or component")},{id:"with-drilled-in-right",label:"With Drilled-In State - Position Right",demoStyles:"".concat(T," height: 200px;"),storybookStyles:!0,element:i().createElement(_,{size:"medium",title:"Panel Header",docked:"right",invoke:"drill-in"},"A panel body accepts any layout or component")},{id:"drawer",label:"Open as a drawer",element:i().createElement(E,{drawer:!0})},{id:"deprecated-panel-header",label:"DEPRECATED - Panel Header",element:i().createElement(_,{size:"medium",docked:"left",headerSlot:i().createElement(v,null)},"A panel body accepts any layout or component")}]}},n={};function l(e){var i=n[e];if(void 0!==i)return i.exports;var r=n[e]={exports:{}};return t[e](r,r.exports,l),r.exports}l.m=t,l.amdO={},e=[],l.O=function(t,n,i,r){if(!n){var a=1/0;for(d=0;d<e.length;d++){n=e[d][0],i=e[d][1],r=e[d][2];for(var o=!0,s=0;s<n.length;s++)(!1&r\|\|a>=r)&&Object.keys(l.O).every(function(e){return l.O[e](n[s])})?n.splice(s--,1):(o=!1,r<a&&(a=r));if(o){e.splice(d--,1);var c=i();void 0!==c&&(t=c)}}return t}r=r\|\|0;for(var d=e.length;d>0&&e[d-1][2]>r;d--)e[d]=e[d-1];e[d]=[n,i,r]},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,{a:t}),t},l.d=function(e,t){for(var n in t)l.o(t,n)&&!l.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=1697,function(){var e={518:0,1117:0,1252:0,1578:0,1697:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};l.O.j=function(t){return 0===e[t]};var t=function(t,n){var i,r,a=n[0],o=n[1],s=n[2],c=0;if(a.some(function(t){return 0!==e[t]})){for(i in o)l.o(o,i)&&(l.m[i]=o[i]);if(s)var d=s(l)}for(t&&t(n);c<a.length;c++)r=a[c],l.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return l.O(d)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),l.nc=void 0;var i=l.O(void 0,[6790],function(){return l(2174)});i=l.O(i),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/panels/base/example.jsx.js"]=i}();

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

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,t={283:function(e,t,n){function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),a=n(1594),i=(l(a),l(n(7412)));function l(e){return e&&e.__esModule?e:{default:e}}var c=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t\|\|"object"!==o(t)&&"function"!=typeof t?e:t}(this,(t.__proto__\|\|Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+o(t));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),r(t,[{key:"componentDidMount",value:function(){this.props.contentDidMount()}},{key:"componentDidUpdate",value:function(){this.props.contentDidUpdate()}},{key:"render",value:function(){return a.Children.only(this.props.children)}}]),t}(a.Component);c.propTypes={children:i.default.element.isRequired,contentDidMount:i.default.func.isRequired,contentDidUpdate:i.default.func.isRequired},t.default=c},1594:function(e){e.exports=React},3018:function(e,t,n){var o=n(5388);Object.defineProperty(t,"Ay",{enumerable:!0,get:function(){return(e=o,e&&e.__esModule?e:{default:e}).default;var e}});var r=n(8693);Object.defineProperty(t,"rH",{enumerable:!0,get:function(){return r.FrameContextConsumer}})},3121:function(e,t,n){n.r(t),n.d(t,{default:function(){return te},states:function(){return ne}});var o=n(1594),r=n.n(o),a=n(3018),i=n(3920),l=n(7412),c=n.n(l),s=n(2711),u=n(188),d=JSON.parse('[{"id":"iphone-11-pro-max","description":"iPhone 11 Pro Max","dimensions":{"width":414,"height":896}},{"id":"iphone-11-pro","description":"iPhone 11 Pro","dimensions":{"width":375,"height":812}},{"id":"iphone-11","description":"iPhone 11","dimensions":{"width":414,"height":896}},{"id":"iphone-xr","description":"iPhone XR","dimensions":{"width":414,"height":896}},{"id":"iphone-x","description":"iPhone X","dimensions":{"width":375,"height":812}},{"id":"iphone-8-plus","description":"iPhone 8 Plus","dimensions":{"width":414,"height":736}},{"id":"iphone-8","description":"iPhone 8","dimensions":{"width":375,"height":667}},{"id":"ipad-pro","description":"iPad Pro","dimensions":{"width":1024,"height":1366}},{"id":"ipad","description":"iPad 3rd & 4th Generation","dimensions":{"width":768,"height":1024}},{"id":"pixel-3xl","description":"Google Pixel 3 XL","dimensions":{"width":412,"height":847}},{"id":"pixel-3","description":"Google Pixel 3","dimensions":{"width":412,"height":824}},{"id":"pixel-2xl","description":"Google Pixel 2 XL","dimensions":{"width":412,"height":732}},{"id":"pixel","description":"Google Pixel","dimensions":{"width":412,"height":732}},{"id":"galaxy-s9","description":"Samsung Galaxy S8/S8+/S9/S9+","dimensions":{"width":360,"height":740}}]');function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,m(o.key),o)}}function m(e){var t=function(e){if("object"!=p(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==p(t)?t:t+""}function h(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(h=function(){return!!e})()}function b(e){return b=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},b(e)}function y(e,t){return y=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},y(e,t)}var v={};d.map(function(e,t){v[e.id]=t});var g=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t,n){return t=b(t),function(e,t){if(t&&("object"==p(t)\|\|"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,h()?Reflect.construct(t,n\|\|[],b(e).constructor):t.apply(e,n))}(this,t,arguments)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&y(e,t)}(t,e),n=t,(o=[{key:"render",value:function(){var e=this.props,t=e.children,n=e.hideDeviceSelector,o=e.frameStyles,l=e.frameTitle,c=!1;o&&o.hasOwnProperty("height")&&(c=!0);var p=Math.random().toString(36).substr(2,9),f="example-frame-"+p,m="device-selector-"+p,h="iphone-11",b=function(e){var t=e.target.value\|\|h,n=v[t],o=d[n],r=document.getElementById(f),a=o?o.dimensions.width+"px":null;r.style.width=a,!c&&r.contentWindow.resizeIframe&&r.contentWindow.resizeIframe()},y='\n <!DOCTYPE html>\n <html>\n <head>\n <link rel="stylesheet" type="text/css" href="/assets/styles/salesforce-lightning-design-system.min.css" />\n <link rel="stylesheet" type="text/css" href="/assets/__internal/styles/salesforce-lightning-design-system_touch-demo.min.css" />\n <style type="text/css">\n html { background: transparent !important; padding: 1rem; }\n </style>\n </head>\n <body>\n <div></div>'+(c?"":"<script>\n function resizeIframe() {\n window.frameElement.classList.remove('slds-resize-done');\n const offsetHeight = document.documentElement.offsetHeight;\n const frameHeight = offsetHeight + (window.frameElement.offsetHeight - window.frameElement.clientHeight);\n window.frameElement.style.height = Math.ceil(frameHeight) + \"px\";\n window.frameElement.classList.add('slds-resize-done');\n }\n\n window.parent.addEventListener(\"resize\", resizeIframe);\n setTimeout(resizeIframe, 250);\n <\/script>")+"</body>\n </html>";return r().createElement(r().Fragment,null,r().createElement(a.Ay,{className:"docs-mobile_frame",id:f,initialContent:y,style:o,onLoad:b,title:l},r().createElement(a.rH,null,function(e){return r().createElement(i.ID,{target:e.document.head},r().createElement(r().Fragment,null,t))})),!n&&r().createElement("ul",{className:"docs-codeblock__action-bar docs-codeblock__device-selector"},r().createElement("li",null,r().createElement(s.ZS,{isHorizontal:!0,labelContent:"Select a device to set the width of the example",inputId:m},r().createElement(u.Select,{id:m,onChange:b},r().createElement("option",{value:"no-device"},"No device"),d.map(function(e,t){var n=e.id===h;return r().createElement("option",{key:t,value:e.id,selected:n},e.description)}))))))}}])&&f(n.prototype,o),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,o}(r().Component);g.propTypes={hideDeviceSelector:c().bool,frameStyles:c().object,frameTitle:c().string};var E=n(4216),S=n(942),w=n.n(S),_=n(9825),x=n(6955),O=n(8347),P=n(5373);function C(e){return C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},C(e)}function j(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,T(o.key),o)}}function T(e){var t=function(e){if("object"!=C(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=C(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==C(t)?t:t+""}function k(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(k=function(){return!!e})()}function N(e){return N=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},N(e)}function D(e,t){return D=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},D(e,t)}var R=function(e){return r().createElement("div",{className:w()("slds-path",{"slds-path_has-coaching":e.hasCoaching,"slds-is-expanded":e.coachingOpen})},e.children)};R.propTypes={hasCoaching:c().bool,coachingOpen:c().bool},R.defaultProps={hasCoaching:!1,coachingOpen:!1};var L=function(e){var t=e.hasCoaching,n=e.coachingOpen,o=e.hasOverflow,a=e.coachingId,i=e.stageName,l=e.actionButtonLabel;return r().createElement("div",{className:w()("slds-grid slds-path__track",{"slds-has-overflow":o})},r().createElement("div",{className:"slds-grid slds-path__scroller-container"},t?r().createElement(x.A,{symbol:"chevronright",theme:"neutral",className:w()("slds-path__trigger",{"slds-path__trigger_open":n}),assistiveText:"Show Details",title:"Toggle Sales Coaching","aria-expanded":n,"aria-controls":a}):null,r().createElement("div",{className:"slds-path__scroller"},r().createElement("div",{className:"slds-path__scroller_inner"},r().createElement("ul",{className:"slds-path__nav",role:"listbox","aria-orientation":"horizontal","aria-labelledby":"slds-path__stage-name"},e.children),o?r().createElement("div",{className:"slds-path__scroll-controls"},r().createElement(x.A,{symbol:"left",theme:"neutral",assistiveText:"Scroll left",title:"Scroll left",tabIndex:"-1"}),r().createElement(x.A,{symbol:"right",theme:"neutral",assistiveText:"Scroll right",title:"Scroll right",tabIndex:"-1"})):null))),r().createElement("div",{className:"slds-grid slds-path__action"},r().createElement("span",{id:"slds-path__stage-name",className:"slds-path__stage-name"},"Stage: ",i),r().createElement(_.Button,{isBrand:!0,className:"slds-path__mark-complete"},l),t?r().createElement(_.Button,{isNeutral:!0,className:"slds-path__trigger-coaching-content","aria-expanded":n,"aria-controls":a},n?"Show Less":"Show More"):null))};L.propTypes={hasCoaching:c().bool,coachingOpen:c().bool,hasOverflow:c().bool,coachingId:c().string,stageName:c().string,actionButtonLabel:c().node},L.defaultProps={hasCoaching:!1,coachingOpen:!1,hasOverflow:!1,coachingId:"",stageName:"Unqualified",actionButtonLabel:r().createElement(o.Fragment,null,r().createElement(O.A,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"check","aria-hidden":"true"}),"Mark Status as Complete")};var M=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(e,t,n){return t=N(t),function(e,t){if(t&&("object"==C(t)\|\|"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,k()?Reflect.construct(t,n\|\|[],N(e).constructor):t.apply(e,n))}(this,t)).state={itemRef:null},e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&D(e,t)}(t,e),n=t,o=[{key:"componentDidUpdate",value:function(e,t){var n=this.props.setTooltipRef,o=this.state.itemRef;n&&o!==t.itemRef&&n(o)}},{key:"render",value:function(){var e=this,t=this.props,n=t.label,o=t.stepState,a=t.index,i=o.indexOf("active")>-1,l=o.indexOf("complete")>-1,c=o.indexOf("current")>-1,s=null;return l?s="Stage Complete":c&&(s="Current Stage:"),r().createElement("li",{className:w()("slds-path__item",o.map(function(e){return"slds-is-".concat(e)})),role:"presentation",ref:function(t){e.state.itemRef\|\|e.setState({itemRef:t})}},r().createElement("a",{"aria-selected":i,className:"slds-path__link",href:"#",onClick:function(e){return e.preventDefault()},id:"path-".concat(a),role:"option",tabIndex:i?0:-1},r().createElement("span",{className:"slds-path__stage"},r().createElement(O.A,{className:"slds-icon slds-icon_x-small",sprite:"utility",symbol:"check"}),s?r().createElement("span",{className:"slds-assistive-text"},s):null),r().createElement("span",{className:"slds-path__title"},n)))}}],o&&j(n.prototype,o),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,o}(o.Component);M.propTypes={label:c().string,stepState:c().arrayOf(c().string),index:c().number},M.defaultProps={label:"Undefined",stepState:["incomplete"],index:0};var I=function(e){var t=e.coachingId,n=e.isHidden,o=e.coachingData,a=e.pathGuidance;return r().createElement("div",{className:w()("slds-path__content",{"slds-is-collapsed":n}),id:t},r().createElement("div",{className:"slds-path__coach slds-grid"},r().createElement("div",{className:"slds-path__keys"},r().createElement("div",{className:"slds-grid slds-grid_align-spread slds-path__coach-title"},r().createElement("h2",null,"Key Fields This Stage"),r().createElement(_.Button,{className:"slds-path__coach-edit slds-text-body_small"},"Edit")),r().createElement(P.Ay,{direction:"stacked",snapshot:o,isViewMode:!0})),r().createElement("div",{className:"slds-path__guidance"},r().createElement("h2",{className:"slds-path__coach-title"},"Guidance for Success"),r().createElement("div",{className:"slds-text-longform slds-path__guidance-content"},a))))};function U(e){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(e)}function B(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,F(o.key),o)}}function F(e){var t=function(e){if("object"!=U(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=U(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==U(t)?t:t+""}function A(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(A=function(){return!!e})()}function q(e){return q=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},q(e)}function H(e,t){return H=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},H(e,t)}I.propTypes={coachingId:c().string,isHidden:c().bool,coachingData:c().object,pathGuidance:c().arrayOf(c().node)},I.defaultProps={coachingId:null,isHidden:!1,coachingData:{rows:[{fields:[{type:"text",label:"Expected Budget",value:"$10,000"}]},{fields:[{type:"text",label:"Lead Source",value:"Marketing and Web Referral"}]},{fields:[{type:"text",label:"Support Engineer",value:"Jane Authur"}]}]},pathGuidance:[r().createElement("p",{key:"guidance-1"},"Regularly cross-sell related products using"," ",r().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"cross-sell tactics and principles"),"."),r().createElement("p",{key:"guidance-2"},"Prepare demo deck using the"," ",r().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"latest template")," ","and review with Marketing and Sales teams. Review demo copy with Legal and Doc team."),r().createElement("p",{key:"guidance-3"},"Look up"," ",r().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"needs analysis principles")," ","and review selling plan with Sales Engineer.")]};var W=function(){return r().createElement(R,null,r().createElement(L,null,r().createElement(M,{label:"Contacted",stepState:["current","active"],index:1}),r().createElement(M,{label:"Open",stepState:["incomplete"],index:2}),r().createElement(M,{label:"Unqualified",stepState:["incomplete"],index:3}),r().createElement(M,{label:"Nurturing",stepState:["incomplete"],index:4}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:5})))},z=function(){return r().createElement(R,null,r().createElement(L,null,r().createElement(M,{label:"Contacted",stepState:["complete"],index:6}),r().createElement(M,{label:"Open",stepState:["complete"],index:7}),r().createElement(M,{label:"Unqualified",stepState:["complete"],index:8}),r().createElement(M,{label:"Nurturing",stepState:["current","active"],index:9}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:10})))},G=function(){return r().createElement(R,null,r().createElement(L,{actionButtonLabel:"Mark as Current Stage"},r().createElement(M,{label:"Contacted",stepState:["current"],index:11}),r().createElement(M,{label:"Open",stepState:["incomplete"],index:12}),r().createElement(M,{label:"Unqualified",stepState:["active"],index:13}),r().createElement(M,{label:"Nurturing",stepState:["incomplete"],index:14}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:15})))},V=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(e,t,n){return t=q(t),function(e,t){if(t&&("object"==U(t)\|\|"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,A()?Reflect.construct(t,n\|\|[],q(e).constructor):t.apply(e,n))}(this,t)).updateTooltipOffset=e.updateTooltipOffset.bind(e),e.setTooltipRef=e.setTooltipRef.bind(e),e.state={tooltipRef:null,tooltipLeft:0,tooltipTop:0},e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&H(e,t)}(t,e),n=t,(a=[{key:"componentDidMount",value:function(){window.addEventListener("resize",this.updateTooltipOffset),this.updateTooltipOffset()}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.updateTooltipOffset)}},{key:"componentDidUpdate",value:function(e,t){this.state.tooltipRef&&!t.tooltipRef&&this.updateTooltipOffset()}},{key:"updateTooltipOffset",value:function(){var e=this.state.tooltipRef,t=0,n=0;e&&(t=e.offsetLeft+e.offsetWidth/2,n=e.offsetTop+e.offsetHeight+14),this.setState({tooltipLeft:t,tooltipTop:n})}},{key:"setTooltipRef",value:function(e){this.setState({tooltipRef:e})}},{key:"render",value:function(){var e=this,t=this.state,n=t.tooltipLeft,a=t.tooltipTop;return r().createElement(o.Fragment,null,r().createElement(R,null,r().createElement(L,{actionButtonLabel:"Mark as Current Stage"},r().createElement(M,{label:"Contacted",stepState:["complete"],index:16}),r().createElement(M,{label:"Open",stepState:["complete"],index:17}),r().createElement(M,{label:"Unqualified",stepState:["current"],index:18,setTooltipRef:function(t){return e.setTooltipRef(t)}}),r().createElement(M,{label:"Nurturing",stepState:["active"],index:19}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:20})),r().createElement(E.Tooltip,{className:"slds-nubbin_top",style:{left:"".concat(n,"px"),transform:"translateX(-50%)",top:"".concat(a,"px"),position:"absolute"}},"3 Days in Unqualified")))}}])&&B(n.prototype,a),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,a}(o.Component),X=function(){var e="path-coaching-1";return r().createElement(R,{hasCoaching:!0},r().createElement(L,{coachingId:e,hasCoaching:!0},r().createElement(M,{label:"Contacted",stepState:["complete"],index:21}),r().createElement(M,{label:"Open",stepState:["complete"],index:22}),r().createElement(M,{label:"Unqualified",stepState:["active","current"],index:23}),r().createElement(M,{label:"Nurturing",stepState:["incomplete"],index:24}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:25})),r().createElement(I,{coachingId:e,labelledBy:"path-23",isHidden:!0}))},J=function(){var e="path-coaching-2";return r().createElement(R,{hasCoaching:!0,coachingOpen:!0},r().createElement(L,{coachingId:e,hasCoaching:!0,coachingOpen:!0},r().createElement(M,{label:"Contacted",stepState:["complete"],index:26}),r().createElement(M,{label:"Open",stepState:["complete"],index:27}),r().createElement(M,{label:"Unqualified",stepState:["current"],index:28}),r().createElement(M,{label:"Nurturing",stepState:["incomplete","active"],index:29}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:30})),r().createElement(I,{coachingId:e,labelledBy:"path-28"}))},Q=function(){return r().createElement(R,null,r().createElement(L,{actionButtonLabel:"Change Closed State"},r().createElement(M,{label:"Contacted",stepState:["complete"],index:31}),r().createElement(M,{label:"Open",stepState:["complete"],index:32}),r().createElement(M,{label:"Unqualified",stepState:["complete"],index:33}),r().createElement(M,{label:"Nurturing",stepState:["complete"],index:34}),r().createElement(M,{label:"Closed Won",stepState:["won","active","current"],index:35})))},Y=function(){return r().createElement(R,null,r().createElement(L,{actionButtonLabel:"Change Closed State"},r().createElement(M,{label:"Contacted",stepState:["incomplete"],index:36}),r().createElement(M,{label:"Open",stepState:["incomplete"],index:37}),r().createElement(M,{label:"Unqualified",stepState:["incomplete"],index:38}),r().createElement(M,{label:"Nurturing",stepState:["incomplete"],index:39}),r().createElement(M,{label:"Closed Lost",stepState:["lost","active","current"],index:40})))},K=function(){return r().createElement(R,null,r().createElement(L,{hasOverflow:!0},r().createElement(M,{label:"Prospecting",stepState:["complete"],index:41}),r().createElement(M,{label:"Qualification",stepState:["complete"],index:42}),r().createElement(M,{label:"Needs Analysis",stepState:["active","current"],index:43}),r().createElement(M,{label:"Value Proposition",stepState:["incomplete"],index:44}),r().createElement(M,{label:"Id. Decision Maker",stepState:["incomplete"],index:45}),r().createElement(M,{label:"Perception Analysis",stepState:["incomplete"],index:46}),r().createElement(M,{label:"Proposal / Pricing",stepState:["incomplete"],index:47}),r().createElement(M,{label:"Negotiation / Review",stepState:["incomplete"],index:48}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:49})))},Z=function(){return r().createElement("div",{className:"slds-region_medium",style:{width:"700px"}},r().createElement(R,null,r().createElement(L,null,r().createElement(M,{label:"Contacted",stepState:["complete"],index:50}),r().createElement(M,{label:"Open",stepState:["complete"],index:51}),r().createElement(M,{label:"Unqualified",stepState:["active","current"],index:52}),r().createElement(M,{label:"Nurturing",stepState:["incomplete"],index:53}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:54}))))},$=function(){var e="path-coaching-2";return r().createElement("div",{className:"slds-region_medium",style:{width:"700px"}},r().createElement(R,{hasCoaching:!0,coachingOpen:!0},r().createElement(L,{stageName:"Needs Analysis",coachingId:e,hasCoaching:!0,coachingOpen:!0,hasOverflow:!0},r().createElement(M,{label:"Prospecting",stepState:["complete"],index:55}),r().createElement(M,{label:"Qualification",stepState:["complete"],index:56}),r().createElement(M,{label:"Needs Analysis",stepState:["active","current"],index:57}),r().createElement(M,{label:"Value Proposition",stepState:["incomplete"],index:58}),r().createElement(M,{label:"Id. Decision Maker",stepState:["incomplete"],index:59}),r().createElement(M,{label:"Perception Analysis",stepState:["incomplete"],index:60}),r().createElement(M,{label:"Proposal / Pricing",stepState:["incomplete"],index:61}),r().createElement(M,{label:"Negotiation / Review",stepState:["incomplete"],index:62}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:63})),r().createElement(I,{coachingId:e,labelledBy:"path-57"})))},ee=function(){var e="path-coaching-3";return r().createElement("div",{className:"slds-region_small",style:{width:"360px"}},r().createElement(R,{hasCoaching:!0,coachingOpen:!0},r().createElement(L,{stageName:"Needs Analysis",coachingId:e,hasOverflow:!0,hasCoaching:!0,coachingOpen:!0},r().createElement(M,{label:"Prospecting",stepState:["complete"],index:64}),r().createElement(M,{label:"Qualification",stepState:["complete"],index:65}),r().createElement(M,{label:"Needs Analysis",stepState:["active","current"],index:66}),r().createElement(M,{label:"Value Proposition",stepState:["incomplete"],index:67}),r().createElement(M,{label:"Id. Decision Maker",stepState:["incomplete"],index:68}),r().createElement(M,{label:"Perception Analysis",stepState:["incomplete"],index:69}),r().createElement(M,{label:"Proposal / Pricing",stepState:["incomplete"],index:70}),r().createElement(M,{label:"Negotiation / Review",stepState:["incomplete"],index:71}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:72})),r().createElement(I,{coachingId:e,labelledBy:"path-66"})))},te=r().createElement(W,null),ne=[{id:"later-stage",label:"In a later stage",element:r().createElement(z,null)},{id:"different-stage-selected",label:"With different stage selected",element:r().createElement(G,null)},{id:"with-visible-tooltip",label:"With visible tooltip",element:r().createElement(V,null)},{id:"with-coaching",label:"With coaching available",element:r().createElement(X,null)},{id:"different-coaching",label:"With different stage selected - with coaching",element:r().createElement(J,null)},{id:"lost",label:"Lost",element:r().createElement(Y,null)},{id:"won",label:"Won",element:r().createElement(Q,null)},{id:"with-overflow",label:"Path with overflow",element:r().createElement(K,null)},{id:"medium",label:"Medium viewport",element:r().createElement(Z,null)},{id:"medium-coaching",label:"Medium viewport with coaching",element:r().createElement($,null)},{id:"small-coaching",label:"Small viewport",element:r().createElement(ee,null)},{id:"mobile-default",label:"Mobile: default",element:r().createElement(g,{hideDeviceSelector:!0,frameTitle:"Example mobile styles for path"},r().createElement(W,null))}]},5206:function(e){e.exports=ReactDOM},5388:function(e,t,n){function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.Frame=void 0;var r=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},a=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),i=n(1594),l=p(i),c=p(n(5206)),s=p(n(7412)),u=n(8693),d=p(n(283));function p(e){return e&&e.__esModule?e:{default:e}}var f=t.Frame=function(e){function t(e,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t\|\|"object"!==o(t)&&"function"!=typeof t?e:t}(this,(t.__proto__\|\|Object.getPrototypeOf(t)).call(this,e,n));return r.setRef=function(e){r.nodeRef.current=e;var t=r.props.forwardedRef;"function"==typeof t?t(e):t&&(t.current=e)},r.handleLoad=function(){clearInterval(r.loadCheck),r.state.iframeLoaded\|\|r.setState({iframeLoaded:!0})},r.loadCheck=function(){return setInterval(function(){r.handleLoad()},500)},r._isMounted=!1,r.nodeRef=l.default.createRef(),r.state={iframeLoaded:!1},r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+o(t));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),a(t,[{key:"componentDidMount",value:function(){this._isMounted=!0,this.getDoc()&&this.nodeRef.current.contentWindow.addEventListener("DOMContentLoaded",this.handleLoad)}},{key:"componentWillUnmount",value:function(){this._isMounted=!1,this.nodeRef.current.removeEventListener("DOMContentLoaded",this.handleLoad)}},{key:"getDoc",value:function(){return this.nodeRef.current?this.nodeRef.current.contentDocument:null}},{key:"getMountTarget",value:function(){var e=this.getDoc();return this.props.mountTarget?e.querySelector(this.props.mountTarget):e.body.children[0]}},{key:"renderFrameContents",value:function(){if(!this._isMounted)return null;var e=this.getDoc();if(!e)return null;var t=this.props.contentDidMount,n=this.props.contentDidUpdate,o=e.defaultView\|\|e.parentView,r=l.default.createElement(d.default,{contentDidMount:t,contentDidUpdate:n},l.default.createElement(u.FrameContextProvider,{value:{document:e,window:o}},l.default.createElement("div",{className:"frame-content"},this.props.children))),a=this.getMountTarget();return a?[c.default.createPortal(this.props.head,this.getDoc().head),c.default.createPortal(r,a)]:null}},{key:"render",value:function(){var e=r({},this.props,{srcDoc:this.props.initialContent,children:void 0});return delete e.head,delete e.initialContent,delete e.mountTarget,delete e.contentDidMount,delete e.contentDidUpdate,delete e.forwardedRef,l.default.createElement("iframe",r({},e,{ref:this.setRef,onLoad:this.handleLoad}),this.state.iframeLoaded&&this.renderFrameContents())}}]),t}(i.Component);f.propTypes={style:s.default.object,head:s.default.node,initialContent:s.default.string,mountTarget:s.default.string,contentDidMount:s.default.func,contentDidUpdate:s.default.func,children:s.default.oneOfType([s.default.element,s.default.arrayOf(s.default.element)])},f.defaultProps={style:{},head:null,children:void 0,mountTarget:void 0,contentDidMount:function(){},contentDidUpdate:function(){},initialContent:'<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'},t.default=l.default.forwardRef(function(e,t){return l.default.createElement(f,r({},e,{forwardedRef:t}))})},8693:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.FrameContextConsumer=t.FrameContextProvider=t.useFrame=t.FrameContext=void 0;var o,r=(o=n(1594))&&o.__esModule?o:{default:o},a=void 0,i=void 0;"undefined"!=typeof document&&(a=document),"undefined"!=typeof window&&(i=window);var l=t.FrameContext=r.default.createContext({document:a,window:i}),c=(t.useFrame=function(){return r.default.useContext(l)},l.Provider),s=l.Consumer;t.FrameContextProvider=c,t.FrameContextConsumer=s}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,o),a.exports}o.m=t,o.amdO={},e=[],o.O=function(t,n,r,a){if(!n){var i=1/0;for(u=0;u<e.length;u++){n=e[u][0],r=e[u][1],a=e[u][2];for(var l=!0,c=0;c<n.length;c++)(!1&a\|\|i>=a)&&Object.keys(o.O).every(function(e){return o.O[e](n[c])})?n.splice(c--,1):(l=!1,a<i&&(i=a));if(l){e.splice(u--,1);var s=r();void 0!==s&&(t=s)}}return t}a=a\|\|0;for(var u=e.length;u>0&&e[u-1][2]>a;u--)e[u]=e[u-1];e[u]=[n,r,a]},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,{a:t}),t},o.d=function(e,t){for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.j=253,function(){var e={253:0,518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};o.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,a,i=n[0],l=n[1],c=n[2],s=0;if(i.some(function(t){return 0!==e[t]})){for(r in l)o.o(l,r)&&(o.m[r]=l[r]);if(c)var u=c(o)}for(t&&t(n);s<i.length;s++)a=i[s],o.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return o.O(u)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),o.nc=void 0;var r=o.O(void 0,[6790],function(){return o(3121)});r=o.O(r),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/path/base/example.jsx.js"]=r}();
1	+ var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},2562:function(e,t,n){function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}Object.defineProperty(t,"__esModule",{value:!0});var r=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),a=n(1594),i=(l(a),l(n(4187)));function l(e){return e&&e.__esModule?e:{default:e}}var c=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t\|\|"object"!==o(t)&&"function"!=typeof t?e:t}(this,(t.__proto__\|\|Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+o(t));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),r(t,[{key:"componentDidMount",value:function(){this.props.contentDidMount()}},{key:"componentDidUpdate",value:function(){this.props.contentDidUpdate()}},{key:"render",value:function(){return a.Children.only(this.props.children)}}]),t}(a.Component);c.propTypes={children:i.default.element.isRequired,contentDidMount:i.default.func.isRequired,contentDidUpdate:i.default.func.isRequired},t.default=c},3121:function(e,t,n){n.r(t),n.d(t,{default:function(){return te},states:function(){return ne}});var o=n(1594),r=n.n(o),a=n(4159),i=n(3920),l=n(4187),c=n.n(l),s=n(2711),u=n(188),d=JSON.parse('[{"id":"iphone-11-pro-max","description":"iPhone 11 Pro Max","dimensions":{"width":414,"height":896}},{"id":"iphone-11-pro","description":"iPhone 11 Pro","dimensions":{"width":375,"height":812}},{"id":"iphone-11","description":"iPhone 11","dimensions":{"width":414,"height":896}},{"id":"iphone-xr","description":"iPhone XR","dimensions":{"width":414,"height":896}},{"id":"iphone-x","description":"iPhone X","dimensions":{"width":375,"height":812}},{"id":"iphone-8-plus","description":"iPhone 8 Plus","dimensions":{"width":414,"height":736}},{"id":"iphone-8","description":"iPhone 8","dimensions":{"width":375,"height":667}},{"id":"ipad-pro","description":"iPad Pro","dimensions":{"width":1024,"height":1366}},{"id":"ipad","description":"iPad 3rd & 4th Generation","dimensions":{"width":768,"height":1024}},{"id":"pixel-3xl","description":"Google Pixel 3 XL","dimensions":{"width":412,"height":847}},{"id":"pixel-3","description":"Google Pixel 3","dimensions":{"width":412,"height":824}},{"id":"pixel-2xl","description":"Google Pixel 2 XL","dimensions":{"width":412,"height":732}},{"id":"pixel","description":"Google Pixel","dimensions":{"width":412,"height":732}},{"id":"galaxy-s9","description":"Samsung Galaxy S8/S8+/S9/S9+","dimensions":{"width":360,"height":740}}]');function p(e){return p="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},p(e)}function f(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,m(o.key),o)}}function m(e){var t=function(e){if("object"!=p(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=p(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==p(t)?t:t+""}function h(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(h=function(){return!!e})()}function b(e){return b=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},b(e)}function y(e,t){return y=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},y(e,t)}var v={};d.map(function(e,t){v[e.id]=t});var g=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t,n){return t=b(t),function(e,t){if(t&&("object"==p(t)\|\|"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,h()?Reflect.construct(t,n\|\|[],b(e).constructor):t.apply(e,n))}(this,t,arguments)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&y(e,t)}(t,e),n=t,(o=[{key:"render",value:function(){var e=this.props,t=e.children,n=e.hideDeviceSelector,o=e.frameStyles,l=e.frameTitle,c=!1;o&&o.hasOwnProperty("height")&&(c=!0);var p=Math.random().toString(36).substr(2,9),f="example-frame-"+p,m="device-selector-"+p,h="iphone-11",b=function(e){var t=e.target.value\|\|h,n=v[t],o=d[n],r=document.getElementById(f),a=o?o.dimensions.width+"px":null;r.style.width=a,!c&&r.contentWindow.resizeIframe&&r.contentWindow.resizeIframe()},y='\n <!DOCTYPE html>\n <html>\n <head>\n <link rel="stylesheet" type="text/css" href="/assets/styles/salesforce-lightning-design-system.min.css" />\n <link rel="stylesheet" type="text/css" href="/assets/__internal/styles/salesforce-lightning-design-system_touch-demo.min.css" />\n <style type="text/css">\n html { background: transparent !important; padding: 1rem; }\n </style>\n </head>\n <body>\n <div></div>'+(c?"":"<script>\n function resizeIframe() {\n window.frameElement.classList.remove('slds-resize-done');\n const offsetHeight = document.documentElement.offsetHeight;\n const frameHeight = offsetHeight + (window.frameElement.offsetHeight - window.frameElement.clientHeight);\n window.frameElement.style.height = Math.ceil(frameHeight) + \"px\";\n window.frameElement.classList.add('slds-resize-done');\n }\n\n window.parent.addEventListener(\"resize\", resizeIframe);\n setTimeout(resizeIframe, 250);\n <\/script>")+"</body>\n </html>";return r().createElement(r().Fragment,null,r().createElement(a.Ay,{className:"docs-mobile_frame",id:f,initialContent:y,style:o,onLoad:b,title:l},r().createElement(a.rH,null,function(e){return r().createElement(i.ID,{target:e.document.head},r().createElement(r().Fragment,null,t))})),!n&&r().createElement("ul",{className:"docs-codeblock__action-bar docs-codeblock__device-selector"},r().createElement("li",null,r().createElement(s.ZS,{isHorizontal:!0,labelContent:"Select a device to set the width of the example",inputId:m},r().createElement(u.Select,{id:m,onChange:b},r().createElement("option",{value:"no-device"},"No device"),d.map(function(e,t){var n=e.id===h;return r().createElement("option",{key:t,value:e.id,selected:n},e.description)}))))))}}])&&f(n.prototype,o),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,o}(r().Component);g.propTypes={hideDeviceSelector:c().bool,frameStyles:c().object,frameTitle:c().string};var E=n(4216),S=n(942),w=n.n(S),_=n(9825),x=n(6955),O=n(8347),P=n(5373);function C(e){return C="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},C(e)}function j(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,T(o.key),o)}}function T(e){var t=function(e){if("object"!=C(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=C(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==C(t)?t:t+""}function k(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(k=function(){return!!e})()}function N(e){return N=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},N(e)}function D(e,t){return D=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},D(e,t)}var R=function(e){return r().createElement("div",{className:w()("slds-path",{"slds-path_has-coaching":e.hasCoaching,"slds-is-expanded":e.coachingOpen})},e.children)};R.propTypes={hasCoaching:c().bool,coachingOpen:c().bool},R.defaultProps={hasCoaching:!1,coachingOpen:!1};var L=function(e){var t=e.hasCoaching,n=e.coachingOpen,o=e.hasOverflow,a=e.coachingId,i=e.stageName,l=e.actionButtonLabel;return r().createElement("div",{className:w()("slds-grid slds-path__track",{"slds-has-overflow":o})},r().createElement("div",{className:"slds-grid slds-path__scroller-container"},t?r().createElement(x.A,{symbol:"chevronright",theme:"neutral",className:w()("slds-path__trigger",{"slds-path__trigger_open":n}),assistiveText:"Show Details",title:"Toggle Sales Coaching","aria-expanded":n,"aria-controls":a}):null,r().createElement("div",{className:"slds-path__scroller"},r().createElement("div",{className:"slds-path__scroller_inner"},r().createElement("ul",{className:"slds-path__nav",role:"listbox","aria-orientation":"horizontal","aria-labelledby":"slds-path__stage-name"},e.children),o?r().createElement("div",{className:"slds-path__scroll-controls"},r().createElement(x.A,{symbol:"left",theme:"neutral",assistiveText:"Scroll left",title:"Scroll left",tabIndex:"-1"}),r().createElement(x.A,{symbol:"right",theme:"neutral",assistiveText:"Scroll right",title:"Scroll right",tabIndex:"-1"})):null))),r().createElement("div",{className:"slds-grid slds-path__action"},r().createElement("span",{id:"slds-path__stage-name",className:"slds-path__stage-name"},"Stage: ",i),r().createElement(_.Button,{isBrand:!0,className:"slds-path__mark-complete"},l),t?r().createElement(_.Button,{isNeutral:!0,className:"slds-path__trigger-coaching-content","aria-expanded":n,"aria-controls":a},n?"Show Less":"Show More"):null))};L.propTypes={hasCoaching:c().bool,coachingOpen:c().bool,hasOverflow:c().bool,coachingId:c().string,stageName:c().string,actionButtonLabel:c().node},L.defaultProps={hasCoaching:!1,coachingOpen:!1,hasOverflow:!1,coachingId:"",stageName:"Unqualified",actionButtonLabel:r().createElement(o.Fragment,null,r().createElement(O.A,{className:"slds-button__icon slds-button__icon_left",sprite:"utility",symbol:"check","aria-hidden":"true"}),"Mark Status as Complete")};var M=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(e,t,n){return t=N(t),function(e,t){if(t&&("object"==C(t)\|\|"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,k()?Reflect.construct(t,n\|\|[],N(e).constructor):t.apply(e,n))}(this,t)).state={itemRef:null},e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&D(e,t)}(t,e),n=t,o=[{key:"componentDidUpdate",value:function(e,t){var n=this.props.setTooltipRef,o=this.state.itemRef;n&&o!==t.itemRef&&n(o)}},{key:"render",value:function(){var e=this,t=this.props,n=t.label,o=t.stepState,a=t.index,i=o.indexOf("active")>-1,l=o.indexOf("complete")>-1,c=o.indexOf("current")>-1,s=null;return l?s="Stage Complete":c&&(s="Current Stage:"),r().createElement("li",{className:w()("slds-path__item",o.map(function(e){return"slds-is-".concat(e)})),role:"presentation",ref:function(t){e.state.itemRef\|\|e.setState({itemRef:t})}},r().createElement("a",{"aria-selected":i,className:"slds-path__link",href:"#",onClick:function(e){return e.preventDefault()},id:"path-".concat(a),role:"option",tabIndex:i?0:-1},r().createElement("span",{className:"slds-path__stage"},r().createElement(O.A,{className:"slds-icon slds-icon_x-small",sprite:"utility",symbol:"check"}),s?r().createElement("span",{className:"slds-assistive-text"},s):null),r().createElement("span",{className:"slds-path__title"},n)))}}],o&&j(n.prototype,o),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,o}(o.Component);M.propTypes={label:c().string,stepState:c().arrayOf(c().string),index:c().number},M.defaultProps={label:"Undefined",stepState:["incomplete"],index:0};var I=function(e){var t=e.coachingId,n=e.isHidden,o=e.coachingData,a=e.pathGuidance;return r().createElement("div",{className:w()("slds-path__content",{"slds-is-collapsed":n}),id:t},r().createElement("div",{className:"slds-path__coach slds-grid"},r().createElement("div",{className:"slds-path__keys"},r().createElement("div",{className:"slds-grid slds-grid_align-spread slds-path__coach-title"},r().createElement("h2",null,"Key Fields This Stage"),r().createElement(_.Button,{className:"slds-path__coach-edit slds-text-body_small"},"Edit")),r().createElement(P.Ay,{direction:"stacked",snapshot:o,isViewMode:!0})),r().createElement("div",{className:"slds-path__guidance"},r().createElement("h2",{className:"slds-path__coach-title"},"Guidance for Success"),r().createElement("div",{className:"slds-text-longform slds-path__guidance-content"},a))))};function U(e){return U="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},U(e)}function B(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,F(o.key),o)}}function F(e){var t=function(e){if("object"!=U(e)\|\|!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=U(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==U(t)?t:t+""}function A(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(A=function(){return!!e})()}function q(e){return q=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__\|\|Object.getPrototypeOf(e)},q(e)}function H(e,t){return H=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},H(e,t)}I.propTypes={coachingId:c().string,isHidden:c().bool,coachingData:c().object,pathGuidance:c().arrayOf(c().node)},I.defaultProps={coachingId:null,isHidden:!1,coachingData:{rows:[{fields:[{type:"text",label:"Expected Budget",value:"$10,000"}]},{fields:[{type:"text",label:"Lead Source",value:"Marketing and Web Referral"}]},{fields:[{type:"text",label:"Support Engineer",value:"Jane Authur"}]}]},pathGuidance:[r().createElement("p",{key:"guidance-1"},"Regularly cross-sell related products using"," ",r().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"cross-sell tactics and principles"),"."),r().createElement("p",{key:"guidance-2"},"Prepare demo deck using the"," ",r().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"latest template")," ","and review with Marketing and Sales teams. Review demo copy with Legal and Doc team."),r().createElement("p",{key:"guidance-3"},"Look up"," ",r().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"needs analysis principles")," ","and review selling plan with Sales Engineer.")]};var W=function(){return r().createElement(R,null,r().createElement(L,null,r().createElement(M,{label:"Contacted",stepState:["current","active"],index:1}),r().createElement(M,{label:"Open",stepState:["incomplete"],index:2}),r().createElement(M,{label:"Unqualified",stepState:["incomplete"],index:3}),r().createElement(M,{label:"Nurturing",stepState:["incomplete"],index:4}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:5})))},z=function(){return r().createElement(R,null,r().createElement(L,null,r().createElement(M,{label:"Contacted",stepState:["complete"],index:6}),r().createElement(M,{label:"Open",stepState:["complete"],index:7}),r().createElement(M,{label:"Unqualified",stepState:["complete"],index:8}),r().createElement(M,{label:"Nurturing",stepState:["current","active"],index:9}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:10})))},G=function(){return r().createElement(R,null,r().createElement(L,{actionButtonLabel:"Mark as Current Stage"},r().createElement(M,{label:"Contacted",stepState:["current"],index:11}),r().createElement(M,{label:"Open",stepState:["incomplete"],index:12}),r().createElement(M,{label:"Unqualified",stepState:["active"],index:13}),r().createElement(M,{label:"Nurturing",stepState:["incomplete"],index:14}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:15})))},V=function(e){function t(){var e;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(e=function(e,t,n){return t=q(t),function(e,t){if(t&&("object"==U(t)\|\|"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,A()?Reflect.construct(t,n\|\|[],q(e).constructor):t.apply(e,n))}(this,t)).updateTooltipOffset=e.updateTooltipOffset.bind(e),e.setTooltipRef=e.setTooltipRef.bind(e),e.state={tooltipRef:null,tooltipLeft:0,tooltipTop:0},e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&H(e,t)}(t,e),n=t,(a=[{key:"componentDidMount",value:function(){window.addEventListener("resize",this.updateTooltipOffset),this.updateTooltipOffset()}},{key:"componentWillUnmount",value:function(){window.removeEventListener("resize",this.updateTooltipOffset)}},{key:"componentDidUpdate",value:function(e,t){this.state.tooltipRef&&!t.tooltipRef&&this.updateTooltipOffset()}},{key:"updateTooltipOffset",value:function(){var e=this.state.tooltipRef,t=0,n=0;e&&(t=e.offsetLeft+e.offsetWidth/2,n=e.offsetTop+e.offsetHeight+14),this.setState({tooltipLeft:t,tooltipTop:n})}},{key:"setTooltipRef",value:function(e){this.setState({tooltipRef:e})}},{key:"render",value:function(){var e=this,t=this.state,n=t.tooltipLeft,a=t.tooltipTop;return r().createElement(o.Fragment,null,r().createElement(R,null,r().createElement(L,{actionButtonLabel:"Mark as Current Stage"},r().createElement(M,{label:"Contacted",stepState:["complete"],index:16}),r().createElement(M,{label:"Open",stepState:["complete"],index:17}),r().createElement(M,{label:"Unqualified",stepState:["current"],index:18,setTooltipRef:function(t){return e.setTooltipRef(t)}}),r().createElement(M,{label:"Nurturing",stepState:["active"],index:19}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:20})),r().createElement(E.Tooltip,{className:"slds-nubbin_top",style:{left:"".concat(n,"px"),transform:"translateX(-50%)",top:"".concat(a,"px"),position:"absolute"}},"3 Days in Unqualified")))}}])&&B(n.prototype,a),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,a}(o.Component),X=function(){var e="path-coaching-1";return r().createElement(R,{hasCoaching:!0},r().createElement(L,{coachingId:e,hasCoaching:!0},r().createElement(M,{label:"Contacted",stepState:["complete"],index:21}),r().createElement(M,{label:"Open",stepState:["complete"],index:22}),r().createElement(M,{label:"Unqualified",stepState:["active","current"],index:23}),r().createElement(M,{label:"Nurturing",stepState:["incomplete"],index:24}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:25})),r().createElement(I,{coachingId:e,labelledBy:"path-23",isHidden:!0}))},J=function(){var e="path-coaching-2";return r().createElement(R,{hasCoaching:!0,coachingOpen:!0},r().createElement(L,{coachingId:e,hasCoaching:!0,coachingOpen:!0},r().createElement(M,{label:"Contacted",stepState:["complete"],index:26}),r().createElement(M,{label:"Open",stepState:["complete"],index:27}),r().createElement(M,{label:"Unqualified",stepState:["current"],index:28}),r().createElement(M,{label:"Nurturing",stepState:["incomplete","active"],index:29}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:30})),r().createElement(I,{coachingId:e,labelledBy:"path-28"}))},Q=function(){return r().createElement(R,null,r().createElement(L,{actionButtonLabel:"Change Closed State"},r().createElement(M,{label:"Contacted",stepState:["complete"],index:31}),r().createElement(M,{label:"Open",stepState:["complete"],index:32}),r().createElement(M,{label:"Unqualified",stepState:["complete"],index:33}),r().createElement(M,{label:"Nurturing",stepState:["complete"],index:34}),r().createElement(M,{label:"Closed Won",stepState:["won","active","current"],index:35})))},Y=function(){return r().createElement(R,null,r().createElement(L,{actionButtonLabel:"Change Closed State"},r().createElement(M,{label:"Contacted",stepState:["incomplete"],index:36}),r().createElement(M,{label:"Open",stepState:["incomplete"],index:37}),r().createElement(M,{label:"Unqualified",stepState:["incomplete"],index:38}),r().createElement(M,{label:"Nurturing",stepState:["incomplete"],index:39}),r().createElement(M,{label:"Closed Lost",stepState:["lost","active","current"],index:40})))},K=function(){return r().createElement(R,null,r().createElement(L,{hasOverflow:!0},r().createElement(M,{label:"Prospecting",stepState:["complete"],index:41}),r().createElement(M,{label:"Qualification",stepState:["complete"],index:42}),r().createElement(M,{label:"Needs Analysis",stepState:["active","current"],index:43}),r().createElement(M,{label:"Value Proposition",stepState:["incomplete"],index:44}),r().createElement(M,{label:"Id. Decision Maker",stepState:["incomplete"],index:45}),r().createElement(M,{label:"Perception Analysis",stepState:["incomplete"],index:46}),r().createElement(M,{label:"Proposal / Pricing",stepState:["incomplete"],index:47}),r().createElement(M,{label:"Negotiation / Review",stepState:["incomplete"],index:48}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:49})))},Z=function(){return r().createElement("div",{className:"slds-region_medium",style:{width:"700px"}},r().createElement(R,null,r().createElement(L,null,r().createElement(M,{label:"Contacted",stepState:["complete"],index:50}),r().createElement(M,{label:"Open",stepState:["complete"],index:51}),r().createElement(M,{label:"Unqualified",stepState:["active","current"],index:52}),r().createElement(M,{label:"Nurturing",stepState:["incomplete"],index:53}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:54}))))},$=function(){var e="path-coaching-2";return r().createElement("div",{className:"slds-region_medium",style:{width:"700px"}},r().createElement(R,{hasCoaching:!0,coachingOpen:!0},r().createElement(L,{stageName:"Needs Analysis",coachingId:e,hasCoaching:!0,coachingOpen:!0,hasOverflow:!0},r().createElement(M,{label:"Prospecting",stepState:["complete"],index:55}),r().createElement(M,{label:"Qualification",stepState:["complete"],index:56}),r().createElement(M,{label:"Needs Analysis",stepState:["active","current"],index:57}),r().createElement(M,{label:"Value Proposition",stepState:["incomplete"],index:58}),r().createElement(M,{label:"Id. Decision Maker",stepState:["incomplete"],index:59}),r().createElement(M,{label:"Perception Analysis",stepState:["incomplete"],index:60}),r().createElement(M,{label:"Proposal / Pricing",stepState:["incomplete"],index:61}),r().createElement(M,{label:"Negotiation / Review",stepState:["incomplete"],index:62}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:63})),r().createElement(I,{coachingId:e,labelledBy:"path-57"})))},ee=function(){var e="path-coaching-3";return r().createElement("div",{className:"slds-region_small",style:{width:"360px"}},r().createElement(R,{hasCoaching:!0,coachingOpen:!0},r().createElement(L,{stageName:"Needs Analysis",coachingId:e,hasOverflow:!0,hasCoaching:!0,coachingOpen:!0},r().createElement(M,{label:"Prospecting",stepState:["complete"],index:64}),r().createElement(M,{label:"Qualification",stepState:["complete"],index:65}),r().createElement(M,{label:"Needs Analysis",stepState:["active","current"],index:66}),r().createElement(M,{label:"Value Proposition",stepState:["incomplete"],index:67}),r().createElement(M,{label:"Id. Decision Maker",stepState:["incomplete"],index:68}),r().createElement(M,{label:"Perception Analysis",stepState:["incomplete"],index:69}),r().createElement(M,{label:"Proposal / Pricing",stepState:["incomplete"],index:70}),r().createElement(M,{label:"Negotiation / Review",stepState:["incomplete"],index:71}),r().createElement(M,{label:"Closed",stepState:["incomplete"],index:72})),r().createElement(I,{coachingId:e,labelledBy:"path-66"})))},te=r().createElement(W,null),ne=[{id:"later-stage",label:"In a later stage",element:r().createElement(z,null)},{id:"different-stage-selected",label:"With different stage selected",element:r().createElement(G,null)},{id:"with-visible-tooltip",label:"With visible tooltip",element:r().createElement(V,null)},{id:"with-coaching",label:"With coaching available",element:r().createElement(X,null)},{id:"different-coaching",label:"With different stage selected - with coaching",element:r().createElement(J,null)},{id:"lost",label:"Lost",element:r().createElement(Y,null)},{id:"won",label:"Won",element:r().createElement(Q,null)},{id:"with-overflow",label:"Path with overflow",element:r().createElement(K,null)},{id:"medium",label:"Medium viewport",element:r().createElement(Z,null)},{id:"medium-coaching",label:"Medium viewport with coaching",element:r().createElement($,null)},{id:"small-coaching",label:"Small viewport",element:r().createElement(ee,null)},{id:"mobile-default",label:"Mobile: default",element:r().createElement(g,{hideDeviceSelector:!0,frameTitle:"Example mobile styles for path"},r().createElement(W,null))}]},3732:function(e,t,n){Object.defineProperty(t,"__esModule",{value:!0}),t.FrameContextConsumer=t.FrameContextProvider=t.useFrame=t.FrameContext=void 0;var o,r=(o=n(1594))&&o.__esModule?o:{default:o},a=void 0,i=void 0;"undefined"!=typeof document&&(a=document),"undefined"!=typeof window&&(i=window);var l=t.FrameContext=r.default.createContext({document:a,window:i}),c=(t.useFrame=function(){return r.default.useContext(l)},l.Provider),s=l.Consumer;t.FrameContextProvider=c,t.FrameContextConsumer=s},4159:function(e,t,n){var o=n(4186);Object.defineProperty(t,"Ay",{enumerable:!0,get:function(){return(e=o,e&&e.__esModule?e:{default:e}).default;var e}});var r=n(3732);Object.defineProperty(t,"rH",{enumerable:!0,get:function(){return r.FrameContextConsumer}})},4186:function(e,t,n){function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}Object.defineProperty(t,"__esModule",{value:!0}),t.Frame=void 0;var r=Object.assign\|\|function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o])}return e},a=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),i=n(1594),l=p(i),c=p(n(5206)),s=p(n(4187)),u=n(3732),d=p(n(2562));function p(e){return e&&e.__esModule?e:{default:e}}var f=t.Frame=function(e){function t(e,n){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var r=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t\|\|"object"!==o(t)&&"function"!=typeof t?e:t}(this,(t.__proto__\|\|Object.getPrototypeOf(t)).call(this,e,n));return r.setRef=function(e){r.nodeRef.current=e;var t=r.props.forwardedRef;"function"==typeof t?t(e):t&&(t.current=e)},r.handleLoad=function(){clearInterval(r.loadCheck),r.state.iframeLoaded\|\|r.setState({iframeLoaded:!0})},r.loadCheck=function(){return setInterval(function(){r.handleLoad()},500)},r._isMounted=!1,r.nodeRef=l.default.createRef(),r.state={iframeLoaded:!1},r}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+o(t));e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),a(t,[{key:"componentDidMount",value:function(){this._isMounted=!0,this.getDoc()&&this.nodeRef.current.contentWindow.addEventListener("DOMContentLoaded",this.handleLoad)}},{key:"componentWillUnmount",value:function(){this._isMounted=!1,this.nodeRef.current.removeEventListener("DOMContentLoaded",this.handleLoad)}},{key:"getDoc",value:function(){return this.nodeRef.current?this.nodeRef.current.contentDocument:null}},{key:"getMountTarget",value:function(){var e=this.getDoc();return this.props.mountTarget?e.querySelector(this.props.mountTarget):e.body.children[0]}},{key:"renderFrameContents",value:function(){if(!this._isMounted)return null;var e=this.getDoc();if(!e)return null;var t=this.props.contentDidMount,n=this.props.contentDidUpdate,o=e.defaultView\|\|e.parentView,r=l.default.createElement(d.default,{contentDidMount:t,contentDidUpdate:n},l.default.createElement(u.FrameContextProvider,{value:{document:e,window:o}},l.default.createElement("div",{className:"frame-content"},this.props.children))),a=this.getMountTarget();return a?[c.default.createPortal(this.props.head,this.getDoc().head),c.default.createPortal(r,a)]:null}},{key:"render",value:function(){var e=r({},this.props,{srcDoc:this.props.initialContent,children:void 0});return delete e.head,delete e.initialContent,delete e.mountTarget,delete e.contentDidMount,delete e.contentDidUpdate,delete e.forwardedRef,l.default.createElement("iframe",r({},e,{ref:this.setRef,onLoad:this.handleLoad}),this.state.iframeLoaded&&this.renderFrameContents())}}]),t}(i.Component);f.propTypes={style:s.default.object,head:s.default.node,initialContent:s.default.string,mountTarget:s.default.string,contentDidMount:s.default.func,contentDidUpdate:s.default.func,children:s.default.oneOfType([s.default.element,s.default.arrayOf(s.default.element)])},f.defaultProps={style:{},head:null,children:void 0,mountTarget:void 0,contentDidMount:function(){},contentDidUpdate:function(){},initialContent:'<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'},t.default=l.default.forwardRef(function(e,t){return l.default.createElement(f,r({},e,{forwardedRef:t}))})},5206:function(e){e.exports=ReactDOM}},n={};function o(e){var r=n[e];if(void 0!==r)return r.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,o),a.exports}o.m=t,o.amdO={},e=[],o.O=function(t,n,r,a){if(!n){var i=1/0;for(u=0;u<e.length;u++){n=e[u][0],r=e[u][1],a=e[u][2];for(var l=!0,c=0;c<n.length;c++)(!1&a\|\|i>=a)&&Object.keys(o.O).every(function(e){return o.O[e](n[c])})?n.splice(c--,1):(l=!1,a<i&&(i=a));if(l){e.splice(u--,1);var s=r();void 0!==s&&(t=s)}}return t}a=a\|\|0;for(var u=e.length;u>0&&e[u-1][2]>a;u--)e[u]=e[u-1];e[u]=[n,r,a]},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,{a:t}),t},o.d=function(e,t){for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.j=253,function(){var e={253:0,518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};o.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,a,i=n[0],l=n[1],c=n[2],s=0;if(i.some(function(t){return 0!==e[t]})){for(r in l)o.o(l,r)&&(o.m[r]=l[r]);if(c)var u=c(o)}for(t&&t(n);s<i.length;s++)a=i[s],o.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return o.O(u)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),o.nc=void 0;var r=o.O(void 0,[6790],function(){return o(3121)});r=o.O(r),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/path/base/example.jsx.js"]=r}();

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

	@@ -1 +1 @@
1	- var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},2464:function(e,t,n){n.r(t),n.d(t,{default:function(){return N},states:function(){return v}});var s=n(1594),l=n.n(s),i=n(5159),o=n(6185),a=n(7412),c=n.n(a),r=n(942),d=n.n(r),p=n(8347),u=n(6955),m=n(2711),b=n(806),_=function(e){return l().createElement("div",{className:d()("slds-dropdown",e.className),role:"listbox","aria-label":"{{Placeholder for Dropdown Menu Options}}",tabIndex:"0"},e.children)},x=function(e){return l().createElement("ul",{id:e.id\|\|"option-list-01",className:d()("slds-dropdown__list",e.className),role:"group"===e.role?"group":"presentation","aria-label":"group"===e.role?e["aria-label"]:null},e.children)},y=function(e){var t=b.Ay.uniqueId("listbox-option-");return l().createElement("li",{className:e.className,role:"presentation"},l().createElement("span",{className:d()("presentation"===e.role?"slds-lookup__item_label":e.text?"slds-lookup__item-action slds-lookup__item-action_label":"slds-lookup__item-action slds-media"),role:e.role?e.role:"option",tabIndex:e.tabIndex\|\|"-1",id:t},e.isSelectable?l().createElement(p.A,{className:"slds-icon slds-icon_selected slds-icon_x-small slds-icon-text-default slds-m-right_x-small slds-shrink-none",sprite:"utility",symbol:"check"}):null,e.headerText?l().createElement("h3",{className:"slds-text-title_caps",role:"presentation"},e.headerText):e.text?l().createElement("span",{className:"slds-truncate",title:e.title},e.children):e.children))},h=function(e){var t=e.autocomplete,n=e.dropdown,s=e.placeholder;return l().createElement(m.ZS,null,l().createElement(m.NA,{labelContent:"Categories",inputId:"text-input-01"}),l().createElement(m.qz,{className:"slds-input-has-icon slds-input-has-icon_right slds-picklist__input"},l().createElement("input",{id:"text-input-01",className:"slds-lookup__search-input slds-input",type:"text",placeholder:s,"aria-owns":"option-list-01",role:"textbox",readOnly:!t,"aria-autocomplete":t?"list":null}),t?null:l().createElement(u.A,{className:"slds-input__icon slds-text-color_default",symbol:"down",assistiveText:"Expand category options","aria-expanded":"open"===n?"true":"false",iconClassName:"slds-button__icon",tabIndex:"-1"})))};h.propTypes={autocomplete:c().bool,dropdown:c().string,placeholder:c().string},h.defaultProps={placeholder:"Select an Option…"};var O=n(8158),f=n(538),E={option1:{name:"Option A"},option2:{name:"Option B"},option3:{name:"Option ABCDE FGHIJ KLMNO PQRST UVWXYZ"}},I={option1:{name:"Option A",selected:!0},option2:{name:"Option B"},option3:{name:"Option ABCDE FGHIJ KLMNO PQRST UVWXYZ"}},g={option1:{name:"Option A",selected:!0},option2:{name:"Option B",selected:!0},option3:{name:"Option ABCDE FGHIJ KLMNO PQRST UVWXYZ"}},N=[{id:"default",label:"Default",element:l().createElement(i.Ay,{id:b.Ay.uniqueId("combobox-id-"),containerClassName:"slds-size_small","aria-controls":"listbox-id-1",inputIconPosition:"right",rightInputIcon:l().createElement(f.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:l().createElement(o.Ay,{id:"listbox-id-1",snapshot:E,type:"plain",count:8}),resultsType:"listbox",selectOnly:!0,hasInteractions:!0})}],v=[{id:"focused",label:"Focused",element:l().createElement(i.Ay,{id:b.Ay.uniqueId("combobox-id-"),containerClassName:"slds-size_small","aria-controls":"listbox-id-2",inputIconPosition:"right",rightInputIcon:l().createElement(f.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:l().createElement(o.Ay,{id:"listbox-id-2",snapshot:E,type:"plain",count:8}),resultsType:"listbox",selectOnly:!0,hasFocus:!0,isOpen:!0})},{id:"open-item-focused",label:"Open - Item Focused",element:l().createElement(i.Ay,{id:b.Ay.uniqueId("combobox-id-"),containerClassName:"slds-size_small","aria-controls":"listbox-id-3",inputIconPosition:"right",rightInputIcon:l().createElement(f.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:l().createElement(o.Ay,{id:"listbox-id-3",snapshot:{option1:{name:"Option A",focused:!0},option2:{name:"Option B"},option3:{name:"Option ABCDE FGHIJ KLMNO PQRST UVWXYZ"}},type:"plain",count:8}),resultsType:"listbox","aria-activedescendant":"option1",selectOnly:!0,hasFocus:!0,isOpen:!0})},{id:"open-option-selected",label:"Open - Option Selected",element:l().createElement(i.Ay,{id:b.Ay.uniqueId("combobox-id-"),containerClassName:"slds-size_small","aria-controls":"listbox-id-4",inputIconPosition:"right",value:"Option A",rightInputIcon:l().createElement(f.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:l().createElement(o.Ay,{id:"listbox-id-4",snapshot:I,type:"plain",count:8}),resultsType:"listbox","aria-activedescendant":"option1",selectOnly:!0,hasFocus:!0,isOpen:!0})},{id:"open-options-selected",label:"Open - Options Selected",element:l().createElement(i.Ay,{id:b.Ay.uniqueId("combobox-id-"),containerClassName:"slds-size_small","aria-controls":"listbox-id-5",selectOnly:!0,value:"2 Options Selected",inputIconPosition:"right",rightInputIcon:l().createElement(f.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:l().createElement(o.Ay,{id:"listbox-id-5",snapshot:g,type:"plain",count:8}),resultsType:"listbox",isOpen:!0,hasFocus:!0})},{id:"closed-option-selected",label:"Closed - Option Selected",element:l().createElement(i.Ay,{id:b.Ay.uniqueId("combobox-id-"),containerClassName:"slds-size_small","aria-controls":"listbox-id-6",inputIconPosition:"right",value:"Option A",rightInputIcon:l().createElement(f.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:l().createElement(o.Ay,{id:"listbox-id-6",snapshot:I,type:"plain",count:8}),resultsType:"listbox","aria-activedescendant":"option1",selectOnly:!0})},{id:"closed-options-selected",label:"Closed - Options Selected",element:l().createElement(i.Ay,{id:b.Ay.uniqueId("combobox-id-"),containerClassName:"slds-size_small","aria-controls":"listbox-id-7",selectOnly:!0,value:"2 Options Selected",inputIconPosition:"right",rightInputIcon:l().createElement(f.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:l().createElement(o.Ay,{id:"listbox-id-7",snapshot:g,type:"plain",count:8}),resultsType:"listbox",listboxOfSelections:l().createElement(O.A,{snapshot:{option1:{name:"Option A",tabIndex:0},option2:{name:"Option B"}},count:2})})},{id:"group-heading",label:"Group heading label",element:l().createElement(i.Ay,{id:b.Ay.uniqueId("combobox-id-"),containerClassName:"slds-size_small","aria-controls":"listbox-id-8",selectOnly:!0,inputIconPosition:"right",rightInputIcon:l().createElement(f.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:l().createElement(o.Jm,{id:"listbox-id-8",className:"slds-dropdown slds-dropdown_fluid","aria-label":"{{Placeholder for Dropdown Items}}"},l().createElement(o.NA,{"aria-label":"Group One",snapshot:{option0:{name:"Recently Viewed",label:!0},option1:{name:"Option A"},option2:{name:"Option B"}},count:3})),resultsType:"listbox",isOpen:!0,hasFocus:!0})},{id:"deprecated-picklist-open",label:"Deprecated Picklist Open",element:l().createElement("div",{className:"demo-only",style:{height:"240px"}},l().createElement("div",{className:"slds-picklist slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open"},l().createElement(h,{dropdown:"open"}),l().createElement(_,{className:"slds-dropdown_left slds-dropdown_length-5"},l().createElement(x,null,l().createElement(y,{isSelectable:!0,text:!0,title:"Option A",tabIndex:"0"},"Option A"),l().createElement(y,{isSelectable:!0,text:!0,title:"Option B"},"Option B"),l().createElement(y,{isSelectable:!0,text:!0,title:"Option C"},"Option C"),l().createElement(y,{isSelectable:!0,text:!0,title:"Option D"},"Option D"),l().createElement(y,{isSelectable:!0,text:!0,title:"Option E"},"Option E"),l().createElement(y,{isSelectable:!0,text:!0,title:"Option F"},"Option FGHIJKLMNOPQRSTUVWXYZ")))))}]}},n={};function s(e){var l=n[e];if(void 0!==l)return l.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,s),i.exports}s.m=t,s.amdO={},e=[],s.O=function(t,n,l,i){if(!n){var o=1/0;for(d=0;d<e.length;d++){n=e[d][0],l=e[d][1],i=e[d][2];for(var a=!0,c=0;c<n.length;c++)(!1&i\|\|o>=i)&&Object.keys(s.O).every(function(e){return s.O[e](n[c])})?n.splice(c--,1):(a=!1,i<o&&(o=i));if(a){e.splice(d--,1);var r=l();void 0!==r&&(t=r)}}return t}i=i\|\|0;for(var d=e.length;d>0&&e[d-1][2]>i;d--)e[d]=e[d-1];e[d]=[n,l,i]},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,{a:t}),t},s.d=function(e,t){for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.j=4439,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4439:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};s.O.j=function(t){return 0===e[t]};var t=function(t,n){var l,i,o=n[0],a=n[1],c=n[2],r=0;if(o.some(function(t){return 0!==e[t]})){for(l in a)s.o(a,l)&&(s.m[l]=a[l]);if(c)var d=c(s)}for(t&&t(n);r<o.length;r++)i=o[r],s.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return s.O(d)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),s.nc=void 0;var l=s.O(void 0,[6790],function(){return s(2464)});l=s.O(l),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/picklist/base/example.jsx.js"]=l}();
1	+ var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},2464:function(e,t,n){n.r(t),n.d(t,{default:function(){return N},states:function(){return v}});var s=n(1594),l=n.n(s),i=n(5159),o=n(6185),a=n(4187),c=n.n(a),r=n(942),d=n.n(r),p=n(8347),u=n(6955),m=n(2711),b=n(806),_=function(e){return l().createElement("div",{className:d()("slds-dropdown",e.className),role:"listbox","aria-label":"{{Placeholder for Dropdown Menu Options}}",tabIndex:"0"},e.children)},x=function(e){return l().createElement("ul",{id:e.id\|\|"option-list-01",className:d()("slds-dropdown__list",e.className),role:"group"===e.role?"group":"presentation","aria-label":"group"===e.role?e["aria-label"]:null},e.children)},y=function(e){var t=b.Ay.uniqueId("listbox-option-");return l().createElement("li",{className:e.className,role:"presentation"},l().createElement("span",{className:d()("presentation"===e.role?"slds-lookup__item_label":e.text?"slds-lookup__item-action slds-lookup__item-action_label":"slds-lookup__item-action slds-media"),role:e.role?e.role:"option",tabIndex:e.tabIndex\|\|"-1",id:t},e.isSelectable?l().createElement(p.A,{className:"slds-icon slds-icon_selected slds-icon_x-small slds-icon-text-default slds-m-right_x-small slds-shrink-none",sprite:"utility",symbol:"check"}):null,e.headerText?l().createElement("h3",{className:"slds-text-title_caps",role:"presentation"},e.headerText):e.text?l().createElement("span",{className:"slds-truncate",title:e.title},e.children):e.children))},h=function(e){var t=e.autocomplete,n=e.dropdown,s=e.placeholder;return l().createElement(m.ZS,null,l().createElement(m.NA,{labelContent:"Categories",inputId:"text-input-01"}),l().createElement(m.qz,{className:"slds-input-has-icon slds-input-has-icon_right slds-picklist__input"},l().createElement("input",{id:"text-input-01",className:"slds-lookup__search-input slds-input",type:"text",placeholder:s,"aria-owns":"option-list-01",role:"textbox",readOnly:!t,"aria-autocomplete":t?"list":null}),t?null:l().createElement(u.A,{className:"slds-input__icon slds-text-color_default",symbol:"down",assistiveText:"Expand category options","aria-expanded":"open"===n?"true":"false",iconClassName:"slds-button__icon",tabIndex:"-1"})))};h.propTypes={autocomplete:c().bool,dropdown:c().string,placeholder:c().string},h.defaultProps={placeholder:"Select an Option…"};var O=n(8158),f=n(538),E={option1:{name:"Option A"},option2:{name:"Option B"},option3:{name:"Option ABCDE FGHIJ KLMNO PQRST UVWXYZ"}},I={option1:{name:"Option A",selected:!0},option2:{name:"Option B"},option3:{name:"Option ABCDE FGHIJ KLMNO PQRST UVWXYZ"}},g={option1:{name:"Option A",selected:!0},option2:{name:"Option B",selected:!0},option3:{name:"Option ABCDE FGHIJ KLMNO PQRST UVWXYZ"}},N=[{id:"default",label:"Default",element:l().createElement(i.Ay,{id:b.Ay.uniqueId("combobox-id-"),containerClassName:"slds-size_small","aria-controls":"listbox-id-1",inputIconPosition:"right",rightInputIcon:l().createElement(f.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:l().createElement(o.Ay,{id:"listbox-id-1",snapshot:E,type:"plain",count:8}),resultsType:"listbox",selectOnly:!0,hasInteractions:!0})}],v=[{id:"focused",label:"Focused",element:l().createElement(i.Ay,{id:b.Ay.uniqueId("combobox-id-"),containerClassName:"slds-size_small","aria-controls":"listbox-id-2",inputIconPosition:"right",rightInputIcon:l().createElement(f.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:l().createElement(o.Ay,{id:"listbox-id-2",snapshot:E,type:"plain",count:8}),resultsType:"listbox",selectOnly:!0,hasFocus:!0,isOpen:!0})},{id:"open-item-focused",label:"Open - Item Focused",element:l().createElement(i.Ay,{id:b.Ay.uniqueId("combobox-id-"),containerClassName:"slds-size_small","aria-controls":"listbox-id-3",inputIconPosition:"right",rightInputIcon:l().createElement(f.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:l().createElement(o.Ay,{id:"listbox-id-3",snapshot:{option1:{name:"Option A",focused:!0},option2:{name:"Option B"},option3:{name:"Option ABCDE FGHIJ KLMNO PQRST UVWXYZ"}},type:"plain",count:8}),resultsType:"listbox","aria-activedescendant":"option1",selectOnly:!0,hasFocus:!0,isOpen:!0})},{id:"open-option-selected",label:"Open - Option Selected",element:l().createElement(i.Ay,{id:b.Ay.uniqueId("combobox-id-"),containerClassName:"slds-size_small","aria-controls":"listbox-id-4",inputIconPosition:"right",value:"Option A",rightInputIcon:l().createElement(f.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:l().createElement(o.Ay,{id:"listbox-id-4",snapshot:I,type:"plain",count:8}),resultsType:"listbox","aria-activedescendant":"option1",selectOnly:!0,hasFocus:!0,isOpen:!0})},{id:"open-options-selected",label:"Open - Options Selected",element:l().createElement(i.Ay,{id:b.Ay.uniqueId("combobox-id-"),containerClassName:"slds-size_small","aria-controls":"listbox-id-5",selectOnly:!0,value:"2 Options Selected",inputIconPosition:"right",rightInputIcon:l().createElement(f.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:l().createElement(o.Ay,{id:"listbox-id-5",snapshot:g,type:"plain",count:8}),resultsType:"listbox",isOpen:!0,hasFocus:!0})},{id:"closed-option-selected",label:"Closed - Option Selected",element:l().createElement(i.Ay,{id:b.Ay.uniqueId("combobox-id-"),containerClassName:"slds-size_small","aria-controls":"listbox-id-6",inputIconPosition:"right",value:"Option A",rightInputIcon:l().createElement(f.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:l().createElement(o.Ay,{id:"listbox-id-6",snapshot:I,type:"plain",count:8}),resultsType:"listbox","aria-activedescendant":"option1",selectOnly:!0})},{id:"closed-options-selected",label:"Closed - Options Selected",element:l().createElement(i.Ay,{id:b.Ay.uniqueId("combobox-id-"),containerClassName:"slds-size_small","aria-controls":"listbox-id-7",selectOnly:!0,value:"2 Options Selected",inputIconPosition:"right",rightInputIcon:l().createElement(f.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:l().createElement(o.Ay,{id:"listbox-id-7",snapshot:g,type:"plain",count:8}),resultsType:"listbox",listboxOfSelections:l().createElement(O.A,{snapshot:{option1:{name:"Option A",tabIndex:0},option2:{name:"Option B"}},count:2})})},{id:"group-heading",label:"Group heading label",element:l().createElement(i.Ay,{id:b.Ay.uniqueId("combobox-id-"),containerClassName:"slds-size_small","aria-controls":"listbox-id-8",selectOnly:!0,inputIconPosition:"right",rightInputIcon:l().createElement(f.UtilityIcon,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:l().createElement(o.Jm,{id:"listbox-id-8",className:"slds-dropdown slds-dropdown_fluid","aria-label":"{{Placeholder for Dropdown Items}}"},l().createElement(o.NA,{"aria-label":"Group One",snapshot:{option0:{name:"Recently Viewed",label:!0},option1:{name:"Option A"},option2:{name:"Option B"}},count:3})),resultsType:"listbox",isOpen:!0,hasFocus:!0})},{id:"deprecated-picklist-open",label:"Deprecated Picklist Open",element:l().createElement("div",{className:"demo-only",style:{height:"240px"}},l().createElement("div",{className:"slds-picklist slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open"},l().createElement(h,{dropdown:"open"}),l().createElement(_,{className:"slds-dropdown_left slds-dropdown_length-5"},l().createElement(x,null,l().createElement(y,{isSelectable:!0,text:!0,title:"Option A",tabIndex:"0"},"Option A"),l().createElement(y,{isSelectable:!0,text:!0,title:"Option B"},"Option B"),l().createElement(y,{isSelectable:!0,text:!0,title:"Option C"},"Option C"),l().createElement(y,{isSelectable:!0,text:!0,title:"Option D"},"Option D"),l().createElement(y,{isSelectable:!0,text:!0,title:"Option E"},"Option E"),l().createElement(y,{isSelectable:!0,text:!0,title:"Option F"},"Option FGHIJKLMNOPQRSTUVWXYZ")))))}]}},n={};function s(e){var l=n[e];if(void 0!==l)return l.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,s),i.exports}s.m=t,s.amdO={},e=[],s.O=function(t,n,l,i){if(!n){var o=1/0;for(d=0;d<e.length;d++){n=e[d][0],l=e[d][1],i=e[d][2];for(var a=!0,c=0;c<n.length;c++)(!1&i\|\|o>=i)&&Object.keys(s.O).every(function(e){return s.O[e](n[c])})?n.splice(c--,1):(a=!1,i<o&&(o=i));if(a){e.splice(d--,1);var r=l();void 0!==r&&(t=r)}}return t}i=i\|\|0;for(var d=e.length;d>0&&e[d-1][2]>i;d--)e[d]=e[d-1];e[d]=[n,l,i]},s.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return s.d(t,{a:t}),t},s.d=function(e,t){for(var n in t)s.o(t,n)&&!s.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},s.g=function(){if("object"==typeof globalThis)return globalThis;try{return this\|\|new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),s.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},s.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},s.j=4439,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4268:0,4439:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};s.O.j=function(t){return 0===e[t]};var t=function(t,n){var l,i,o=n[0],a=n[1],c=n[2],r=0;if(o.some(function(t){return 0!==e[t]})){for(l in a)s.o(a,l)&&(s.m[l]=a[l]);if(c)var d=c(s)}for(t&&t(n);r<o.length;r++)i=o[r],s.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return s.O(d)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase\|\|[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),s.nc=void 0;var l=s.O(void 0,[6790],function(){return s(2464)});l=s.O(l),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/picklist/base/example.jsx.js"]=l}();