@bikdotai/bik-component-library 0.0.581-aidd-beta.14 → 0.0.581-aidd-beta.16
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/dropdown/DropdownPopover/index.js +1 -1
- package/dist/cjs/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.js +1 -1
- package/dist/esm/components/dropdown/DropdownPopover/index.js +1 -1
- package/dist/esm/components/dropdown/OpenedDropdown/components/OpennedDropdown.styled.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),o=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),o=require("react/jsx-runtime"),t=require("react"),n=require("react-popper"),r=require("../../dropShadow/DropShadow.js"),i=require("../../tooltips/Tooltip.js"),l=require("../Common.styled.js"),s=require("../OpenedDropdown/components/OpennedDropdown.js");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const p=d(t).default.forwardRef(((d,p)=>{var{children:a,onDropdownVisbilityChange:c,version:u="1.0",tooltipContent:v,tooltipDirection:j,showTooltipArrow:f}=d,h=e.__rest(d,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow"]);const w=p,[b,g]=t.useState(!1),[D,O]=t.useState(null),[y,x]=t.useState(null),m=t.useRef(null),{styles:S,attributes:C}=n.usePopper(D,y,{placement:h.placement,strategy:h.strategy}),q=e=>{var o,t;"2.0"===u&&h.isMultiSelect&&e&&(null===(o=h.onSelect)||void 0===o||o.call(h,[...e])),g(!1),null===(t=null==h?void 0:h.onClose)||void 0===t||t.call(h)};t.useImperativeHandle(w,(()=>({openDropdown:b})),[]),t.useEffect((()=>{(null==w?void 0:w.current)&&(w.current.openDropdown=b)}),[b]),t.useEffect((()=>{null==c||c(b)}),[b]);const _=()=>o.jsxs(o.Fragment,{children:[o.jsx("div",Object.assign({style:{position:"relative"},ref:O},{children:o.jsx(l.OverLapAbs,Object.assign({ref:m,disabled:h.disabled,onClick:e=>{var o;null===(o=h.onDropdownOpen)||void 0===o||o.call(h),b?(g(!1),e.preventDefault()):h.disabled||g(!0)},style:{width:"fit-content",height:"fit-content"}},{children:a}))})),b&&o.jsx(l.OpenDropdownContainer,Object.assign({ref:x,style:Object.assign(Object.assign({},S.popper),{zIndex:3})},C.popper,{children:o.jsx(r.default,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:o.jsx(s.OpenedDropdown,Object.assign({},h,{onSelect:e=>{var o;"2.0"===u&&h.isMultiSelect||(null===(o=h.onSelect)||void 0===o||o.call(h,e),g(!1))},onClose:q,version:u,headerRef:m}))}))}))]});return o.jsx(o.Fragment,{children:b||void 0===v?_():o.jsx(i.Tooltip,Object.assign({body:v,placement:j,hideArrow:!f},{children:o.jsx("div",{children:_()})}))})}));p.displayName="DropdownPopover",exports.DropdownPopover=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as o}from"../../../_virtual/_tslib.js";import{jsx as e,Fragment as
|
|
1
|
+
import{__rest as o}from"../../../_virtual/_tslib.js";import{jsx as e,Fragment as t,jsxs as n}from"react/jsx-runtime";import i,{useState as r,useRef as l,useImperativeHandle as s,useEffect as p}from"react";import{usePopper as d}from"react-popper";import c from"../../dropShadow/DropShadow.js";import{Tooltip as a}from"../../tooltips/Tooltip.js";import{OverLapAbs as m,OpenDropdownContainer as h}from"../Common.styled.js";import{OpenedDropdown as v}from"../OpenedDropdown/components/OpennedDropdown.js";const u=i.forwardRef(((i,u)=>{var{children:w,onDropdownVisbilityChange:b,version:f="1.0",tooltipContent:j,tooltipDirection:g,showTooltipArrow:y}=i,D=o(i,["children","onDropdownVisbilityChange","version","tooltipContent","tooltipDirection","showTooltipArrow"]);const O=u,[C,S]=r(!1),[x,A]=r(null),[R,T]=r(null),z=l(null),{styles:M,attributes:V}=d(x,R,{placement:D.placement,strategy:D.strategy}),_=o=>{var e,t;"2.0"===f&&D.isMultiSelect&&o&&(null===(e=D.onSelect)||void 0===e||e.call(D,[...o])),S(!1),null===(t=null==D?void 0:D.onClose)||void 0===t||t.call(D)};s(O,(()=>({openDropdown:C})),[]),p((()=>{(null==O?void 0:O.current)&&(O.current.openDropdown=C)}),[C]),p((()=>{null==b||b(C)}),[C]);const k=()=>n(t,{children:[e("div",Object.assign({style:{position:"relative"},ref:A},{children:e(m,Object.assign({ref:z,disabled:D.disabled,onClick:o=>{var e;null===(e=D.onDropdownOpen)||void 0===e||e.call(D),C?(S(!1),o.preventDefault()):D.disabled||S(!0)},style:{width:"fit-content",height:"fit-content"}},{children:w}))})),C&&e(h,Object.assign({ref:T,style:Object.assign(Object.assign({},M.popper),{zIndex:3})},V.popper,{children:e(c,Object.assign({level:"z2",position:"down",style:{borderRadius:8}},{children:e(v,Object.assign({},D,{onSelect:o=>{var e;"2.0"===f&&D.isMultiSelect||(null===(e=D.onSelect)||void 0===e||e.call(D,o),S(!1))},onClose:_,version:f,headerRef:z}))}))}))]});return e(t,{children:C||void 0===j?k():e(a,Object.assign({body:j,placement:g,hideArrow:!y},{children:e("div",{children:k()})}))})}));u.displayName="DropdownPopover";export{u as DropdownPopover};
|
|
@@ -2,7 +2,7 @@ import o from"styled-components";import{COLORS as r}from"../../../../constants/T
|
|
|
2
2
|
border-radius: ${o=>"2.0"===o.version?8:4}px;
|
|
3
3
|
border: ${o=>"2.0"===o.version?0:1}px solid
|
|
4
4
|
${r.stroke.primary};
|
|
5
|
-
max-height:
|
|
5
|
+
max-height: 480px;
|
|
6
6
|
overflow: hidden;
|
|
7
7
|
display: flex;
|
|
8
8
|
flex-direction: row;
|