@bikdotai/bik-component-library 0.0.271-2 → 0.0.271

package/dist/cjs/components/SearchFilter/index.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("react/jsx-runtime"),r=require("../searchBar/searchBar.js"),i=require("./components/FilterChipListRenderer.js"),l=require("./components/SearchFilterItem.js"),n=require("./types/SearchFilter.type.js");exports.SearchFilter=a=>{let{direction:s="row",schema:c,variant:d,onChange:u,showSelectedChips:p}=a;var o,f,v;const h=e.useRef(null!==(o=null==c?void 0:c.filter((e=>e.defaultValue)).map((e=>({id:e.id,value:e.defaultValue,type:e.type,text:e.text}))))&&void 0!==o?o:[]),[x,y]=e.useState([]),g=c.find((e=>e.type===n.FilterType.Search)),j=e=>{g&&e&&m(g.id,e)},m=(e,t)=>{const r=c.find((t=>t.id===e)),i=[...x];if(r){const l=i.findIndex((t=>t.id===e));-1!==l?i[l]={id:r.id,value:t}:i.push({id:r.id,value:t});const n=h.current.find((t=>t.id===e));h.current=n?h.current.map((r=>r.id===e?{id:r.id,value:t,type:r.type,text:r.text}:r)):[...h.current,{id:e,value:t,type:r.type,text:r.text}],u(r.id,h.current,t),y([...i])}};return t.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8}},{children:[t.jsxs("div",Object.assign({style:{display:"flex",flexDirection:s,gap:8,flexWrap:"wrap",alignItems:"row"===s?"center":"self-start"}},{children:[g&&t.jsx(r.SearchBar,{width:null!==(v=null===(f=g.width)||void 0===f?void 0:f.toString())&&void 0!==v?v:"100%",isEnabled:!0,onChange:j,onEnter:j,placeholder:g.text,variant:"small"}),t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8,flexWrap:"wrap",alignItems:"row"===s?"center":"self-start"}},{children:c.filter((e=>e.type!==n.FilterType.Search)).map(((t,r)=>e.createElement(l.SearchFilterItem,Object.assign({},t,{key:r,variant:d,onChange:e=>{m(t.id,e)}}))))}))]})),p&&t.jsx("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8}},{children:t.jsx(i.FilterChipListRenderer,{selectedState:h.current,onDeSelect:(e,t)=>{const r=c.find((t=>t.id===e));let i=[...x];r&&(r.type===n.FilterType.Multiple?(i=i.map((r=>{if(r.id===e){const e=r.value.filter((e=>e.value!==t.value));return e.length?Object.assign(Object.assign({},r),{value:e}):null}return r})).filter((e=>!!e)),h.current=h.current.map((r=>{var i;if(r.id===e){const e=null===(i=r.value)||void 0===i?void 0:i.filter((e=>e.value!==t.value));return e.length?Object.assign(Object.assign({},r),{value:e}):null}return r})).filter((e=>!!e))):(i=i.filter((t=>t.id!==e)),h.current=h.current.filter((t=>t.id!==e))),u(r.id,h.current,t),y([...i]))}})}))]}))};

package/dist/cjs/components/SearchFilter/types/SearchFilter.type.d.ts

@@ -1,33 +0,0 @@
-import { DropdownOptions } from "../../analytics-chips-and-dropdowns";
-import { DropdownOption } from "../../dropdown/type";
-import { InputVariant } from "../../input";
-export declare enum FilterType {
-    Date = "Date",
-    DateRange = "DateRange",
-    Multiple = "Multiple",
-    Single = "Single",
-    Search = "Search"
-}
-export type FilterValueType = DropdownOption | DropdownOption[] | Date | Date[] | string;
-export type SearchFilterOutputState = {
-    id: string;
-    type: FilterType;
-    value?: FilterValueType;
-    text: string;
-};
-export type FilterSchema = {
-    id: string;
-    type: FilterType;
-    text: string;
-    options?: DropdownOption[] | DropdownOptions[];
-    preset?: boolean;
-    defaultValue?: FilterValueType;
-    width?: number | string;
-};
-export type SearchFilterProps = {
-    variant: InputVariant;
-    showSelectedChips: boolean;
-    direction: 'row' | 'column';
-    schema: FilterSchema[];
-    onChange: (id: string, selectedStates: SearchFilterOutputState[], value?: FilterValueType) => void;
-};

package/dist/cjs/components/SearchFilter/types/SearchFilter.type.js

@@ -1 +0,0 @@
-"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0}),exports.FilterType=void 0,(e=exports.FilterType||(exports.FilterType={})).Date="Date",e.DateRange="DateRange",e.Multiple="Multiple",e.Single="Single",e.Search="Search";

package/dist/cjs/components/dropdown/ChipDropdown.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { DropdownProps } from "./";
-export declare const ChipDropdown: React.FC<DropdownProps>;

package/dist/cjs/components/dropdown/ChipDropdown.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),n=require("react"),t=require("./DropdownPopover/index.js");require("./Dropdown.js"),require("../zeroState/ZeroState.js"),require("../TypographyStyle.js"),require("../../constants/Theme.js"),require("./OpenedDropdown/components/description/Description.styled.js"),require("../checkBox/CheckBox.styled.js"),require("../list-item/ListItem.js"),require("./OpenedDropdown/components/menu/FreeFormMenu.styled.js"),require("./OpenedDropdown/components/menu/MenuItem.js"),require("./OpenedDropdown/components/menu/MenuList.styled.js"),require("../button/Button.js"),require("./OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js"),require("./OpenedDropdown/components/OpennedDropdown.styled.js"),require("../input/Input.js"),require("./MenuItem/MenuItem.js");var o=require("../tag/Tag.js"),s=require("../../assets/icons/chevronDownOutline.svg.js"),i=require("../../assets/icons/chevronUpOutline.svg.js");const u=u=>{var{placeHolder:p,onSelect:l}=u,d=e.__rest(u,["placeHolder","onSelect"]);const[c,a]=n.useState(!1),j=n.useRef();return r.jsx(t.DropdownPopover,Object.assign({ref:j,onDropdownVisbilityChange:e=>a(e),onSelect:function(e){null==l||l(e)}},d,{children:r.jsx(o.Tag,{tagText:null!=p?p:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:c?s.default:i.default})}))};u.displayName="ChipDropdown",exports.ChipDropdown=u;

package/dist/esm/assets/icons/chevronDownOutline.svg.js

@@ -1 +0,0 @@
-import*as e from"react";var r;function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},t.apply(this,arguments)}var l=l=>e.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},l),r||(r=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M3.529 5.529c.26-.26.682-.26.942 0L8 9.057l3.528-3.528a.667.667 0 1 1 .943.942l-4 4a.667.667 0 0 1-.942 0l-4-4a.667.667 0 0 1 0-.942Z",clipRule:"evenodd"})));export{l as default};

package/dist/esm/assets/icons/chevronUpOutline.svg.js

@@ -1 +0,0 @@
-import*as e from"react";var r;function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var l in t)Object.prototype.hasOwnProperty.call(t,l)&&(e[l]=t[l])}return e},t.apply(this,arguments)}var l=l=>e.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},l),r||(r=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M12.473 10.47a.667.667 0 0 1-.943 0L8 6.943l-3.528 3.529a.667.667 0 0 1-.943-.943l4-4c.26-.26.682-.26.943 0l4 4c.26.26.26.682 0 .943Z",clipRule:"evenodd"})));export{l as default};

package/dist/esm/components/SearchFilter/components/DatePickerButton.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { InputVariant } from "../../input";
-import { FilterSchema } from '../types/SearchFilter.type';
-export declare const DatePickerButton: React.FC<FilterSchema & {
-    onSelect: (value: Date) => void;
-    variant: InputVariant;
-}>;

package/dist/esm/components/SearchFilter/components/DatePickerButton.js

@@ -1 +0,0 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useState as o}from"react";import{DatePicker as r}from"../../datePicker/DatePicker.js";import{Input as n}from"../../input/Input.js";import{InputStyleContext as a}from"../../input/context/InputStyleProvider.js";import{Tag as l}from"../../tag/Tag.js";import{DEFAULT_THEME as s}from"../../../constants/Theme.js";import c from"../../../assets/icons/chevronDown.svg.js";import p from"../../../assets/icons/chevronDownOutline.svg.js";const d=d=>{var g,m,{text:h,onSelect:u,variant:v}=d,f=t(d,["text","onSelect","variant"]);const[j,x]=o(!1),[S,y]=o(null),b=(null===(g=f.width)||void 0===g?void 0:g.toString())?null===(m=f.width)||void 0===m?void 0:m.toString():S?12*(null==S?void 0:S.toDateString().length)+"px":12*h.length+"px";return e("div",Object.assign({style:{position:"relative"}},{children:[i("div",Object.assign({onClick:()=>x((t=>!t)),style:{cursor:"pointer",width:"100%",height:"100%"}},{children:"small"===v?i(l,{tagText:S?S.toDateString():null!=h?h:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:p}):i(a.Provider,Object.assign({value:{InputWrapper:{height:32,width:"100%",zIndex:1,cursor:"pointer",padding:"6px 8px",backgroundColor:"#fff"},RootContainer:{opacity:1},input:{minHeight:"100%"}}},{children:i(n,{state:"disabled",value:S?S.toDateString():void 0,variant:"small",placeholder:null!=h?h:"Select a date",width:b,onChangeText:()=>{},rightIcon:{icon:()=>i(c,{style:{transform:j?"rotate(180deg)":"rotate(0deg)"},onClick:()=>{},width:20,height:20,color:s.colorsV2.content.primary})}})}))})),j&&i("div",Object.assign({style:{position:"absolute",top:"calc(100% + 8px)"}},{children:i(r,{selectRange:!1,onSelectDate:t=>{y(t),x(!1),u(t)}})}))]}))};d.displayName="DatePickerButton";export{d as DatePickerButton};

package/dist/esm/components/SearchFilter/components/FilterChipListRenderer.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import { FilterValueType, SearchFilterOutputState } from '../types/SearchFilter.type';
-export declare const FilterChipListRenderer: React.FC<{
-    selectedState: SearchFilterOutputState[];
-    onDeSelect: (id: string, value: FilterValueType) => void;
-}>;

package/dist/esm/components/SearchFilter/components/FilterChipListRenderer.js

@@ -1 +0,0 @@
-import{jsx as t,Fragment as a}from"react/jsx-runtime";import"@tippyjs/react";import"react";import"../../tooltips/TooltipInternal.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{formatDate as i}from"../../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"../../analytics-chips-and-dropdowns/AnalyticsMetric.js";import{Tag as r}from"../../tag/Tag.js";import"../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js";import"../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import o from"../../../assets/icons/cross.svg.js";import{FilterType as e}from"../types/SearchFilter.type.js";const n=n=>{let{selectedState:l,onDeSelect:p}=n;return t(a,{children:l.map((n=>{var l,s,d,c,h,m,y;return n.type===e.Multiple?t(a,{children:null===(l=n.value)||void 0===l?void 0:l.map((a=>{var i,e;return t(r,{onTrailingIconClicked:()=>p(n.id,a),style:{cursor:"pointer"},tagText:null!==(e=null===(i=a.label)||void 0===i?void 0:i.slice(0,10))&&void 0!==e?e:"",type:"neutral",theme:"light",TrailingIcon:o},`${n.id}-${a.value}`)}))}):n.type===e.Date?t(r,{onTrailingIconClicked:()=>p(n.id,n.value),style:{cursor:"pointer"},tagText:i(n.value),type:"neutral",theme:"light",TrailingIcon:o},n.id):n.type===e.DateRange?t(r,{onTrailingIconClicked:()=>p(n.id,n.value),style:{cursor:"pointer"},tagText:`${i(null===(s=n.value)||void 0===s?void 0:s[0])} to ${i(null===(d=n.value)||void 0===d?void 0:d[1])}`,type:"neutral",theme:"light",TrailingIcon:o},n.id):t(r,{onTrailingIconClicked:()=>p(n.id,n.value),style:{cursor:"pointer"},tagText:n.type===e.Single?null!==(h=null===(c=n.value)||void 0===c?void 0:c.label)&&void 0!==h?h:"":null!==(y=null===(m=n.value)||void 0===m?void 0:m.toString())&&void 0!==y?y:"",type:"neutral",theme:"light",TrailingIcon:o},n.id)}))})};export{n as FilterChipListRenderer};

package/dist/esm/components/SearchFilter/components/SearchFilterItem.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { InputVariant } from '../../input';
-import { FilterSchema, FilterValueType } from '../types/SearchFilter.type';
-export declare const SearchFilterItem: React.FC<FilterSchema & {
-    variant: InputVariant;
-    onChange: (val: FilterValueType) => void;
-}>;

package/dist/esm/components/SearchFilter/components/SearchFilterItem.js

@@ -1 +0,0 @@
-import{jsx as t}from"react/jsx-runtime";import"@tippyjs/react";import"react";import"../../tooltips/TooltipInternal.js";import"../../../constants/Theme.js";import"../../TypographyStyle.js";import"../../analytics-chips-and-dropdowns/CommonStyles.js";import{AnalyticsDropdown as o}from"../../analytics-chips-and-dropdowns/AnalyticsDropdown.js";import"../../analytics-chips-and-dropdowns/AnalyticsMetric.js";import"../../tag/Tag.js";import"../../analytics-chips-and-dropdowns/chart/LineChart/LineChart.js";import"react-bootstrap";import"../../analytics-chips-and-dropdowns/chart/linearChipGroupedChart/LinearChipGroupedChart.styled.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChartAnalytics.js";import"../../analytics-chips-and-dropdowns/chart/Pie/PieChart.js";import"../../analytics-chips-and-dropdowns/chart/HorizontalBarGraph/HorizontalGraph.js";import"../../analytics-chips-and-dropdowns/chart/StackedBarChart/StackedBarChart.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarGraph/VerticalGraph.js";import"../../analytics-chips-and-dropdowns/chart/heatmap/HeatMap.js";import"../../analytics-chips-and-dropdowns/chart/VerticalBarAndLinearGraph/VerticalBarAndLinearGraph.js";import"../../dropdown/DropdownPopover/index.js";import{Dropdown as e}from"../../dropdown/Dropdown.js";import{ChipDropdown as n}from"../../dropdown/ChipDropdown.js";import"../../zeroState/ZeroState.js";import"../../dropdown/OpenedDropdown/components/description/Description.styled.js";import"../../checkBox/CheckBox.styled.js";import"../../list-item/ListItem.js";import"../../dropdown/OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"../../dropdown/OpenedDropdown/components/menu/MenuItem.js";import"../../dropdown/OpenedDropdown/components/menu/MenuList.styled.js";import"../../button/Button.js";import"../../dropdown/OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"../../dropdown/OpenedDropdown/components/OpennedDropdown.styled.js";import"../../input/Input.js";import"../../dropdown/MenuItem/MenuItem.js";import{FilterType as r}from"../types/SearchFilter.type.js";import{DatePickerButton as a}from"./DatePickerButton.js";const p=[{label:"Last 7 days",value:"7 days",key:7,noOfDays:7},{label:"Last 30 days",value:"30 days",key:30,noOfDays:30},{label:"Custom range",value:"calender",key:"custom",isCustom:!0,dateRangeSelectionOptions:{selectRange:!0}}],i=i=>{var s,d,l;return i.type===r.Date?t(a,Object.assign({},i,{variant:i.variant,onSelect:t=>i.onChange(t)})):i.type===r.DateRange?t(o,{variant:i.variant,placeholder:i.text,options:i.preset?p:null!==(s=i.options)&&void 0!==s?s:[],onOptionSelected:function(t){var o,e;t.selectedRange&&i.onChange([null===(o=t.selectedRange)||void 0===o?void 0:o[0],null===(e=t.selectedRange)||void 0===e?void 0:e[1]])}},i.id):"small"===i.variant?t(n,{isMultiSelect:i.type===r.Multiple,options:null!==(d=i.options)&&void 0!==d?d:[],defaultOptions:i.defaultValue,onSelect:i.onChange,placeHolder:i.text}):t(e,{isMultiSelect:i.type===r.Multiple,size:"small",options:null!==(l=i.options)&&void 0!==l?l:[],defaultOptions:i.defaultValue,onSelect:i.onChange,placeHolder:i.text,width:10*i.text.length+"px"})};export{i as SearchFilterItem};

package/dist/esm/components/SearchFilter/index.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { SearchFilterProps } from './types/SearchFilter.type';
-export declare const SearchFilter: React.FC<SearchFilterProps>;

package/dist/esm/components/SearchFilter/index.js

@@ -1 +0,0 @@
-import{useRef as e,useState as t,createElement as i}from"react";import{jsxs as r,jsx as l}from"react/jsx-runtime";import{SearchBar as n}from"../searchBar/searchBar.js";import{FilterChipListRenderer as a}from"./components/FilterChipListRenderer.js";import{SearchFilterItem as s}from"./components/SearchFilterItem.js";import{FilterType as d}from"./types/SearchFilter.type.js";const c=c=>{let{direction:o="row",schema:u,variant:p,onChange:f,showSelectedChips:v}=c;var m,h,g;const x=e(null!==(m=null==u?void 0:u.filter((e=>e.defaultValue)).map((e=>({id:e.id,value:e.defaultValue,type:e.type,text:e.text}))))&&void 0!==m?m:[]),[y,j]=t([]),b=u.find((e=>e.type===d.Search)),w=e=>{b&&e&&O(b.id,e)},O=(e,t)=>{const i=u.find((t=>t.id===e)),r=[...y];if(i){const l=r.findIndex((t=>t.id===e));-1!==l?r[l]={id:i.id,value:t}:r.push({id:i.id,value:t});const n=x.current.find((t=>t.id===e));x.current=n?x.current.map((i=>i.id===e?{id:i.id,value:t,type:i.type,text:i.text}:i)):[...x.current,{id:e,value:t,type:i.type,text:i.text}],f(i.id,x.current,t),j([...r])}};return r("div",Object.assign({style:{display:"flex",flexDirection:"column",gap:8}},{children:[r("div",Object.assign({style:{display:"flex",flexDirection:o,gap:8,flexWrap:"wrap",alignItems:"row"===o?"center":"self-start"}},{children:[b&&l(n,{width:null!==(g=null===(h=b.width)||void 0===h?void 0:h.toString())&&void 0!==g?g:"100%",isEnabled:!0,onChange:w,onEnter:w,placeholder:b.text,variant:"small"}),l("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8,flexWrap:"wrap",alignItems:"row"===o?"center":"self-start"}},{children:u.filter((e=>e.type!==d.Search)).map(((e,t)=>i(s,Object.assign({},e,{key:t,variant:p,onChange:t=>{O(e.id,t)}}))))}))]})),v&&l("div",Object.assign({style:{display:"flex",flexDirection:"row",gap:8}},{children:l(a,{selectedState:x.current,onDeSelect:(e,t)=>{const i=u.find((t=>t.id===e));let r=[...y];i&&(i.type===d.Multiple?(r=r.map((i=>{if(i.id===e){const e=i.value.filter((e=>e.value!==t.value));return e.length?Object.assign(Object.assign({},i),{value:e}):null}return i})).filter((e=>!!e)),x.current=x.current.map((i=>{var r;if(i.id===e){const e=null===(r=i.value)||void 0===r?void 0:r.filter((e=>e.value!==t.value));return e.length?Object.assign(Object.assign({},i),{value:e}):null}return i})).filter((e=>!!e))):(r=r.filter((t=>t.id!==e)),x.current=x.current.filter((t=>t.id!==e))),f(i.id,x.current,t),j([...r]))}})}))]}))};export{c as SearchFilter};

package/dist/esm/components/SearchFilter/types/SearchFilter.type.d.ts

@@ -1,33 +0,0 @@
-import { DropdownOptions } from "../../analytics-chips-and-dropdowns";
-import { DropdownOption } from "../../dropdown/type";
-import { InputVariant } from "../../input";
-export declare enum FilterType {
-    Date = "Date",
-    DateRange = "DateRange",
-    Multiple = "Multiple",
-    Single = "Single",
-    Search = "Search"
-}
-export type FilterValueType = DropdownOption | DropdownOption[] | Date | Date[] | string;
-export type SearchFilterOutputState = {
-    id: string;
-    type: FilterType;
-    value?: FilterValueType;
-    text: string;
-};
-export type FilterSchema = {
-    id: string;
-    type: FilterType;
-    text: string;
-    options?: DropdownOption[] | DropdownOptions[];
-    preset?: boolean;
-    defaultValue?: FilterValueType;
-    width?: number | string;
-};
-export type SearchFilterProps = {
-    variant: InputVariant;
-    showSelectedChips: boolean;
-    direction: 'row' | 'column';
-    schema: FilterSchema[];
-    onChange: (id: string, selectedStates: SearchFilterOutputState[], value?: FilterValueType) => void;
-};

package/dist/esm/components/SearchFilter/types/SearchFilter.type.js

@@ -1 +0,0 @@
-var e;!function(e){e.Date="Date",e.DateRange="DateRange",e.Multiple="Multiple",e.Single="Single",e.Search="Search"}(e||(e={}));export{e as FilterType};

package/dist/esm/components/dropdown/ChipDropdown.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import { DropdownProps } from "./";
-export declare const ChipDropdown: React.FC<DropdownProps>;

package/dist/esm/components/dropdown/ChipDropdown.js

@@ -1 +0,0 @@
-import{__rest as o}from"../../_virtual/_tslib.js";import{jsx as e}from"react/jsx-runtime";import{useState as t,useRef as n}from"react";import{DropdownPopover as r}from"./DropdownPopover/index.js";import"./Dropdown.js";import"../zeroState/ZeroState.js";import"../TypographyStyle.js";import"../../constants/Theme.js";import"./OpenedDropdown/components/description/Description.styled.js";import"../checkBox/CheckBox.styled.js";import"../list-item/ListItem.js";import"./OpenedDropdown/components/menu/FreeFormMenu.styled.js";import"./OpenedDropdown/components/menu/MenuItem.js";import"./OpenedDropdown/components/menu/MenuList.styled.js";import"../button/Button.js";import"./OpenedDropdown/components/multiSelect/MultiSelectDropdownBottomBar.styled.js";import"./OpenedDropdown/components/OpennedDropdown.styled.js";import"../input/Input.js";import"./MenuItem/MenuItem.js";import{Tag as p}from"../tag/Tag.js";import s from"../../assets/icons/chevronDownOutline.svg.js";import i from"../../assets/icons/chevronUpOutline.svg.js";const m=m=>{var{placeHolder:l,onSelect:c}=m,d=o(m,["placeHolder","onSelect"]);const[a,u]=t(!1),j=n();return e(r,Object.assign({ref:j,onDropdownVisbilityChange:o=>u(o),onSelect:function(o){null==c||c(o)}},d,{children:e(p,{tagText:null!=l?l:"",theme:"light",type:"neutral",variant:"regular",TrailingIcon:a?s:i})}))};m.displayName="ChipDropdown";export{m as ChipDropdown};