ably-ui 5.3.0.dev.3c981a4 → 6.0.1.dev.3582953

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: '0891792174db273447d722fc8d143f67bd4d17000b883eff5028706197af0143'
-  data.tar.gz: ec0b5117eb1de427d614a52a42191ecf7d6c1e0cd57d0e416afce8f058770891
+  metadata.gz: 04b6eccb1f747b9244a871205c55dbbc0d8afb954134174223376f34c8bb9419
+  data.tar.gz: cc1e4ec53c627d4e672227e267b45183f7cff47d2f58742cf2d30ea6a7516e32
 SHA512:
-  metadata.gz: 979fc308ddd2ffe408e9c02d0e5493ca53bb4e97cd2df6ee94ce447b5ef676e420ab09f08925b68c054cb7635045f341c448f8d9cf5571a460d15fb522016d9f
-  data.tar.gz: 80c2b3b3d4352ea7dd8a38683f17ed372f07f0bc3b066ce7077a8f90b3d01ae7bcc984af901a48d5731712e38540cfdc8f5e5715c07d4d3eb7b97757fccea268
+  metadata.gz: e8eb5b32a11d747e16470eca5dbddab8e2d5da11dd409cbc920102e2d68ee11b6051023a53a934fe73bd5b8d13c6ec85da538fd7f6b44eeb420bbccda35ac028
+  data.tar.gz: 2c0769b2986d99c0d8ce01396fe7a2a61926d15559d7fb1a34f06629f2dbfba0d4167985915c5d4a2b5418697bc257fbd8ec070d80c1a4164e471f76c31d7689

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    ably-ui (5.3.0)
+    ably-ui (6.0.1.dev.2e2d2c8)
       view_component (~> 2.33.0)
 
 GEM

data/lib/ably_ui/core/company_autocomplete/component.css

@@ -0,0 +1,46 @@
+@layer components {
+  .ui-company-autocomplete-container {
+    @apply shadow-container absolute bg-white w-full z-10 font-sans;
+  }
+
+  .ui-company-autocomplete-list {
+    @apply border border-mid-grey border-t-0;
+  }
+
+  .ui-company-autocomplete-listitem {
+    @apply border-b border-mid-grey h-48;
+  }
+
+  .ui-company-autocomplete-btn {
+    @apply h-full w-full flex items-center py-4 px-12;
+  }
+
+  .ui-company-autocomplete-btn:focus {
+    @apply focus:text-gui-focus;
+  }
+
+  .ui-company-autocomplete-listitem:last-child {
+    @apply border-b-0;
+  }
+
+  .ui-company-autocomplete-listitem:hover {
+    @apply bg-light-grey cursor-pointer;
+  }
+
+  .ui-company-autocomplete-listitem:hover .ui-company-autocomplete-name {
+    @apply text-gui-hover;
+  }
+
+  .ui-company-autocomplete-logo {
+    @apply w-32;
+  }
+
+  .ui-company-autocomplete-name {
+    @apply font-sans font-light text-cool-black ml-8 text-p3 text-left;
+  }
+
+  .ui-company-autocomplete-domain {
+    @apply font-sans font-light text-dark-grey ml-auto text-p3;
+  }
+}
+

data/lib/ably_ui/core/company_autocomplete/component.js

@@ -0,0 +1 @@
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.AblyUi=e():(t.AblyUi=t.AblyUi||{},t.AblyUi.Core=t.AblyUi.Core||{},t.AblyUi.Core.CompanyAutocomplete=e())}(this,(function(){return(()=>{var t={7757:(t,e,r)=>{t.exports=r(5666)},3096:(t,e,r)=>{var n="Expected a function",o=/^\s+|\s+$/g,i=/^[-+]0x[0-9a-f]+$/i,a=/^0b[01]+$/i,c=/^0o[0-7]+$/i,u=parseInt,f="object"==typeof r.g&&r.g&&r.g.Object===Object&&r.g,s="object"==typeof self&&self&&self.Object===Object&&self,l=f||s||Function("return this")(),p=Object.prototype.toString,d=Math.max,h=Math.min,v=function(){return l.Date.now()};function y(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function m(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==p.call(t)}(t))return NaN;if(y(t)){var e="function"==typeof t.valueOf?t.valueOf():t;t=y(e)?e+"":e}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(o,"");var r=a.test(t);return r||c.test(t)?u(t.slice(2),r?2:8):i.test(t)?NaN:+t}t.exports=function(t,e,r){var o=!0,i=!0;if("function"!=typeof t)throw new TypeError(n);return y(r)&&(o="leading"in r?!!r.leading:o,i="trailing"in r?!!r.trailing:i),function(t,e,r){var o,i,a,c,u,f,s=0,l=!1,p=!1,g=!0;if("function"!=typeof t)throw new TypeError(n);function w(e){var r=o,n=i;return o=i=void 0,s=e,c=t.apply(n,r)}function b(t){return s=t,u=setTimeout(E,e),l?w(t):c}function x(t){var r=t-f;return void 0===f||r>=e||r<0||p&&t-s>=a}function E(){var t=v();if(x(t))return L(t);u=setTimeout(E,function(t){var r=e-(t-f);return p?h(r,a-(t-s)):r}(t))}function L(t){return u=void 0,g&&o?w(t):(o=i=void 0,c)}function j(){var t=v(),r=x(t);if(o=arguments,i=this,f=t,r){if(void 0===u)return b(f);if(p)return u=setTimeout(E,e),w(f)}return void 0===u&&(u=setTimeout(E,e)),c}return e=m(e)||0,y(r)&&(l=!!r.leading,a=(p="maxWait"in r)?d(m(r.maxWait)||0,e):a,g="trailing"in r?!!r.trailing:g),j.cancel=function(){void 0!==u&&clearTimeout(u),s=0,o=f=i=u=void 0},j.flush=function(){return void 0===u?c:L(v())},j}(t,e,{leading:o,maxWait:e,trailing:i})}},5666:t=>{var e=function(t){"use strict";var e,r=Object.prototype,n=r.hasOwnProperty,o="function"==typeof Symbol?Symbol:{},i=o.iterator||"@@iterator",a=o.asyncIterator||"@@asyncIterator",c=o.toStringTag||"@@toStringTag";function u(t,e,r){return Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}),t[e]}try{u({},"")}catch(t){u=function(t,e,r){return t[e]=r}}function f(t,e,r,n){var o=e&&e.prototype instanceof y?e:y,i=Object.create(o.prototype),a=new k(n||[]);return i._invoke=function(t,e,r){var n=l;return function(o,i){if(n===d)throw new Error("Generator is already running");if(n===h){if("throw"===o)throw i;return S()}for(r.method=o,r.arg=i;;){var a=r.delegate;if(a){var c=O(a,r);if(c){if(c===v)continue;return c}}if("next"===r.method)r.sent=r._sent=r.arg;else if("throw"===r.method){if(n===l)throw n=h,r.arg;r.dispatchException(r.arg)}else"return"===r.method&&r.abrupt("return",r.arg);n=d;var u=s(t,e,r);if("normal"===u.type){if(n=r.done?h:p,u.arg===v)continue;return{value:u.arg,done:r.done}}"throw"===u.type&&(n=h,r.method="throw",r.arg=u.arg)}}}(t,r,a),i}function s(t,e,r){try{return{type:"normal",arg:t.call(e,r)}}catch(t){return{type:"throw",arg:t}}}t.wrap=f;var l="suspendedStart",p="suspendedYield",d="executing",h="completed",v={};function y(){}function m(){}function g(){}var w={};w[i]=function(){return this};var b=Object.getPrototypeOf,x=b&&b(b(N([])));x&&x!==r&&n.call(x,i)&&(w=x);var E=g.prototype=y.prototype=Object.create(w);function L(t){["next","throw","return"].forEach((function(e){u(t,e,(function(t){return this._invoke(e,t)}))}))}function j(t,e){function r(o,i,a,c){var u=s(t[o],t,i);if("throw"!==u.type){var f=u.arg,l=f.value;return l&&"object"==typeof l&&n.call(l,"__await")?e.resolve(l.__await).then((function(t){r("next",t,a,c)}),(function(t){r("throw",t,a,c)})):e.resolve(l).then((function(t){f.value=t,a(f)}),(function(t){return r("throw",t,a,c)}))}c(u.arg)}var o;this._invoke=function(t,n){function i(){return new e((function(e,o){r(t,n,e,o)}))}return o=o?o.then(i,i):i()}}function O(t,r){var n=t.iterator[r.method];if(n===e){if(r.delegate=null,"throw"===r.method){if(t.iterator.return&&(r.method="return",r.arg=e,O(t,r),"throw"===r.method))return v;r.method="throw",r.arg=new TypeError("The iterator does not provide a 'throw' method")}return v}var o=s(n,t.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,v;var i=o.arg;return i?i.done?(r[t.resultName]=i.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=e),r.delegate=null,v):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,v)}function T(t){var e={tryLoc:t[0]};1 in t&&(e.catchLoc=t[1]),2 in t&&(e.finallyLoc=t[2],e.afterLoc=t[3]),this.tryEntries.push(e)}function _(t){var e=t.completion||{};e.type="normal",delete e.arg,t.completion=e}function k(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(T,this),this.reset(!0)}function N(t){if(t){var r=t[i];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var o=-1,a=function r(){for(;++o<t.length;)if(n.call(t,o))return r.value=t[o],r.done=!1,r;return r.value=e,r.done=!0,r};return a.next=a}}return{next:S}}function S(){return{value:e,done:!0}}return m.prototype=E.constructor=g,g.constructor=m,m.displayName=u(g,c,"GeneratorFunction"),t.isGeneratorFunction=function(t){var e="function"==typeof t&&t.constructor;return!!e&&(e===m||"GeneratorFunction"===(e.displayName||e.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,g):(t.__proto__=g,u(t,c,"GeneratorFunction")),t.prototype=Object.create(E),t},t.awrap=function(t){return{__await:t}},L(j.prototype),j.prototype[a]=function(){return this},t.AsyncIterator=j,t.async=function(e,r,n,o,i){void 0===i&&(i=Promise);var a=new j(f(e,r,n,o),i);return t.isGeneratorFunction(r)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},L(E),u(E,c,"Generator"),E[i]=function(){return this},E.toString=function(){return"[object Generator]"},t.keys=function(t){var e=[];for(var r in t)e.push(r);return e.reverse(),function r(){for(;e.length;){var n=e.pop();if(n in t)return r.value=n,r.done=!1,r}return r.done=!0,r}},t.values=N,k.prototype={constructor:k,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=e,this.done=!1,this.delegate=null,this.method="next",this.arg=e,this.tryEntries.forEach(_),!t)for(var r in this)"t"===r.charAt(0)&&n.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=e)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function o(n,o){return c.type="throw",c.arg=t,r.next=n,o&&(r.method="next",r.arg=e),!!o}for(var i=this.tryEntries.length-1;i>=0;--i){var a=this.tryEntries[i],c=a.completion;if("root"===a.tryLoc)return o("end");if(a.tryLoc<=this.prev){var u=n.call(a,"catchLoc"),f=n.call(a,"finallyLoc");if(u&&f){if(this.prev<a.catchLoc)return o(a.catchLoc,!0);if(this.prev<a.finallyLoc)return o(a.finallyLoc)}else if(u){if(this.prev<a.catchLoc)return o(a.catchLoc,!0)}else{if(!f)throw new Error("try statement without catch or finally");if(this.prev<a.finallyLoc)return o(a.finallyLoc)}}}},abrupt:function(t,e){for(var r=this.tryEntries.length-1;r>=0;--r){var o=this.tryEntries[r];if(o.tryLoc<=this.prev&&n.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=e&&e<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=e,i?(this.method="next",this.next=i.finallyLoc,v):this.complete(a)},complete:function(t,e){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&e&&(this.next=e),v},finish:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.finallyLoc===t)return this.complete(r.completion,r.afterLoc),_(r),v}},catch:function(t){for(var e=this.tryEntries.length-1;e>=0;--e){var r=this.tryEntries[e];if(r.tryLoc===t){var n=r.completion;if("throw"===n.type){var o=n.arg;_(r)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,n){return this.delegate={iterator:N(t),resultName:r,nextLoc:n},"next"===this.method&&(this.arg=e),v}},t}(t.exports);try{regeneratorRuntime=e}catch(t){Function("r","regeneratorRuntime = r")(e)}}},e={};function r(n){var o=e[n];if(void 0!==o)return o.exports;var i=e[n]={exports:{}};return t[n](i,i.exports,r),i.exports}r.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return r.d(e,{a:e}),e},r.d=(t,e)=>{for(var n in e)r.o(e,n)&&!r.o(t,n)&&Object.defineProperty(t,n,{enumerable:!0,get:e[n]})},r.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(t){if("object"==typeof window)return window}}(),r.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e);var n={};return(()=>{"use strict";r.d(n,{default:()=>w});var t=r(7757),e=r.n(t),o=r(3096),i=r.n(o);function a(t,e,r,n,o,i,a){try{var c=t[i](a),u=c.value}catch(t){return void r(t)}c.done?e(u):Promise.resolve(u).then(n,o)}function c(t){return function(){var e=this,r=arguments;return new Promise((function(n,o){var i=t.apply(e,r);function c(t){a(i,n,o,c,u,"next",t)}function u(t){a(i,n,o,c,u,"throw",t)}c(void 0)}))}}var u="https://autocomplete.clearbit.com/v1/companies/suggest",f=function(t){return t.parentNode.querySelector("[data-id=company-autocomplete-dropdown]")},s=function(t){return t?t.querySelectorAll("li > button"):[]},l=function(t){return Array.from(t).indexOf(document.activeElement)},p=function(t){var e=f(t);e&&(e.classList.add("hidden"),e.querySelector("ol").innerHTML="")},d=function(t,e){var r=t.parentNode,n=function(t){var e=f(t);if(!e){t.parentNode.style.position="relative",(e=document.createElement("div")).dataset.id="company-autocomplete-dropdown",e.classList.add("ui-company-autocomplete-container");var r=document.createElement("ol");return r.classList.add("ui-company-autocomplete-list"),{container:e,list:r}}return{container:e,list:e.querySelector("ol")}}(t),o=n.container,i=n.list,a=function(t){return t.map((function(t){var e=document.createElement("li");e.classList.add("ui-company-autocomplete-listitem");var r=document.createElement("button");r.classList.add("ui-company-autocomplete-btn"),r.dataset.name=t.name;var n=document.createElement("img");n.alt="".concat(t.name," logo"),n.src=t.logo,n.classList.add("ui-company-autocomplete-logo");var o=document.createElement("p");o.textContent=t.name,o.classList.add("ui-company-autocomplete-name");var i=document.createElement("p");return i.textContent=t.domain,i.classList.add("ui-company-autocomplete-domain"),r.append(n),r.append(o),r.append(i),e.append(r),e}))}(e);p(t),a.forEach((function(r,n){i.append(r),r.addEventListener("click",(function(r){t.value=e[n].name,r.preventDefault()}))})),o.append(i),o.classList.remove("hidden"),r.append(o)},h=function(){var t=c(e().mark((function t(r,n){var o,i;return e().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(t.prev=0,n){t.next=3;break}return t.abrupt("return",[]);case 3:return t.next=5,fetch("".concat(r,"?query=").concat(n));case 5:return o=t.sent,t.next=8,o.json();case 8:return i=t.sent,t.abrupt("return",i);case 12:return t.prev=12,t.t0=t.catch(0),console.error(t.t0),t.abrupt("return",[]);case 16:case"end":return t.stop()}}),t,null,[[0,12]])})));return function(e,r){return t.apply(this,arguments)}}(),v=function(t,e){var r=f(t),n=s(r),o=l(n);0!==n.length&&(document.activeElement===t?n[0].focus():o>=0&&o<n.length-1&&n[o+1].focus(),e.preventDefault())},y=function(t,e){var r=f(t),n=s(r),o=l(n);0!==n.length&&(0===o?t.focus():o>0&&n[o-1].focus(),e.preventDefault())},m=function(t,e){var r=f(t),n=s(r),o=l(n);(document.activeElement===t&&e.shiftKey||o===n.length-1)&&p(t)},g=function(t,e){e.target.dataset.name&&(t.value=e.target.dataset.name,p(t),t.focus(),e.preventDefault())};const w=function(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:u;t.addEventListener("keyup",i()(function(){var n=c(e().mark((function n(o){var i,a;return e().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!["Enter","Space","Tab","Escape"].includes(o.code)){e.next=2;break}return e.abrupt("return");case 2:return i=o.target.value,e.next=5,h(r,i);case 5:(a=e.sent)&&a.length>0&&d(t,a);case 7:case"end":return e.stop()}}),n)})));return function(t){return n.apply(this,arguments)}}(),100,{trailing:!0})),t.parentNode.addEventListener("keydown",(function(e){"ArrowDown"===e.code?v(t,e):"ArrowUp"===e.code?y(t,e):"Enter"===e.code||"Space"===e.code?g(t,e):"Tab"===e.code?m(t,e):"Escape"===e.code&&p(t)})),document.body.addEventListener("click",(function(){p(t)}))}})(),n.default})()}));

data/lib/ably_ui/core/styles.css

@@ -175,7 +175,7 @@
     @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
     @apply disabled:text-mid-grey disabled:bg-gui-unavailable disabled:cursor-not-allowed;
     @apply transition-colors;
-    @apply flex items-center;
+    @apply inline-flex items-center justify-center;
   }
 
   .ui-btn-alt {
@@ -195,7 +195,7 @@
 
     @apply text-white text-btn2 font-sans font-medium inline-block rounded p-btn;
     @apply focus:outline-gui-focus;
-    @apply flex items-center;
+    @apply inline-flex items-center justify-center;
   }
 
   .ui-btn-alt:hover,
@@ -215,7 +215,7 @@
     @apply focus:text-white focus:bg-cool-black focus:outline-gui-focus;
     @apply disabled:text-mid-grey disabled:bg-gui-unavailable disabled:cursor-not-allowed;
     @apply transition-colors;
-    @apply flex items-center;
+    @apply inline-flex items-center justify-center;
   }
 
   .ui-btn-secondary {
@@ -225,7 +225,7 @@
     @apply focus:border-cool-black focus:bg-white focus:outline-gui-focus;
     @apply disabled:text-gui-unavailable disabled:border-gui-unavailable disabled:bg-white disabled:cursor-not-allowed;
     @apply transition-colors;
-    @apply flex items-center;
+    @apply inline-flex items-center justify-center;
   }
 
   .ui-btn-secondary-invert {
@@ -235,7 +235,7 @@
     @apply focus:outline-gui-focus;
     @apply disabled:text-gui-unavailable disabled:border-gui-unavailable disabled:cursor-not-allowed;
     @apply transition-colors;
-    @apply flex items-center;
+    @apply inline-flex items-center justify-center;
   }
 
   .ui-btn-icon {

data/lib/ably_ui/version.rb

@@ -1,3 +1,3 @@
 module AblyUi
-  VERSION = '5.3.0.dev.3c981a4'
+  VERSION = '6.0.1.dev.3582953'
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ably-ui
 version: !ruby/object:Gem::Version
-  version: 5.3.0.dev.3c981a4
+  version: 6.0.1.dev.3582953
 platform: ruby
 authors:
 - Dominik Piatek
@@ -10,7 +10,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-12-01 00:00:00.000000000 Z
+date: 2022-01-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: view_component
@@ -45,6 +45,8 @@ files:
 - lib/ably_ui/core/code/code.rb
 - lib/ably_ui/core/code/component.css
 - lib/ably_ui/core/code/component.js
+- lib/ably_ui/core/company_autocomplete/component.css
+- lib/ably_ui/core/company_autocomplete/component.js
 - lib/ably_ui/core/connect_state_wrapper/component.js
 - lib/ably_ui/core/contact_footer/component.css
 - lib/ably_ui/core/contact_footer/component.js