@salesforce-ux/design-system/__internal/chunked/showcase/ui/components/timepicker/base/example.jsx.js

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},3851:function(e,t,r){r.r(t),r.d(t,{states:function(){return y}});var n=r(1594),i=r.n(n),o=r(4187),a=r.n(o),l=r(942),s=r.n(l),u=r(5159),c=r(6185),d=r(3964),f=r(538),m=r(806);function b(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=r){var n,i,o,a,l=[],s=!0,u=!1;try{if(o=(r=r.call(e)).next,0===t){if(Object(r)!==r)return;s=!1}else for(;!(s=(n=o.call(r)).done)&&(l.push(n.value),l.length!==t);s=!0);}catch(e){u=!0,i=e}finally{try{if(!s&&null!=r.return&&(a=r.return(),Object(a)!==a))return}finally{if(u)throw i}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return p(e,t);var r={}.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?p(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 p(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}var h=function(e){var t=e.hasFocus,r=e.isOpen,o=e.listboxData,a=e.hasError,l=e.isRequired,d=e.isDisabled,p=e.isReadOnlyInput,h=(0,n.useRef)(),y=b((0,n.useState)(""),2),v=y[0],E=y[1],S=b((0,n.useState)(""),2),O=S[0],x=S[1],_=b((0,n.useState)(m.Ay.uniqueId("example-unique-id-")),1)[0],g=b((0,n.useState)(m.Ay.uniqueId("example-unique-id-")),1)[0];return(0,n.useEffect)(function(){h.current&&("id"in h.current&&h.current.id&&E(h.current.id),"ariaChecked"in h.current&&h.current.ariaChecked&&x(h.current.textContent))},[]),i().createElement(i().Fragment,null,i().createElement(u.Ay,{className:s()("slds-timepicker",{"slds-has-error":a}),id:_,"aria-controls":g,"aria-activedescendant":v,autocomplete:!0,label:"Time",placeholder:"Select a time…",inputIconPosition:"right",rightInputIcon:i().createElement(f.UtilityIcon,{symbol:"clock",className:s()("slds-icon slds-icon_x-small slds-icon-text-default",{"slds-icon-text-error":a,"slds-is-disabled":d}),containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:i().createElement(c.Ay,{id:g,snapshot:o,type:"plain",count:6,focusedRef:h}),resultsType:"listbox",hasInteractions:!p,hasFocus:t,isOpen:r,hasError:a,isRequired:l,isDisabled:d,isReadOnlyInput:p,value:O}),a&&i().createElement("div",{className:"slds-form-element__help",id:_+"-error"},"Complete this field."))};h.propTypes={hasFocus:a().bool,isOpen:a().bool,hasError:a().bool,isRequired:a().bool,isDisabled:a().bool,isReadOnlyInput:a().bool,listboxData:a().object},t.default=i().createElement(h,{listboxData:d.eE});var y=[{id:"focused",label:"Focused",element:i().createElement(h,{listboxData:d.eE,hasFocus:!0,isOpen:!0})},{id:"open-item-focused",label:"Open - Item Focused",element:i().createElement(h,{listboxData:d.T5,hasFocus:!0,isOpen:!0})},{id:"time-selection",label:"Open - Time selected",element:i().createElement(h,{listboxData:d.F_,hasFocus:!0,isOpen:!0})},{id:"required",label:"Required",element:i().createElement(h,{listboxData:d.eE,isRequired:!0})},{id:"error",label:"Error",element:i().createElement(h,{listboxData:d.eE,hasError:!0})},{id:"required-error",label:"Required with Error",element:i().createElement(h,{listboxData:d.eE,isRequired:!0,hasError:!0})},{id:"disabled",label:"Disabled",demoStyles:"min-height: 8rem;",storybookStyles:!0,element:i().createElement(h,{listboxData:d.eE,isDisabled:!0})},{id:"readonly",label:"Readonly",demoStyles:"min-height: 8rem;",storybookStyles:!0,element:i().createElement(h,{listboxData:d.eE,isReadOnlyInput:!0})}]}},r={};function n(e){var i=r[e];if(void 0!==i)return i.exports;var o=r[e]={exports:{}};return t[e](o,o.exports,n),o.exports}n.m=t,n.amdO={},e=[],n.O=function(t,r,i,o){if(!r){var a=1/0;for(c=0;c<e.length;c++){r=e[c][0],i=e[c][1],o=e[c][2];for(var l=!0,s=0;s<r.length;s++)(!1&o||a>=o)&&Object.keys(n.O).every(function(e){return n.O[e](r[s])})?r.splice(s--,1):(l=!1,o<a&&(a=o));if(l){e.splice(c--,1);var u=i();void 0!==u&&(t=u)}}return t}o=o||0;for(var c=e.length;c>0&&e[c-1][2]>o;c--)e[c]=e[c-1];e[c]=[r,i,o]},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,{a:t}),t},n.d=function(e,t){for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.j=4633,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,4633:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};n.O.j=function(t){return 0===e[t]};var t=function(t,r){var i,o,a=r[0],l=r[1],s=r[2],u=0;if(a.some(function(t){return 0!==e[t]})){for(i in l)n.o(l,i)&&(n.m[i]=l[i]);if(s)var c=s(n)}for(t&&t(r);u<a.length;u++)o=a[u],n.o(e,o)&&e[o]&&e[o][0](),e[o]=0;return n.O(c)},r=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))}(),n.nc=void 0;var i=n.O(void 0,[6790],function(){return n(3851)});i=n.O(i),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/timepicker/base/example.jsx.js"]=i}();