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

Salesforce Lightning Design System

var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/timepicker/base/example.jsx.js"]=function(e){function t(t){for(var n,o,l=t[0],s=t[1],u=t[2],d=0,p=[];d<l.length;d++)o=l[d],Object.prototype.hasOwnProperty.call(a,o)&&a[o]&&p.push(a[o][0]),a[o]=0;for(n in s)Object.prototype.hasOwnProperty.call(s,n)&&(e[n]=s[n]);for(c&&c(t);p.length;)p.shift()();return i.push.apply(i,u||[]),r()}function r(){for(var e,t=0;t<i.length;t++){for(var r=i[t],n=!0,l=1;l<r.length;l++){var s=r[l];0!==a[s]&&(n=!1)}n&&(i.splice(t--,1),e=o(o.s=r[0]))}return e}var n={},a={149:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},i=[];function o(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,o),r.l=!0,r.exports}o.m=e,o.c=n,o.d=function(e,t,r){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(o.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var n in e)o.d(r,n,function(t){return e[t]}.bind(null,n));return r},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/assets/scripts/bundle/";var l=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],s=l.push.bind(l);l.push=t,l=l.slice();for(var u=0;u<l.length;u++)t(l[u]);var c=s;return i.push([589,0]),r()}({0:function(e,t){e.exports=React},14:function(e,t){e.exports=ReactDOM},589:function(e,t,r){"use strict";r.r(t),r.d(t,"states",(function(){return y}));var n=r(0),a=r.n(n),i=r(1),o=r.n(i),l=r(2),s=r.n(l),u=r(19),c=r(21),d=r(22),p=r(9),f=r(6);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)return;var n,a,i=[],o=!0,l=!1;try{for(r=r.call(e);!(o=(n=r.next()).done)&&(i.push(n.value),!t||i.length!==t);o=!0);}catch(e){l=!0,a=e}finally{try{o||null==r.return||r.return()}finally{if(l)throw a}}return i}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return m(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);"Object"===r&&e.constructor&&(r=e.constructor.name);if("Map"===r||"Set"===r)return Array.from(e);if("Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return m(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=new Array(t);r<t;r++)n[r]=e[r];return n}var h=function(e){var t=e.hasFocus,r=e.isOpen,i=e.listboxData,o=e.hasError,l=e.isRequired,d=e.isDisabled,m=Object(n.useRef)(),h=b(Object(n.useState)(""),2),y=h[0],v=h[1],S=b(Object(n.useState)(""),2),x=S[0],O=S[1],_=b(Object(n.useState)(f.d.uniqueId("example-unique-id-")),1)[0],g=b(Object(n.useState)(f.d.uniqueId("example-unique-id-")),1)[0];return Object(n.useEffect)((function(){m.current&&("id"in m.current&&m.current.id&&v(m.current.id),"ariaChecked"in m.current&&m.current.ariaChecked&&O(m.current.textContent))}),[]),a.a.createElement(a.a.Fragment,null,a.a.createElement(u.b,{className:s()("slds-timepicker",{"slds-has-error":o}),id:_,"aria-controls":g,"aria-activedescendant":y,autocomplete:!0,label:"Time",placeholder:"Select a time…",inputIconPosition:"right",rightInputIcon:a.a.createElement(p.UtilityIcon,{symbol:"clock",className:s()("slds-icon slds-icon_x-small slds-icon-text-default",{"slds-icon-text-error":o,"slds-is-disabled":d}),containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:a.a.createElement(c.e,{id:g,snapshot:i,type:"plain",count:6,focusedRef:m}),resultsType:"listbox",hasInteractions:!0,hasFocus:t,isOpen:r,hasError:o,isRequired:l,isDisabled:d,value:x}),o&&a.a.createElement("div",{className:"slds-form-element__help",id:_+"-error"},"Complete this field."))};h.propTypes={hasFocus:o.a.bool,isOpen:o.a.bool,hasError:o.a.bool,isRequired:o.a.bool,isDisabled:o.a.bool,listboxData:o.a.object},t.default=a.a.createElement(h,{listboxData:d.t});var y=[{id:"focused",label:"Focused",element:a.a.createElement(h,{listboxData:d.t,hasFocus:!0,isOpen:!0})},{id:"open-item-focused",label:"Open - Item Focused",element:a.a.createElement(h,{listboxData:d.u,hasFocus:!0,isOpen:!0})},{id:"time-selection",label:"Open - Time selected",element:a.a.createElement(h,{listboxData:d.v,hasFocus:!0,isOpen:!0})},{id:"required",label:"Required",element:a.a.createElement(h,{listboxData:d.t,isRequired:!0})},{id:"error",label:"Error",element:a.a.createElement(h,{listboxData:d.t,hasError:!0})},{id:"required-error",label:"Required with Error",element:a.a.createElement(h,{listboxData:d.t,isRequired:!0,hasError:!0})},{id:"disabled",label:"Disabled",demoStyles:"min-height: 8rem;",storybookStyles:!0,element:a.a.createElement(h,{listboxData:d.t,isDisabled:!0})}]}});