@bikdotai/bik-component-library 0.0.581-aidd-beta.6 → 0.0.581-aidd-beta.9

package/dist/cjs/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/cjs/components/floater/floater.d.ts

@@ -4,6 +4,7 @@ type FloaterProps = {
     refElement: React.MutableRefObject<any>;
     leftOffset?: number;
     topOffset?: number;
+    useDefaultOffsets?: boolean;
 };
 export declare const Floater: (props: FloaterProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/cjs/components/floater/floater.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");exports.Floater=n=>{const i=t.useRef(null),[r,s]=t.useState(0),[f,o]=t.useState(0),[l,u]=t.useState(!1);return t.useEffect((()=>{if(n.refElement.current){const e=n.refElement.current.getBoundingClientRect();(e=>{let t=0;t=n.leftOffset?e.left+n.leftOffset:e.left+e.width+30;const r=null==i?void 0:i.current;r?(t>window.innerWidth-r.offsetWidth&&(t=window.innerWidth-r.offsetWidth-50),o(t)):o(t)})(e),(e=>{let t=e.top;n.topOffset&&(t=e.top+n.topOffset);const r=null==i?void 0:i.current;if(!r)return void s(t);const f=window.innerHeight;e.top+r.offsetHeight>f&&(t=e.top-(e.top+r.offsetHeight-f)-10),s(t)})(e),u(!0)}})),l?e.jsx("div",Object.assign({style:{top:r,left:f,position:"fixed"}},{children:e.jsx("div",Object.assign({ref:i},{children:n.children}))})):null};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react");exports.Floater=f=>{const i=t.useRef(null),[n,r]=t.useState(0),[s,o]=t.useState(0),[l,u]=t.useState(!1);return t.useEffect((()=>{if(f.refElement.current){const e=f.refElement.current.getBoundingClientRect();(e=>{if(f.useDefaultOffsets)return void o(e.left);let t=0;t=f.leftOffset?e.left+f.leftOffset:e.left+e.width+30;const n=null==i?void 0:i.current;n?(t>window.innerWidth-n.offsetWidth&&(t=window.innerWidth-n.offsetWidth-50),o(t)):o(t)})(e),(e=>{if(f.useDefaultOffsets)return void r(e.top);let t=e.top;f.topOffset&&(t=e.top+f.topOffset);const n=null==i?void 0:i.current;if(!n)return void r(t);const s=window.innerHeight;e.top+n.offsetHeight>s&&(t=e.top-(e.top+n.offsetHeight-s)-10),r(t)})(e),u(!0)}})),l?e.jsx("div",Object.assign({style:{top:n,left:s,position:"fixed",zIndex:1e3}},{children:e.jsx("div",Object.assign({ref:i},{children:f.children}))})):null};

package/dist/cjs/components/floating-input-dropdown/FloatingInputDropdown.js

@@ -1,5 +1,5 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("react-popper"),r=require("styled-components"),s=require("../dropShadow/DropShadow.js"),i=require("../dropdown/Common.styled.js"),o=require("../dropdown/OpenedDropdown/components/OpennedDropdown.js"),l=require("../floater/floater.js"),u=require("../input/Input.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=d(r).default(i.OpenDropdownContainer)`
-	opacity: ${e=>{let{visible:n}=e;return n?1:0}};
-	visibility: ${e=>{let{visible:n}=e;return n?"visible":"hidden"}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("react-popper"),o=require("styled-components"),r=require("../dropShadow/DropShadow.js"),s=require("../dropdown/Common.styled.js"),i=require("../dropdown/OpenedDropdown/components/OpennedDropdown.js"),l=require("../floater/floater.js"),a=require("../input/Input.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const u=d(o).default(s.OpenDropdownContainer)`
+	opacity: ${e=>{let{visible:t}=e;return t?1:0}};
+	visibility: ${e=>{let{visible:t}=e;return t?"visible":"hidden"}};
 	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
-`;exports.FloatingInputDropdown=r=>{let{inputProps:i,dropdownProps:d,floaterProps:c,children:p,isVisible:j,onDropdownOptionClick:v,onChangeText:b}=r;const f=n.useRef(null),O=n.useRef(null),[g,w]=n.useState(!1),[x,h]=n.useState(null),[y,m]=n.useState(null),[S,q]=n.useState(!1),{styles:C,attributes:D,update:R}=t.usePopper(y,x,{placement:d.placement,strategy:d.strategy});n.useEffect((()=>{if(!g){const e=setTimeout((()=>q(!1)),200);return()=>clearTimeout(e)}q(!0)}),[g]),n.useEffect((()=>{if(f.current){const e=new ResizeObserver((()=>{R&&R()}));return e.observe(f.current),()=>{e.disconnect()}}}),[f.current,R]);return e.jsxs(e.Fragment,{children:[j&&e.jsxs(l.Floater,Object.assign({},c,{refElement:O},{children:[e.jsx("div",Object.assign({style:{position:"relative"},ref:m},{children:e.jsx(s.default,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(u.Input,Object.assign({},i,{onClick:()=>{var e;null===(e=d.onDropdownOpen)||void 0===e||e.call(d),g?w(!1):d.disabled||w(!0)},ref:f,onChangeText:(e,n)=>{null==b||b(e,n),R&&R()}}))}))})),e.jsx(a,Object.assign({ref:h,style:Object.assign(Object.assign({},C.popper),{zIndex:3})},D.popper,{visible:g||S},{children:e.jsx(s.default,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(o.OpenedDropdown,Object.assign({},d,{onSelect:e=>{var n;"2.0"===d.version&&d.isMultiSelect||(null===(n=d.onSelect)||void 0===n||n.call(d,e),w(!1))},onClose:e=>{var n,t;"2.0"===d.version&&d.isMultiSelect&&e&&(null===(n=d.onSelect)||void 0===n||n.call(d,[...e])),w(!1),null===(t=null==d?void 0:d.onClose)||void 0===t||t.call(d)},version:d.version,headerRef:f,onDropdownItemClick:e=>{null==v||v(e)}}))}))}))]})),e.jsx("div",Object.assign({ref:O},{children:p&&e.jsx("div",{children:p})}))]})};
+`;exports.FloatingInputDropdown=o=>{let{inputProps:s,dropdownProps:d,floaterProps:p,children:c,isVisible:f,onDropdownOptionClick:v,onChangeText:b}=o;const j=t.useRef(null),m=t.useRef(null),[O,g]=t.useState(!1),[w,h]=t.useState(null),[x,y]=t.useState(null),[S,q]=t.useState(!1),{styles:C,attributes:D,update:P,forceUpdate:R}=n.usePopper(x,w,{placement:d.placement,strategy:d.strategy,modifiers:[{name:"offset",options:{offset:[0,0]}},{name:"preventOverflow",options:{padding:{top:0,bottom:10,left:0,right:0}}},{name:"flip",options:{fallbackPlacements:["bottom","top"]}}]});t.useEffect((()=>{if(!O){const e=setTimeout((()=>q(!1)),200);return()=>clearTimeout(e)}q(!0),P&&P()}),[O,P]),t.useEffect((()=>{if(j.current){const e=new ResizeObserver((()=>{P&&P()}));return e.observe(j.current),()=>{e.disconnect()}}}),[j.current,P]);return e.jsxs(e.Fragment,{children:[f&&e.jsxs(l.Floater,Object.assign({},p,{refElement:m},{children:[e.jsx("div",Object.assign({style:{position:"relative"},ref:y},{children:e.jsx(r.default,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(a.Input,Object.assign({},s,{onClick:()=>{var e;null===(e=d.onDropdownOpen)||void 0===e||e.call(d),O?g(!1):d.disabled||g(!0),null==R||R()},ref:j,onChangeText:(e,t)=>{null==b||b(e,t),P&&P()}}))}))})),e.jsx(u,Object.assign({ref:h,style:Object.assign(Object.assign({},C.popper),{zIndex:3})},D.popper,{visible:O||S},{children:e.jsx(r.default,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e.jsx(i.OpenedDropdown,Object.assign({},d,{onSelect:e=>{var t;"2.0"===d.version&&d.isMultiSelect||(null===(t=d.onSelect)||void 0===t||t.call(d,e),g(!1))},onClose:e=>{var t,n;"2.0"===d.version&&d.isMultiSelect&&e&&(null===(t=d.onSelect)||void 0===t||t.call(d,[...e])),g(!1),null===(n=null==d?void 0:d.onClose)||void 0===n||n.call(d)},version:d.version,headerRef:j,onDropdownItemClick:e=>{null==v||v(e)}}))}))}))]})),e.jsx("div",Object.assign({ref:m},{children:c&&e.jsx("div",{children:c})}))]})};

package/dist/esm/components/bik-layout/MockMenus.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 export declare const Menus: ({
     displayName: string;
     key: number;

package/dist/esm/components/floater/floater.d.ts

@@ -4,6 +4,7 @@ type FloaterProps = {
     refElement: React.MutableRefObject<any>;
     leftOffset?: number;
     topOffset?: number;
+    useDefaultOffsets?: boolean;
 };
 export declare const Floater: (props: FloaterProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/esm/components/floater/floater.js

@@ -1 +1 @@
-import{jsx as t}from"react/jsx-runtime";import{useRef as e,useState as n,useEffect as i}from"react";const o=o=>{const f=e(null),[r,l]=n(0),[s,c]=n(0),[d,p]=n(!1);return i((()=>{if(o.refElement.current){const t=o.refElement.current.getBoundingClientRect();(t=>{let e=0;e=o.leftOffset?t.left+o.leftOffset:t.left+t.width+30;const n=null==f?void 0:f.current;n?(e>window.innerWidth-n.offsetWidth&&(e=window.innerWidth-n.offsetWidth-50),c(e)):c(e)})(t),(t=>{let e=t.top;o.topOffset&&(e=t.top+o.topOffset);const n=null==f?void 0:f.current;if(!n)return void l(e);const i=window.innerHeight;t.top+n.offsetHeight>i&&(e=t.top-(t.top+n.offsetHeight-i)-10),l(e)})(t),p(!0)}})),d?t("div",Object.assign({style:{top:r,left:s,position:"fixed"}},{children:t("div",Object.assign({ref:f},{children:o.children}))})):null};export{o as Floater};
+import{jsx as t}from"react/jsx-runtime";import{useRef as e,useState as n,useEffect as f}from"react";const i=i=>{const o=e(null),[r,s]=n(0),[l,d]=n(0),[c,u]=n(!1);return f((()=>{if(i.refElement.current){const t=i.refElement.current.getBoundingClientRect();(t=>{if(i.useDefaultOffsets)return void d(t.left);let e=0;e=i.leftOffset?t.left+i.leftOffset:t.left+t.width+30;const n=null==o?void 0:o.current;n?(e>window.innerWidth-n.offsetWidth&&(e=window.innerWidth-n.offsetWidth-50),d(e)):d(e)})(t),(t=>{if(i.useDefaultOffsets)return void s(t.top);let e=t.top;i.topOffset&&(e=t.top+i.topOffset);const n=null==o?void 0:o.current;if(!n)return void s(e);const f=window.innerHeight;t.top+n.offsetHeight>f&&(e=t.top-(t.top+n.offsetHeight-f)-10),s(e)})(t),u(!0)}})),c?t("div",Object.assign({style:{top:r,left:l,position:"fixed",zIndex:1e3}},{children:t("div",Object.assign({ref:o},{children:i.children}))})):null};export{i as Floater};

package/dist/esm/components/floating-input-dropdown/FloatingInputDropdown.js

@@ -1,5 +1,5 @@
-import{jsxs as e,Fragment as o,jsx as n}from"react/jsx-runtime";import{useRef as i,useState as r,useEffect as t}from"react";import{usePopper as l}from"react-popper";import s from"styled-components";import c from"../dropShadow/DropShadow.js";import{OpenDropdownContainer as d}from"../dropdown/Common.styled.js";import{OpenedDropdown as p}from"../dropdown/OpenedDropdown/components/OpennedDropdown.js";import{Floater as a}from"../floater/floater.js";import{Input as u}from"../input/Input.js";const m=s(d)`
+import{jsxs as e,Fragment as o,jsx as n}from"react/jsx-runtime";import{useRef as t,useState as i,useEffect as r}from"react";import{usePopper as l}from"react-popper";import s from"styled-components";import p from"../dropShadow/DropShadow.js";import{OpenDropdownContainer as c}from"../dropdown/Common.styled.js";import{OpenedDropdown as d}from"../dropdown/OpenedDropdown/components/OpennedDropdown.js";import{Floater as a}from"../floater/floater.js";import{Input as m}from"../input/Input.js";const u=s(c)`
 	opacity: ${e=>{let{visible:o}=e;return o?1:0}};
 	visibility: ${e=>{let{visible:o}=e;return o?"visible":"hidden"}};
 	transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
-`,v=s=>{let{inputProps:d,dropdownProps:v,floaterProps:b,children:f,isVisible:j,onDropdownOptionClick:h,onChangeText:O}=s;const g=i(null),w=i(null),[y,C]=r(!1),[S,D]=r(null),[x,z]=r(null),[R,T]=r(!1),{styles:k,attributes:I,update:P}=l(x,S,{placement:v.placement,strategy:v.strategy});t((()=>{if(!y){const e=setTimeout((()=>T(!1)),200);return()=>clearTimeout(e)}T(!0)}),[y]),t((()=>{if(g.current){const e=new ResizeObserver((()=>{P&&P()}));return e.observe(g.current),()=>{e.disconnect()}}}),[g.current,P]);return e(o,{children:[j&&e(a,Object.assign({},b,{refElement:w},{children:[n("div",Object.assign({style:{position:"relative"},ref:z},{children:n(c,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:n(u,Object.assign({},d,{onClick:()=>{var e;null===(e=v.onDropdownOpen)||void 0===e||e.call(v),y?C(!1):v.disabled||C(!0)},ref:g,onChangeText:(e,o)=>{null==O||O(e,o),P&&P()}}))}))})),n(m,Object.assign({ref:D,style:Object.assign(Object.assign({},k.popper),{zIndex:3})},I.popper,{visible:y||R},{children:n(c,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:n(p,Object.assign({},v,{onSelect:e=>{var o;"2.0"===v.version&&v.isMultiSelect||(null===(o=v.onSelect)||void 0===o||o.call(v,e),C(!1))},onClose:e=>{var o,n;"2.0"===v.version&&v.isMultiSelect&&e&&(null===(o=v.onSelect)||void 0===o||o.call(v,[...e])),C(!1),null===(n=null==v?void 0:v.onClose)||void 0===n||n.call(v)},version:v.version,headerRef:g,onDropdownItemClick:e=>{null==h||h(e)}}))}))}))]})),n("div",Object.assign({ref:w},{children:f&&n("div",{children:f})}))]})};export{v as FloatingInputDropdown};
+`,f=s=>{let{inputProps:c,dropdownProps:f,floaterProps:v,children:b,isVisible:g,onDropdownOptionClick:h,onChangeText:j}=s;const O=t(null),w=t(null),[y,C]=i(!1),[S,D]=i(null),[x,k]=i(null),[z,P]=i(!1),{styles:R,attributes:T,update:I,forceUpdate:M}=l(x,S,{placement:f.placement,strategy:f.strategy,modifiers:[{name:"offset",options:{offset:[0,0]}},{name:"preventOverflow",options:{padding:{top:0,bottom:10,left:0,right:0}}},{name:"flip",options:{fallbackPlacements:["bottom","top"]}}]});r((()=>{if(!y){const e=setTimeout((()=>P(!1)),200);return()=>clearTimeout(e)}P(!0),I&&I()}),[y,I]),r((()=>{if(O.current){const e=new ResizeObserver((()=>{I&&I()}));return e.observe(O.current),()=>{e.disconnect()}}}),[O.current,I]);return e(o,{children:[g&&e(a,Object.assign({},v,{refElement:w},{children:[n("div",Object.assign({style:{position:"relative"},ref:k},{children:n(p,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:n(m,Object.assign({},c,{onClick:()=>{var e;null===(e=f.onDropdownOpen)||void 0===e||e.call(f),y?C(!1):f.disabled||C(!0),null==M||M()},ref:O,onChangeText:(e,o)=>{null==j||j(e,o),I&&I()}}))}))})),n(u,Object.assign({ref:D,style:Object.assign(Object.assign({},R.popper),{zIndex:3})},T.popper,{visible:y||z},{children:n(p,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:n(d,Object.assign({},f,{onSelect:e=>{var o;"2.0"===f.version&&f.isMultiSelect||(null===(o=f.onSelect)||void 0===o||o.call(f,e),C(!1))},onClose:e=>{var o,n;"2.0"===f.version&&f.isMultiSelect&&e&&(null===(o=f.onSelect)||void 0===o||o.call(f,[...e])),C(!1),null===(n=null==f?void 0:f.onClose)||void 0===n||n.call(f)},version:f.version,headerRef:O,onDropdownItemClick:e=>{null==h||h(e)}}))}))}))]})),n("div",Object.assign({ref:w},{children:b&&n("div",{children:b})}))]})};export{f as FloatingInputDropdown};

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@bikdotai/bik-component-library",
-	"version": "0.0.581-aidd-beta.6",
+	"version": "0.0.581-aidd-beta.9",
 	"description": "Bik Component Library",
 	"repository": {
 		"type": "git",