@bothub-chat/ui 2.60.0-feat-documentizer-ee496c86-838a-4dfa-a435-55b5453a6ede → 2.60.0-feat-documentizer-572ab853-c274-4ebd-a1b0-31c9be879fd7

package/dist/components/select-field/types.d.ts

@@ -36,7 +36,7 @@ export type SelectFieldDataItemComplex = {
 export type SelectFieldDataItem = string | SelectFieldDataItemComplex;
 export type SelectFieldData = SelectFieldDataItem[];
 export type SelectFieldSize = 'small' | 'md' | 'large';
-export type SelectFieldPlacement = 'bottom-left' | 'bottom-center' | 'top-left' | 'top-right';
+export type SelectFieldPlacement = 'bottom-left' | 'bottom-center' | 'bottom-right' | 'top-left' | 'top-right';
 export type SelectFieldInputType = 'text' | 'search';
 export type ResetStyleStateType = string | number | boolean | null;
 export type SelectedItem = SelectFieldDataItem | null;

package/dist/components/select-field/useSelectField.d.ts

@@ -28,7 +28,7 @@ export declare const useSelectField: <TriggerType extends HTMLElement = HTMLDivE
     isOpen: boolean;
     triggerRef: import("react").RefObject<TriggerType | null>;
     selectModalRef: import("react").RefObject<HTMLDivElement | null>;
-    placement: "top-left" | "top-right" | "bottom-left" | "bottom-center";
+    placement: "top-left" | "top-right" | "bottom-left" | "bottom-center" | "bottom-right";
     isKeyboardOpen: import("react").RefObject<boolean>;
     value: ValueType;
     disabled: boolean;

package/dist/components/select-field/useSelectField.js

@@ -1 +1 @@
-import{useState as e,useCallback as t,useRef as n,useEffect as o}from"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import{findNearestScrollableParent as r}from"../../utils/findNearestScrollableParent.js";import"tslib";const i=({value:i,multiple:l=!1,disabled:s=!1,placement:c="bottom-left",contentHeight:u,onClose:a,onSelectClick:d,onChange:m,onValueChange:w})=>{const[p,f]=e(!1),[g,v]=e(0),[h,b]=e(0),[y,E]=e(0),[L,C]=e(u),[k,A]=e(c),H=t(e=>{if(l&&Array.isArray(e)){const t=w,n=e;null==m||m(e),null==t||t(n.map(e=>"string"==typeof e?e:"string"==typeof e.value?e.value:"").filter(e=>!!e))}if(!l&&!Array.isArray(e)){null==m||m(e);const t=w;e?"string"==typeof e?null==t||t(e):"string"==typeof e.value&&(null==t||t(e.value)):null==t||t(null)}},[l,m,w]);let[R,z]=e(l?[]:null);void 0!==i&&([R,z]=[i,H]);const X=n(!1),Y=n(null),j=n(null);o(()=>{const e=()=>{const e=Y.current;if(!e||!L||!u)return;let t=u;const{top:n,bottom:o}=e.getBoundingClientRect();t=k.includes("top")?n-20:window.innerHeight-o-20,"string"!=typeof u&&C(t<u?t:u)};return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[Y.current,L,k,u,p]);const B=t(()=>{f(!1),null==a||a()},[]);o(()=>{if(!p||!Y.current)return;const e=r(Y.current);return e?(e.addEventListener("scroll",B),()=>e.removeEventListener("scroll",B)):void 0},[p]),o(()=>{if(!p)return;const e=e=>{if(!X.current||"orientationchange"===e.type){if("mousedown"===e.type){const t=Y.current,n=j.current;if(null===t||null===n)return;if(t.contains(e.target)||n.contains(e.target))return}B()}};return document.addEventListener("mousedown",e),document.addEventListener("scroll",e),window.addEventListener("resize",e),window.addEventListener("orientationchange",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("scroll",e),window.removeEventListener("resize",e),window.removeEventListener("orientationchange",e)}},[p]);const S=t((e,t)=>{null==d||d();const n=Y.current,o=j.current;if(!n||!o||s)return;e&&t.stopPropagation();const r=window.innerHeight||document.documentElement.clientHeight,{width:i,height:l,top:a,bottom:m,left:w,right:g}=n.getBoundingClientRect(),{width:h}=o.getBoundingClientRect();let y=k;y=a-186<0||"number"==typeof u&&u>a&&r-m>a?"bottom-center"===y?"bottom-center":"bottom-left":m+186>r||"number"==typeof u&&u>r-m&&r-m<a?"top-right"===c?"top-right":"top-left":c;let L=0,C=0;switch(y){case"bottom-left":L=w+window.scrollX,C=a+window.scrollY+l;break;case"bottom-center":L=Math.floor((w+g)/2+window.scrollX-h/2),C=a+window.scrollY+l;break;case"top-left":L=w+window.scrollX,C=a+window.scrollY;break;case"top-right":L=w+window.scrollX+i,C=a+window.scrollY}v(L),b(C),E(i),A(y),f(!!e||!p)},[s,p,k,c,d]);return{x:g,y:h,width:y,isOpen:p,triggerRef:Y,selectModalRef:j,placement:k,isKeyboardOpen:X,value:R,disabled:s,multiple:l,contentHeight:L,handleInputClick:S,handleClose:B,setValue:e=>{z===H?z(e):(z(e),H(e))}}};export{i as useSelectField};
+import{useState as t,useCallback as e,useRef as n,useEffect as o}from"react";import"unified";import"remark-parse";import"remark-gfm";import"mdast-util-to-markdown";import"../../utils/colors/calculateGrayScale.js";import"../../utils/colors/calculateAccentColors.js";import{findNearestScrollableParent as r}from"../../utils/findNearestScrollableParent.js";import"tslib";const i=({value:i,multiple:l=!1,disabled:s=!1,placement:c="bottom-left",contentHeight:a,onClose:u,onSelectClick:d,onChange:m,onValueChange:w})=>{const[p,g]=t(!1),[f,h]=t(0),[v,b]=t(0),[y,E]=t(0),[L,C]=t(a),[k,A]=t(c),H=e(t=>{if(l&&Array.isArray(t)){const e=w,n=t;null==m||m(t),null==e||e(n.map(t=>"string"==typeof t?t:"string"==typeof t.value?t.value:"").filter(t=>!!t))}if(!l&&!Array.isArray(t)){null==m||m(t);const e=w;t?"string"==typeof t?null==e||e(t):"string"==typeof t.value&&(null==e||e(t.value)):null==e||e(null)}},[l,m,w]);let[R,X]=t(l?[]:null);void 0!==i&&([R,X]=[i,H]);const Y=n(!1),z=n(null),j=n(null);o(()=>{const t=()=>{const t=z.current;if(!t||!L||!a)return;let e=a;const{top:n,bottom:o}=t.getBoundingClientRect();e=k.includes("top")?n-20:window.innerHeight-o-20,"string"!=typeof a&&C(e<a?e:a)};return t(),window.addEventListener("resize",t),()=>window.removeEventListener("resize",t)},[z.current,L,k,a,p]);const B=e(()=>{g(!1),null==u||u()},[]);o(()=>{if(!p||!z.current)return;const t=r(z.current);return t?(t.addEventListener("scroll",B),()=>t.removeEventListener("scroll",B)):void 0},[p]),o(()=>{if(!p)return;const t=t=>{if(!Y.current||"orientationchange"===t.type){if("mousedown"===t.type){const e=z.current,n=j.current;if(null===e||null===n)return;if(e.contains(t.target)||n.contains(t.target))return}B()}};return document.addEventListener("mousedown",t),document.addEventListener("scroll",t),window.addEventListener("resize",t),window.addEventListener("orientationchange",t),()=>{document.removeEventListener("mousedown",t),document.removeEventListener("scroll",t),window.removeEventListener("resize",t),window.removeEventListener("orientationchange",t)}},[p]);const S=e((t,e)=>{null==d||d();const n=z.current,o=j.current;if(!n||!o||s)return;t&&e.stopPropagation();const r=window.innerHeight||document.documentElement.clientHeight,{width:i,height:l,top:u,bottom:m,left:w,right:f}=n.getBoundingClientRect(),{width:v}=o.getBoundingClientRect();let y=k;y=u-186<0||"number"==typeof a&&a>u&&r-m>u?"bottom-center"===c?"bottom-center":"bottom-right"===c||"top-right"===c?"bottom-right":"bottom-left":m+186>r||"number"==typeof a&&a>r-m&&r-m<u?"top-right"===c||"bottom-right"===c?"top-right":"top-left":c;let L=0,C=0;switch(y){case"bottom-left":L=w+window.scrollX,C=u+window.scrollY+l;break;case"bottom-center":L=Math.floor((w+f)/2+window.scrollX-v/2),C=u+window.scrollY+l;break;case"bottom-right":L=w+window.scrollX+i,C=u+window.scrollY+l;break;case"top-left":L=w+window.scrollX,C=u+window.scrollY;break;case"top-right":L=w+window.scrollX+i,C=u+window.scrollY}h(L),b(C),E(i),A(y),g(!!t||!p)},[s,p,k,c,d,a]);return{x:f,y:v,width:y,isOpen:p,triggerRef:z,selectModalRef:j,placement:k,isKeyboardOpen:Y,value:R,disabled:s,multiple:l,contentHeight:L,handleInputClick:S,handleClose:B,setValue:t=>{X===H?X(t):(X(t),H(t))}}};export{i as useSelectField};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bothub-chat/ui",
-  "version": "2.60.0-feat-documentizer-ee496c86-838a-4dfa-a435-55b5453a6ede",
+  "version": "2.60.0-feat-documentizer-572ab853-c274-4ebd-a1b0-31c9be879fd7",
   "description": "Bothub UI Components",
   "keywords": [
     "bot",