@bikdotai/bik-component-library 0.0.738-beta.5 → 0.0.739

package/dist/esm/components/country-code-picker/CountryPicker.d.ts

@@ -1,72 +0,0 @@
-import { Placement, PositioningStrategy } from '@popperjs/core';
-import React from 'react';
-import { CountryCode } from "./CountryCodePicker.modal";
-/**
- * Props for the CountryPicker component
- */
-export interface CountryPickerProps {
-    /**
-     * Version of the dropdown popover to use
-     */
-    version: '1.0' | '2.0';
-    /**
-     * Callback function when a country is selected
-     */
-    onCountrySelect: (country: CountryCode) => void;
-    /**
-     * Currently selected country
-     */
-    selectedCountry?: CountryCode;
-    /**
-     * Width of the popover dropdown
-     * @default "300px"
-     */
-    popoverWidth?: string;
-    /**
-     * Height of the picker container
-     */
-    height?: string;
-    /**
-     * Placement of the dropdown relative to the trigger
-     * @default "bottom-start"
-     */
-    placement?: Placement;
-    /**
-     * Positioning strategy for the dropdown
-     * @default "absolute"
-     */
-    placementStrategy?: PositioningStrategy;
-    /**
-     * Whether the picker is disabled
-     * @default false
-     */
-    disabled?: boolean;
-    /**
-     * Whether to hide the flag image
-     * @default false
-     */
-    hideFlagImage?: boolean;
-    /**
-     * Custom styles for the container
-     */
-    containerStyles?: React.CSSProperties;
-    /**
-     * Placeholder text when no country is selected
-     * @default "Select a country"
-     */
-    placeholder?: string;
-    /**
-     * Whether to show country code alongside name
-     * @default true
-     */
-    showCountryCode?: boolean;
-    /**
-     * Custom text style for the country name
-     */
-    countryTextStyle?: React.CSSProperties;
-    /**
-     * Callback when dropdown is clicked
-     */
-    onDropdownClick?: () => void;
-}
-export declare const CountryPicker: React.FC<CountryPickerProps>;

package/dist/esm/components/country-code-picker/CountryPicker.js

@@ -1 +0,0 @@
-import{jsxs as o,jsx as e,Fragment as t}from"react/jsx-runtime";import n from"../../assets/icons/chevronDown.svg.js";import{useState as r,useMemo as s}from"react";import{CountriesData as d}from"./CountryCodePicker.modal.js";import{StyledCountryOption as i,StyledCountryPickerContainer as c}from"./CountryPicker.styled.js";import{DropdownPopover as p}from"../dropdown/DropdownPopover/index.js";import"../dropdown/Dropdown.js";import"../dropdown/ChipDropdown.js";import"../zeroState/ZeroState.js";import{BodySecondary as l}from"../TypographyStyle.js";import{COLORS as m}from"../../constants/Theme.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"../icon-button/IconButton.js";import"../input/Input.js";import"../dropdown/MenuItem/MenuItem.js";const a=a=>{let{version:u,onCountrySelect:y,selectedCountry:h,popoverWidth:j="300px",height:w,placement:g="bottom-start",placementStrategy:b="absolute",disabled:v=!1,hideFlagImage:O=!1,containerStyles:f,placeholder:C="Select a country",showCountryCode:D=!0,countryTextStyle:S,onDropdownClick:x}=a;var I;const[k,B]=r(h),M=null!=h?h:k,L=M?`https://flagcdn.com/${null===(I=M.code)||void 0===I?void 0:I.toLowerCase()}.svg`:void 0,N=s((()=>d.map((t=>{var n;const r=`https://flagcdn.com/${null===(n=t.code)||void 0===n?void 0:n.toLowerCase()}.svg`;return{value:t.code,label:t.name,searchKey:t.name,customComponent:o(i,{children:[!O&&e("img",{src:r,className:"country-flag",alt:t.name}),o("div",Object.assign({className:"country-info"},{children:[e(l,Object.assign({style:Object.assign({color:m.text.primary},S)},{children:t.name})),D&&e(l,Object.assign({style:{color:m.text.secondary,fontSize:"12px"}},{children:t.code}))]}))]}),selected:(null==M?void 0:M.code)===t.code}}))),[null==M?void 0:M.code,O,D,S]);return e(p,Object.assign({version:u,isSearchable:!0,width:j,placement:g,strategy:b,options:N,disabled:v,onSelect:o=>(o=>{const e=d.find((e=>e.code===o.value));e&&(B(e),y(e))})(o)},{children:o(c,Object.assign({height:w,style:f,onClick:x,disabled:v},{children:[e("div",Object.assign({className:"content__wrapper"},{children:M?o(t,{children:[!O&&L&&e("img",{src:L,className:"country-flag",alt:M.name}),e(l,Object.assign({style:S},{children:M.name}))]}):e(l,Object.assign({style:Object.assign({color:m.text.disabled},S)},{children:C}))})),e(n,{width:24,height:24,color:v?m.text.disabled:m.content.primary})]}))}))};export{a as CountryPicker};

package/dist/esm/components/country-code-picker/CountryPicker.styled.d.ts

@@ -1,12 +0,0 @@
-/// <reference types="react" />
-export declare const StyledCountryOption: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledCountryPickerContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    height?: string | undefined;
-    disabled?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/components/country-code-picker/CountryPicker.styled.js

@@ -1 +0,0 @@
-import c from"@emotion/styled/base";import{COLORS as d}from"../../constants/Theme.js";const l=c("div","production"===process.env.NODE_ENV?{target:"e1bzm7eq1"}:{target:"e1bzm7eq1",label:"StyledCountryOption"})("production"===process.env.NODE_ENV?{name:"1p6jccm",styles:"display:flex;align-items:center;flex-direction:row;gap:12px;width:100%;.country-flag{width:24px;height:18px;object-fit:cover;border-radius:2px;}.country-info{display:flex;flex-direction:column;gap:2px;flex:1;}"}:{name:"1p6jccm",styles:"display:flex;align-items:center;flex-direction:row;gap:12px;width:100%;.country-flag{width:24px;height:18px;object-fit:cover;border-radius:2px;}.country-info{display:flex;flex-direction:column;gap:2px;flex:1;}",map:"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvdW50cnlQaWNrZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFOEMiLCJmaWxlIjoiQ291bnRyeVBpY2tlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBTdHlsZWRDb3VudHJ5T3B0aW9uID0gc3R5bGVkLmRpdiBgXG5cdGRpc3BsYXk6IGZsZXg7XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGZsZXgtZGlyZWN0aW9uOiByb3c7XG5cdGdhcDogMTJweDtcblx0d2lkdGg6IDEwMCU7XG5cblx0LmNvdW50cnktZmxhZyB7XG5cdFx0d2lkdGg6IDI0cHg7XG5cdFx0aGVpZ2h0OiAxOHB4O1xuXHRcdG9iamVjdC1maXQ6IGNvdmVyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0fVxuXG5cdC5jb3VudHJ5LWluZm8ge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0ZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcblx0XHRnYXA6IDJweDtcblx0XHRmbGV4OiAxO1xuXHR9XG5gO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ291bnRyeVBpY2tlckNvbnRhaW5lciA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG5cdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdGdhcDogOHB4O1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdGJvcmRlcjogMXB4IHNvbGlkICR7Q09MT1JTLnN0cm9rZS5wcmltYXJ5fTtcblx0cGFkZGluZzogOHB4IDEycHg7XG5cdGhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodH07XG5cdGN1cnNvcjogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/ICdub3QtYWxsb3dlZCcgOiAncG9pbnRlcicpfTtcblx0b3BhY2l0eTogJHsocHJvcHMpID0+IChwcm9wcy5kaXNhYmxlZCA/IDAuNiA6IDEpfTtcblx0dHJhbnNpdGlvbjogYWxsIDAuMnMgZWFzZTtcblxuXHQmOmhvdmVyIHtcblx0XHRib3JkZXItY29sb3I6ICR7KHByb3BzKSA9PiBwcm9wcy5kaXNhYmxlZCA/IENPTE9SUy5zdHJva2UucHJpbWFyeSA6IENPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0fVxuXG5cdC5jb250ZW50X193cmFwcGVyIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cdFx0Z2FwOiAxMnB4O1xuXHRcdGZsZXg6IDE7XG5cdFx0bWluLXdpZHRoOiAwO1xuXHR9XG5cblx0LmNvdW50cnktZmxhZyB7XG5cdFx0d2lkdGg6IDI0cHg7XG5cdFx0aGVpZ2h0OiAxOHB4O1xuXHRcdG9iamVjdC1maXQ6IGNvdmVyO1xuXHRcdGJvcmRlci1yYWRpdXM6IDJweDtcblx0XHRmbGV4LXNocmluazogMDtcblx0fVxuYDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9Q291bnRyeVBpY2tlci5zdHlsZWQuanMubWFwIl19 */",toString:function(){return"You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."}}),b=c("div","production"===process.env.NODE_ENV?{target:"e1bzm7eq0"}:{target:"e1bzm7eq0",label:"StyledCountryPickerContainer"})("display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:4px;border:1px solid ",d.stroke.primary,";padding:8px 12px;height:",(c=>c.height),";cursor:",(c=>c.disabled?"not-allowed":"pointer"),";opacity:",(c=>c.disabled?.6:1),";transition:all 0.2s ease;&:hover{border-color:",(c=>c.disabled?d.stroke.primary:d.content.inactive),";}.content__wrapper{display:flex;align-items:center;gap:12px;flex:1;min-width:0;}.country-flag{width:24px;height:18px;object-fit:cover;border-radius:2px;flex-shrink:0;}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvdW50cnlQaWNrZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1QnVEIiwiZmlsZSI6IkNvdW50cnlQaWNrZXIuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgQ09MT1JTIH0gZnJvbSBcIi4uLy4uL2NvbnN0YW50cy9UaGVtZVwiO1xyXG5leHBvcnQgY29uc3QgU3R5bGVkQ291bnRyeU9wdGlvbiA9IHN0eWxlZC5kaXYgYFxuXHRkaXNwbGF5OiBmbGV4O1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRmbGV4LWRpcmVjdGlvbjogcm93O1xuXHRnYXA6IDEycHg7XG5cdHdpZHRoOiAxMDAlO1xuXG5cdC5jb3VudHJ5LWZsYWcge1xuXHRcdHdpZHRoOiAyNHB4O1xuXHRcdGhlaWdodDogMThweDtcblx0XHRvYmplY3QtZml0OiBjb3Zlcjtcblx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdH1cblxuXHQuY291bnRyeS1pbmZvIHtcblx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG5cdFx0Z2FwOiAycHg7XG5cdFx0ZmxleDogMTtcblx0fVxuYDtcclxuZXhwb3J0IGNvbnN0IFN0eWxlZENvdW50cnlQaWNrZXJDb250YWluZXIgPSBzdHlsZWQuZGl2IGBcblx0ZGlzcGxheTogZmxleDtcblx0anVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuXHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRnYXA6IDhweDtcblx0Ym9yZGVyLXJhZGl1czogNHB4O1xuXHRib3JkZXI6IDFweCBzb2xpZCAke0NPTE9SUy5zdHJva2UucHJpbWFyeX07XG5cdHBhZGRpbmc6IDhweCAxMnB4O1xuXHRoZWlnaHQ6ICR7KHByb3BzKSA9PiBwcm9wcy5oZWlnaHR9O1xuXHRjdXJzb3I6ICR7KHByb3BzKSA9PiAocHJvcHMuZGlzYWJsZWQgPyAnbm90LWFsbG93ZWQnIDogJ3BvaW50ZXInKX07XG5cdG9wYWNpdHk6ICR7KHByb3BzKSA9PiAocHJvcHMuZGlzYWJsZWQgPyAwLjYgOiAxKX07XG5cdHRyYW5zaXRpb246IGFsbCAwLjJzIGVhc2U7XG5cblx0Jjpob3ZlciB7XG5cdFx0Ym9yZGVyLWNvbG9yOiAkeyhwcm9wcykgPT4gcHJvcHMuZGlzYWJsZWQgPyBDT0xPUlMuc3Ryb2tlLnByaW1hcnkgOiBDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdH1cblxuXHQuY29udGVudF9fd3JhcHBlciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogY2VudGVyO1xuXHRcdGdhcDogMTJweDtcblx0XHRmbGV4OiAxO1xuXHRcdG1pbi13aWR0aDogMDtcblx0fVxuXG5cdC5jb3VudHJ5LWZsYWcge1xuXHRcdHdpZHRoOiAyNHB4O1xuXHRcdGhlaWdodDogMThweDtcblx0XHRvYmplY3QtZml0OiBjb3Zlcjtcblx0XHRib3JkZXItcmFkaXVzOiAycHg7XG5cdFx0ZmxleC1zaHJpbms6IDA7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPUNvdW50cnlQaWNrZXIuc3R5bGVkLmpzLm1hcCJdfQ== */"));export{l as StyledCountryOption,b as StyledCountryPickerContainer};