@bikdotai/bik-component-library 0.0.773 → 0.0.774-beta.10
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/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
- package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
- package/dist/cjs/components/button/Button.styled.d.ts +1 -1
- package/dist/cjs/components/datePicker/DatePicker.styled.d.ts +4 -4
- package/dist/cjs/components/dropdown/Dropdown.d.ts +1 -0
- package/dist/cjs/components/dropdown/Dropdown.js +1 -1
- package/dist/cjs/components/feature-announcements/types/feature.types.d.ts +0 -1
- package/dist/cjs/components/input/Input.styled.d.ts +4 -4
- package/dist/cjs/components/list-item/ListItem.styled.d.ts +1 -1
- package/dist/cjs/components/modals/modal.styled.d.ts +4 -4
- package/dist/cjs/components/pagination/Pagination.styled.d.ts +1 -1
- package/dist/cjs/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts +2 -2
- package/dist/cjs/components/switch/Switch.d.ts +3 -3
- package/dist/cjs/components/tag/Tag.styled.d.ts +1 -1
- package/dist/cjs/components/toaster/Toaster.styled.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/EVENTS/components/EventsTrigger.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/EVENTS/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/IG/components/IGTrigger.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts +1 -1
- package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts +2 -2
- package/dist/esm/components/button/Button.styled.d.ts +1 -1
- package/dist/esm/components/datePicker/DatePicker.styled.d.ts +4 -4
- package/dist/esm/components/dropdown/Dropdown.d.ts +1 -0
- package/dist/esm/components/dropdown/Dropdown.js +1 -1
- package/dist/esm/components/feature-announcements/types/feature.types.d.ts +0 -1
- package/dist/esm/components/input/Input.styled.d.ts +4 -4
- package/dist/esm/components/list-item/ListItem.styled.d.ts +1 -1
- package/dist/esm/components/modals/modal.styled.d.ts +4 -4
- package/dist/esm/components/pagination/Pagination.styled.d.ts +1 -1
- package/dist/esm/components/shimmer/ShimmerComponent/ShimmerStyled.d.ts +2 -2
- package/dist/esm/components/switch/Switch.d.ts +3 -3
- package/dist/esm/components/tag/Tag.styled.d.ts +1 -1
- package/dist/esm/components/toaster/Toaster.styled.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { QueryBuilderNodeProps } from "../../../
|
|
2
|
+
import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
|
|
3
3
|
declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
|
|
4
4
|
export default EventsTrigger;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { QueryBuilderAPIData } from "../../../
|
|
1
|
+
import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
|
|
2
2
|
export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { QueryBuilderNodeProps } from "../../../
|
|
2
|
+
import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
|
|
3
3
|
declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
|
|
4
4
|
export default IGTrigger;
|
package/dist/cjs/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { QueryBuilderAPIData } from "../../../
|
|
1
|
+
import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
|
|
2
2
|
export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
|
package/dist/cjs/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DropdownOption } from "../../../dropdown/type";
|
|
3
|
-
import { QueryBuilderProperty } from "../../
|
|
4
|
-
import { QueryBuilderNodeProps } from "../../
|
|
3
|
+
import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
|
|
4
|
+
import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
|
|
5
5
|
declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
|
|
6
6
|
cacheKey: string;
|
|
7
7
|
propertyAddBtnText: string;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { Size, Type } from './model';
|
|
3
3
|
export declare const Button: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
6
|
} & {
|
|
7
7
|
size: Size;
|
|
8
8
|
buttonType: Type;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const PickerContainer: import("@emotion/styled").StyledComponent<{
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
5
|
} & {
|
|
6
6
|
selectRange: boolean;
|
|
7
7
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
8
|
export declare const TimePickerContainer: import("@emotion/styled").StyledComponent<{
|
|
9
9
|
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
-
as?: import("react").ElementType<any
|
|
10
|
+
as?: import("react").ElementType<any> | undefined;
|
|
11
11
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
12
12
|
export declare const TimeInputWrapper: import("@emotion/styled").StyledComponent<{
|
|
13
13
|
theme?: import("@emotion/react").Theme | undefined;
|
|
14
|
-
as?: import("react").ElementType<any
|
|
14
|
+
as?: import("react").ElementType<any> | undefined;
|
|
15
15
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
16
16
|
export declare const TimeLabel: import("@emotion/styled").StyledComponent<{
|
|
17
17
|
theme?: import("@emotion/react").Theme | undefined;
|
|
18
|
-
as?: import("react").ElementType<any
|
|
18
|
+
as?: import("react").ElementType<any> | undefined;
|
|
19
19
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("react"),o=require("../../constants/Theme.js"),i=require("../../assets/icons/chevronDown.svg.js"),l=require("../input/Input.js"),r=require("../input/context/InputStyleProvider.js"),s=require("./ChipInput.js"),a=require("./DropdownPopover/index.js"),d=require("./OpenedDropdown/utils/iterationOnOptions.js");function c(){}const u=u=>{var p,h,v,x,f,g,{placeHolder:j,size:w,onSelect:b,defaultOptions:O,disabled:m,noErrorHint:S,placeHolderHeight:y,showPlaceholderWhenSelected:I=!1,inputStyle:E={},inputType:H="default",onDeleteChip:C,truncatedText:D,showLeadingIconInPlaceholder:P=!1,showTrailingIconPlaceholder:T=!1,showLabelsOnMoreHover:q=!1,value:L,resizeable:M=!1}=u,W=e.__rest(u,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight","showPlaceholderWhenSelected","inputStyle","inputType","onDeleteChip","truncatedText","showLeadingIconInPlaceholder","showTrailingIconPlaceholder","showLabelsOnMoreHover","value","resizeable"]);const[z,_]=n.useState(!1),[k,A]=n.useState(!1),R=null!=w?w:"default",F=n.useRef(null),[N,U]=n.useState(0),V=n.useRef(),[$,B]=n.useState(null!=O?O:[]);n.useEffect((()=>{var e;const t=[];null===(e=null==W?void 0:W.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&t.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&t.push(e)})),B([...t])}),[W.options]),n.useEffect((()=>{O&&B([...O])}),[O]);const G=d.getSelectedOptionsAsText($),J=I?j:null!==(p=null!=G?G:j)&&void 0!==p?p:"Select an option";n.useLayoutEffect((()=>{M&&F.current&&U(F.current.offsetWidth)}),[M,J,R]);const K=W.buttonWidth,Q=M?N+("x-small"===R?16:"small"===R?20:24)+("default"===R?8:0)+16+8+4:void 0,X=void 0!==Q?`${Q}px`:null!==(v=null!==(h=W.width)&&void 0!==h?h:K)&&void 0!==v?v:"100%",Y=null!==(x=W.dropdownWidth)&&void 0!==x?x:X;return t.jsxs(t.Fragment,{children:[t.jsx(r.InputStyleContext.Provider,Object.assign({value:{InputWrapper:Object.assign(Object.assign(Object.assign({height:y||("x-small"===R?24:"small"===R?32:48),width:X},K?{maxWidth:K}:{}),{zIndex:1,cursor:"pointer",padding:"x-small"===R?"4px 8px":"6px 8px",backgroundColor:void 0!==L?"#C3E4C4":k?"#E0E0E0":"#ffffff",transition:"background-color 0.3s ease"}),E),input:{minHeight:"100%",maxWidth:"100%",color:void 0!==L?"#00580E":"inherit"}}},{children:t.jsx("div",Object.assign({onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1),style:W.width?{width:W.width}:void 0},{children:t.jsxs(a.DropdownPopover,Object.assign({"data-test":W["data-test"],ref:V,onSelect:function(e){Array.isArray(e)?B([...e]):B([e]),null==b||b(e)},disabled:m,onDropdownVisbilityChange:e=>_(e)},W,{width:Y},{children:["default"==H&&t.jsx(l.Input,{version:W.version,noErrorHint:S,state:m?"disabled":"none",value:void 0===L?J:L,errorMessage:W.error,variant:R,placeholder:null!=j?j:"Select an option",onChangeText:c,leftIcon:P&&(null===(f=$[0])||void 0===f?void 0:f.leadingIcon)?{icon:()=>{var e;return t.jsx(t.Fragment,{children:null===(e=$[0])||void 0===e?void 0:e.leadingIcon})}}:void 0,rightIcon:{icon:()=>{var e;return t.jsxs("div",Object.assign({style:{display:"flex"}},{children:[T&&(null===(e=$[0])||void 0===e?void 0:e.trailingIcon),t.jsx(i.default,{style:{transform:z?"rotate(180deg)":"rotate(0deg)"},onClick:c,width:"x-small"===R?16:"small"===R?20:24,height:"x-small"===R?16:"small"===R?20:24,color:o.COLORS.content.primary})]}))}},truncateText:null==D||D}),"chip"==H&&t.jsx(s.default,{placeholder:null!=j?j:"Select options",chips:$,onDeleteChip:e=>{null==C||C(e)},errorMessage:W.error,isDropdownOpened:z,sizeToUse:R,containerStyle:{width:null!==(g=W.width)&&void 0!==g?g:"100%",cursor:"pointer"},showLabelsOnMoreHover:q})]}))}))})),M&&t.jsx("span",Object.assign({ref:F,"aria-hidden":!0,style:{position:"fixed",top:"-9999px",left:"-9999px",visibility:"hidden",whiteSpace:"nowrap",pointerEvents:"none",fontSize:"x-small"===R?"12px":"small"===R?"14px":"16px"}},{children:J}))]})};u.displayName="Dropdown",exports.Dropdown=u;
|
|
@@ -53,7 +53,6 @@ export interface FeatureAnnouncement {
|
|
|
53
53
|
archived?: boolean;
|
|
54
54
|
createdAt: FirestoreTimestamp;
|
|
55
55
|
expirationDate?: FirestoreTimestamp | string | Date;
|
|
56
|
-
showInFeed?: boolean;
|
|
57
56
|
primaryButton?: ButtonConfig;
|
|
58
57
|
secondaryButton?: SecondaryButtonConfig;
|
|
59
58
|
padding?: string;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { InputStateI, InputTypeI, InputVariant } from "./Input";
|
|
3
3
|
export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
6
|
} & {
|
|
7
7
|
width?: string | undefined;
|
|
8
8
|
height?: string | undefined;
|
|
@@ -16,7 +16,7 @@ export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
|
|
|
16
16
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
17
17
|
export declare const IconHolder: import("@emotion/styled").StyledComponent<{
|
|
18
18
|
theme?: import("@emotion/react").Theme | undefined;
|
|
19
|
-
as?: import("react").ElementType<any
|
|
19
|
+
as?: import("react").ElementType<any> | undefined;
|
|
20
20
|
} & {
|
|
21
21
|
isLeft?: boolean | undefined;
|
|
22
22
|
iconSize?: string | undefined;
|
|
@@ -57,7 +57,7 @@ export declare const InputContainerSmall: import("@emotion/styled").StyledCompon
|
|
|
57
57
|
}, {}, {}>;
|
|
58
58
|
export declare const InputHeader: import("@emotion/styled").StyledComponent<{
|
|
59
59
|
theme?: import("@emotion/react").Theme | undefined;
|
|
60
|
-
as?: import("react").ElementType<any
|
|
60
|
+
as?: import("react").ElementType<any> | undefined;
|
|
61
61
|
} & {
|
|
62
62
|
invalid?: boolean | undefined;
|
|
63
63
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -91,7 +91,7 @@ export declare const InputFooter: import("@emotion/styled").StyledComponent<{
|
|
|
91
91
|
}, {}, {}>;
|
|
92
92
|
export declare const RootContainer: import("@emotion/styled").StyledComponent<{
|
|
93
93
|
theme?: import("@emotion/react").Theme | undefined;
|
|
94
|
-
as?: import("react").ElementType<any
|
|
94
|
+
as?: import("react").ElementType<any> | undefined;
|
|
95
95
|
} & {
|
|
96
96
|
width?: string | undefined;
|
|
97
97
|
height?: string | undefined;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import type { Variant } from './ListItem';
|
|
3
3
|
export declare const ListItem: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
6
|
} & {
|
|
7
7
|
variant: Variant;
|
|
8
8
|
borderBottom?: string | undefined;
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const RootContainer: import("@emotion/styled").StyledComponent<{
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
5
|
} & {
|
|
6
6
|
zIndex?: number | undefined;
|
|
7
7
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
8
|
export declare const CentralContainer: import("@emotion/styled").StyledComponent<{
|
|
9
9
|
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
-
as?: import("react").ElementType<any
|
|
10
|
+
as?: import("react").ElementType<any> | undefined;
|
|
11
11
|
} & {
|
|
12
12
|
width?: string | undefined;
|
|
13
13
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
14
14
|
export declare const CloseButtonContainer: import("@emotion/styled").StyledComponent<{
|
|
15
15
|
theme?: import("@emotion/react").Theme | undefined;
|
|
16
|
-
as?: import("react").ElementType<any
|
|
16
|
+
as?: import("react").ElementType<any> | undefined;
|
|
17
17
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
18
18
|
export declare const CloseButtonWithTimer: import("@emotion/styled").StyledComponent<{
|
|
19
19
|
theme?: import("@emotion/react").Theme | undefined;
|
|
20
|
-
as?: import("react").ElementType<any
|
|
20
|
+
as?: import("react").ElementType<any> | undefined;
|
|
21
21
|
} & {
|
|
22
22
|
timerExists?: boolean | undefined;
|
|
23
23
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const Pagination: import("@emotion/styled").StyledComponent<{
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
5
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const ShimmerStyled: import("@emotion/styled").StyledComponent<{
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
5
|
} & {
|
|
6
6
|
isBrand?: boolean | undefined;
|
|
7
7
|
direction?: "row" | "column" | undefined;
|
|
@@ -9,7 +9,7 @@ export declare const ShimmerStyled: import("@emotion/styled").StyledComponent<{
|
|
|
9
9
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
10
10
|
export declare const ShimmerComponentStyled: import("@emotion/styled").StyledComponent<{
|
|
11
11
|
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
-
as?: import("react").ElementType<any
|
|
12
|
+
as?: import("react").ElementType<any> | undefined;
|
|
13
13
|
} & {
|
|
14
14
|
isBrand?: boolean | undefined;
|
|
15
15
|
height: number;
|
|
@@ -3,7 +3,7 @@ import { SwitchColorProps, SwitchProps } from './Switch.d';
|
|
|
3
3
|
export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
4
4
|
export declare const SwitchContainer: import("@emotion/styled").StyledComponent<{
|
|
5
5
|
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
-
as?: import("react").ElementType<any
|
|
6
|
+
as?: import("react").ElementType<any> | undefined;
|
|
7
7
|
} & {
|
|
8
8
|
trackLength: number;
|
|
9
9
|
trackHeight: number;
|
|
@@ -16,7 +16,7 @@ export declare const SwitchContainer: import("@emotion/styled").StyledComponent<
|
|
|
16
16
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
17
17
|
export declare const Thumb: import("@emotion/styled").StyledComponent<{
|
|
18
18
|
theme?: import("@emotion/react").Theme | undefined;
|
|
19
|
-
as?: import("react").ElementType<any
|
|
19
|
+
as?: import("react").ElementType<any> | undefined;
|
|
20
20
|
} & {
|
|
21
21
|
value: boolean;
|
|
22
22
|
duration: number;
|
|
@@ -24,7 +24,7 @@ export declare const Thumb: import("@emotion/styled").StyledComponent<{
|
|
|
24
24
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
25
25
|
export declare const Loader: import("@emotion/styled").StyledComponent<{
|
|
26
26
|
theme?: import("@emotion/react").Theme | undefined;
|
|
27
|
-
as?: import("react").ElementType<any
|
|
27
|
+
as?: import("react").ElementType<any> | undefined;
|
|
28
28
|
} & {
|
|
29
29
|
value: boolean;
|
|
30
30
|
trackColor: SwitchColorProps;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { TagTheme, TagType, TagVariant } from './model';
|
|
3
3
|
export declare const Tag: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
6
|
} & {
|
|
7
7
|
theme: TagTheme;
|
|
8
8
|
type: TagType;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { TypeOptions } from 'react-toastify';
|
|
3
3
|
export declare const ToasterStyled: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
6
|
} & {
|
|
7
7
|
width?: string | undefined;
|
|
8
8
|
height?: string | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { QueryBuilderNodeProps } from "../../../
|
|
2
|
+
import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
|
|
3
3
|
declare const EventsTrigger: React.FC<QueryBuilderNodeProps>;
|
|
4
4
|
export default EventsTrigger;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { QueryBuilderAPIData } from "../../../
|
|
1
|
+
import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
|
|
2
2
|
export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { QueryBuilderNodeProps } from "../../../
|
|
2
|
+
import { QueryBuilderNodeProps } from "../../../Types/QueryBuilderNodeProps.type";
|
|
3
3
|
declare const IGTrigger: React.FC<QueryBuilderNodeProps>;
|
|
4
4
|
export default IGTrigger;
|
package/dist/esm/components/QueryBuilder/Triggers/IG/selectors/useIGTriggerNameCacheSelector.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { QueryBuilderAPIData } from "../../../
|
|
1
|
+
import { QueryBuilderAPIData } from "../../../Types/QueryBuilderAPI.type";
|
|
2
2
|
export declare const useIGTriggerNameCacheSelector: () => QueryBuilderAPIData[];
|
package/dist/esm/components/QueryBuilder/Triggers/components/BaseTriggerQueryBuilderNode.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DropdownOption } from "../../../dropdown/type";
|
|
3
|
-
import { QueryBuilderProperty } from "../../
|
|
4
|
-
import { QueryBuilderNodeProps } from "../../
|
|
3
|
+
import { QueryBuilderProperty } from "../../Types/QueryBuilder.type";
|
|
4
|
+
import { QueryBuilderNodeProps } from "../../Types/QueryBuilderNodeProps.type";
|
|
5
5
|
declare const BaseTriggerQueryBuilderNode: React.FC<QueryBuilderNodeProps & {
|
|
6
6
|
cacheKey: string;
|
|
7
7
|
propertyAddBtnText: string;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { Size, Type } from './model';
|
|
3
3
|
export declare const Button: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
6
|
} & {
|
|
7
7
|
size: Size;
|
|
8
8
|
buttonType: Type;
|
|
@@ -1,19 +1,19 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const PickerContainer: import("@emotion/styled").StyledComponent<{
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
5
|
} & {
|
|
6
6
|
selectRange: boolean;
|
|
7
7
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
8
|
export declare const TimePickerContainer: import("@emotion/styled").StyledComponent<{
|
|
9
9
|
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
-
as?: import("react").ElementType<any
|
|
10
|
+
as?: import("react").ElementType<any> | undefined;
|
|
11
11
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
12
12
|
export declare const TimeInputWrapper: import("@emotion/styled").StyledComponent<{
|
|
13
13
|
theme?: import("@emotion/react").Theme | undefined;
|
|
14
|
-
as?: import("react").ElementType<any
|
|
14
|
+
as?: import("react").ElementType<any> | undefined;
|
|
15
15
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
16
16
|
export declare const TimeLabel: import("@emotion/styled").StyledComponent<{
|
|
17
17
|
theme?: import("@emotion/react").Theme | undefined;
|
|
18
|
-
as?: import("react").ElementType<any
|
|
18
|
+
as?: import("react").ElementType<any> | undefined;
|
|
19
19
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{__rest as e}from"../../_virtual/_tslib.js";import{
|
|
1
|
+
import{__rest as e}from"../../_virtual/_tslib.js";import{jsxs as o,Fragment as n,jsx as t}from"react/jsx-runtime";import{useState as i,useRef as l,useEffect as r,useLayoutEffect as s}from"react";import{COLORS as a}from"../../constants/Theme.js";import d from"../../assets/icons/chevronDown.svg.js";import{Input as c}from"../input/Input.js";import{InputStyleContext as p}from"../input/context/InputStyleProvider.js";import h from"./ChipInput.js";import{DropdownPopover as u}from"./DropdownPopover/index.js";import{getSelectedOptionsAsText as v}from"./OpenedDropdown/utils/iterationOnOptions.js";function m(){}const f=f=>{var g,x,b,w,j,O,{placeHolder:y,size:I,onSelect:S,defaultOptions:H,disabled:E,noErrorHint:C,placeHolderHeight:T,showPlaceholderWhenSelected:D=!1,inputStyle:P={},inputType:W="default",onDeleteChip:z,truncatedText:M,showLeadingIconInPlaceholder:L=!1,showTrailingIconPlaceholder:k=!1,showLabelsOnMoreHover:A=!1,value:_,resizeable:N=!1}=f,U=e(f,["placeHolder","size","onSelect","defaultOptions","disabled","noErrorHint","placeHolderHeight","showPlaceholderWhenSelected","inputStyle","inputType","onDeleteChip","truncatedText","showLeadingIconInPlaceholder","showTrailingIconPlaceholder","showLabelsOnMoreHover","value","resizeable"]);const[V,$]=i(!1),[q,B]=i(!1),F=null!=I?I:"default",G=l(null),[J,K]=i(0),Q=l(),[R,X]=i(null!=H?H:[]);r((()=>{var e;const o=[];null===(e=null==U?void 0:U.options)||void 0===e||e.forEach((e=>{e.options?e.options.forEach((e=>{e.selected&&o.push(Object.assign(Object.assign({},e),{label:e.label}))})):e.selected&&o.push(e)})),X([...o])}),[U.options]),r((()=>{H&&X([...H])}),[H]);const Y=v(R),Z=D?y:null!==(g=null!=Y?Y:y)&&void 0!==g?g:"Select an option";s((()=>{N&&G.current&&K(G.current.offsetWidth)}),[N,Z,F]);const ee=U.buttonWidth,oe=N?J+("x-small"===F?16:"small"===F?20:24)+("default"===F?8:0)+16+8+4:void 0,ne=void 0!==oe?`${oe}px`:null!==(b=null!==(x=U.width)&&void 0!==x?x:ee)&&void 0!==b?b:"100%",te=null!==(w=U.dropdownWidth)&&void 0!==w?w:ne;return o(n,{children:[t(p.Provider,Object.assign({value:{InputWrapper:Object.assign(Object.assign(Object.assign({height:T||("x-small"===F?24:"small"===F?32:48),width:ne},ee?{maxWidth:ee}:{}),{zIndex:1,cursor:"pointer",padding:"x-small"===F?"4px 8px":"6px 8px",backgroundColor:void 0!==_?"#C3E4C4":q?"#E0E0E0":"#ffffff",transition:"background-color 0.3s ease"}),P),input:{minHeight:"100%",maxWidth:"100%",color:void 0!==_?"#00580E":"inherit"}}},{children:t("div",Object.assign({onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),style:U.width?{width:U.width}:void 0},{children:o(u,Object.assign({"data-test":U["data-test"],ref:Q,onSelect:function(e){Array.isArray(e)?X([...e]):X([e]),null==S||S(e)},disabled:E,onDropdownVisbilityChange:e=>$(e)},U,{width:te},{children:["default"==W&&t(c,{version:U.version,noErrorHint:C,state:E?"disabled":"none",value:void 0===_?Z:_,errorMessage:U.error,variant:F,placeholder:null!=y?y:"Select an option",onChangeText:m,leftIcon:L&&(null===(j=R[0])||void 0===j?void 0:j.leadingIcon)?{icon:()=>{var e;return t(n,{children:null===(e=R[0])||void 0===e?void 0:e.leadingIcon})}}:void 0,rightIcon:{icon:()=>{var e;return o("div",Object.assign({style:{display:"flex"}},{children:[k&&(null===(e=R[0])||void 0===e?void 0:e.trailingIcon),t(d,{style:{transform:V?"rotate(180deg)":"rotate(0deg)"},onClick:m,width:"x-small"===F?16:"small"===F?20:24,height:"x-small"===F?16:"small"===F?20:24,color:a.content.primary})]}))}},truncateText:null==M||M}),"chip"==W&&t(h,{placeholder:null!=y?y:"Select options",chips:R,onDeleteChip:e=>{null==z||z(e)},errorMessage:U.error,isDropdownOpened:V,sizeToUse:F,containerStyle:{width:null!==(O=U.width)&&void 0!==O?O:"100%",cursor:"pointer"},showLabelsOnMoreHover:A})]}))}))})),N&&t("span",Object.assign({ref:G,"aria-hidden":!0,style:{position:"fixed",top:"-9999px",left:"-9999px",visibility:"hidden",whiteSpace:"nowrap",pointerEvents:"none",fontSize:"x-small"===F?"12px":"small"===F?"14px":"16px"}},{children:Z}))]})};f.displayName="Dropdown";export{f as Dropdown};
|
|
@@ -53,7 +53,6 @@ export interface FeatureAnnouncement {
|
|
|
53
53
|
archived?: boolean;
|
|
54
54
|
createdAt: FirestoreTimestamp;
|
|
55
55
|
expirationDate?: FirestoreTimestamp | string | Date;
|
|
56
|
-
showInFeed?: boolean;
|
|
57
56
|
primaryButton?: ButtonConfig;
|
|
58
57
|
secondaryButton?: SecondaryButtonConfig;
|
|
59
58
|
padding?: string;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { InputStateI, InputTypeI, InputVariant } from "./Input";
|
|
3
3
|
export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
6
|
} & {
|
|
7
7
|
width?: string | undefined;
|
|
8
8
|
height?: string | undefined;
|
|
@@ -16,7 +16,7 @@ export declare const InputWrapper: import("@emotion/styled").StyledComponent<{
|
|
|
16
16
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
17
17
|
export declare const IconHolder: import("@emotion/styled").StyledComponent<{
|
|
18
18
|
theme?: import("@emotion/react").Theme | undefined;
|
|
19
|
-
as?: import("react").ElementType<any
|
|
19
|
+
as?: import("react").ElementType<any> | undefined;
|
|
20
20
|
} & {
|
|
21
21
|
isLeft?: boolean | undefined;
|
|
22
22
|
iconSize?: string | undefined;
|
|
@@ -57,7 +57,7 @@ export declare const InputContainerSmall: import("@emotion/styled").StyledCompon
|
|
|
57
57
|
}, {}, {}>;
|
|
58
58
|
export declare const InputHeader: import("@emotion/styled").StyledComponent<{
|
|
59
59
|
theme?: import("@emotion/react").Theme | undefined;
|
|
60
|
-
as?: import("react").ElementType<any
|
|
60
|
+
as?: import("react").ElementType<any> | undefined;
|
|
61
61
|
} & {
|
|
62
62
|
invalid?: boolean | undefined;
|
|
63
63
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -91,7 +91,7 @@ export declare const InputFooter: import("@emotion/styled").StyledComponent<{
|
|
|
91
91
|
}, {}, {}>;
|
|
92
92
|
export declare const RootContainer: import("@emotion/styled").StyledComponent<{
|
|
93
93
|
theme?: import("@emotion/react").Theme | undefined;
|
|
94
|
-
as?: import("react").ElementType<any
|
|
94
|
+
as?: import("react").ElementType<any> | undefined;
|
|
95
95
|
} & {
|
|
96
96
|
width?: string | undefined;
|
|
97
97
|
height?: string | undefined;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import type { Variant } from './ListItem';
|
|
3
3
|
export declare const ListItem: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
6
|
} & {
|
|
7
7
|
variant: Variant;
|
|
8
8
|
borderBottom?: string | undefined;
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const RootContainer: import("@emotion/styled").StyledComponent<{
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
5
|
} & {
|
|
6
6
|
zIndex?: number | undefined;
|
|
7
7
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
8
8
|
export declare const CentralContainer: import("@emotion/styled").StyledComponent<{
|
|
9
9
|
theme?: import("@emotion/react").Theme | undefined;
|
|
10
|
-
as?: import("react").ElementType<any
|
|
10
|
+
as?: import("react").ElementType<any> | undefined;
|
|
11
11
|
} & {
|
|
12
12
|
width?: string | undefined;
|
|
13
13
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
14
14
|
export declare const CloseButtonContainer: import("@emotion/styled").StyledComponent<{
|
|
15
15
|
theme?: import("@emotion/react").Theme | undefined;
|
|
16
|
-
as?: import("react").ElementType<any
|
|
16
|
+
as?: import("react").ElementType<any> | undefined;
|
|
17
17
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
18
18
|
export declare const CloseButtonWithTimer: import("@emotion/styled").StyledComponent<{
|
|
19
19
|
theme?: import("@emotion/react").Theme | undefined;
|
|
20
|
-
as?: import("react").ElementType<any
|
|
20
|
+
as?: import("react").ElementType<any> | undefined;
|
|
21
21
|
} & {
|
|
22
22
|
timerExists?: boolean | undefined;
|
|
23
23
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const Pagination: import("@emotion/styled").StyledComponent<{
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
5
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare const ShimmerStyled: import("@emotion/styled").StyledComponent<{
|
|
3
3
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any
|
|
4
|
+
as?: import("react").ElementType<any> | undefined;
|
|
5
5
|
} & {
|
|
6
6
|
isBrand?: boolean | undefined;
|
|
7
7
|
direction?: "row" | "column" | undefined;
|
|
@@ -9,7 +9,7 @@ export declare const ShimmerStyled: import("@emotion/styled").StyledComponent<{
|
|
|
9
9
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
10
10
|
export declare const ShimmerComponentStyled: import("@emotion/styled").StyledComponent<{
|
|
11
11
|
theme?: import("@emotion/react").Theme | undefined;
|
|
12
|
-
as?: import("react").ElementType<any
|
|
12
|
+
as?: import("react").ElementType<any> | undefined;
|
|
13
13
|
} & {
|
|
14
14
|
isBrand?: boolean | undefined;
|
|
15
15
|
height: number;
|
|
@@ -3,7 +3,7 @@ import { SwitchColorProps, SwitchProps } from './Switch.d';
|
|
|
3
3
|
export declare const Switch: import("react").ForwardRefExoticComponent<SwitchProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
4
4
|
export declare const SwitchContainer: import("@emotion/styled").StyledComponent<{
|
|
5
5
|
theme?: import("@emotion/react").Theme | undefined;
|
|
6
|
-
as?: import("react").ElementType<any
|
|
6
|
+
as?: import("react").ElementType<any> | undefined;
|
|
7
7
|
} & {
|
|
8
8
|
trackLength: number;
|
|
9
9
|
trackHeight: number;
|
|
@@ -16,7 +16,7 @@ export declare const SwitchContainer: import("@emotion/styled").StyledComponent<
|
|
|
16
16
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
17
17
|
export declare const Thumb: import("@emotion/styled").StyledComponent<{
|
|
18
18
|
theme?: import("@emotion/react").Theme | undefined;
|
|
19
|
-
as?: import("react").ElementType<any
|
|
19
|
+
as?: import("react").ElementType<any> | undefined;
|
|
20
20
|
} & {
|
|
21
21
|
value: boolean;
|
|
22
22
|
duration: number;
|
|
@@ -24,7 +24,7 @@ export declare const Thumb: import("@emotion/styled").StyledComponent<{
|
|
|
24
24
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
25
25
|
export declare const Loader: import("@emotion/styled").StyledComponent<{
|
|
26
26
|
theme?: import("@emotion/react").Theme | undefined;
|
|
27
|
-
as?: import("react").ElementType<any
|
|
27
|
+
as?: import("react").ElementType<any> | undefined;
|
|
28
28
|
} & {
|
|
29
29
|
value: boolean;
|
|
30
30
|
trackColor: SwitchColorProps;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { TagTheme, TagType, TagVariant } from './model';
|
|
3
3
|
export declare const Tag: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
6
|
} & {
|
|
7
7
|
theme: TagTheme;
|
|
8
8
|
type: TagType;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { TypeOptions } from 'react-toastify';
|
|
3
3
|
export declare const ToasterStyled: import("@emotion/styled").StyledComponent<{
|
|
4
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any
|
|
5
|
+
as?: import("react").ElementType<any> | undefined;
|
|
6
6
|
} & {
|
|
7
7
|
width?: string | undefined;
|
|
8
8
|
height?: string | undefined;
|