@bikdotai/bik-component-library 0.0.581-aidd-beta.5 → 0.0.581-aidd-beta.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/bik-layout/MockMenus.d.ts +0 -1
- package/dist/cjs/components/floating-input-dropdown/FloatingInputDropdown.js +2 -2
- package/dist/esm/components/bik-layout/MockMenus.d.ts +0 -1
- package/dist/esm/components/floating-input-dropdown/FloatingInputDropdown.js +2 -2
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("react"),t=require("react-popper"),
|
|
1
|
+
"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)`
|
|
2
2
|
opacity: ${e=>{let{visible:n}=e;return n?1:0}};
|
|
3
3
|
visibility: ${e=>{let{visible:n}=e;return n?"visible":"hidden"}};
|
|
4
4
|
transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
|
|
5
|
-
`;exports.FloatingInputDropdown=
|
|
5
|
+
`;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})}))]})};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{jsxs as e,Fragment as o,jsx as
|
|
1
|
+
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)`
|
|
2
2
|
opacity: ${e=>{let{visible:o}=e;return o?1:0}};
|
|
3
3
|
visibility: ${e=>{let{visible:o}=e;return o?"visible":"hidden"}};
|
|
4
4
|
transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
|
|
5
|
-
`,v=s=>{let{inputProps:
|
|
5
|
+
`,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};
|