hrm_ui_lib 0.0.1-beta.0

package/components/Breadcrumb/types.d.ts

@@ -0,0 +1,11 @@
+export type TBreadCrumbItem = {
+    value: number | string;
+    label: string | React.ReactElement;
+    onClick: () => void;
+};
+export interface TBreadCrumbProps extends IFormCompProps {
+    breadCrumbItems: TBreadCrumbItem[];
+    className?: string;
+    selectedValue: number | string;
+    onSelect: (value: string | number) => void;
+}

package/components/Button/Button.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { TButtonPropTypes } from './types';
+export declare const Button: (props: TButtonPropTypes) => ReactElement;

package/components/Button/Button.js

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as x,Fragment as C}from"react/jsx-runtime";import E from"classnames";import{Loader as T}from"../../helperComponents/Loader/Loader.js";import{LITE_LOADER_TYPES as g,ICON_TYPE_MAPPING as h,ICON_SIZE_MAPPING as A}from"./consts.js";const $=n=>{const{buttonText:t,type:s="primary",size:o="large",className:a="",iconProps:r,buttonActionType:l="button",disabled:i,pressed:d,isLoading:m,formId:p,dataId:c="",onClick:u,refHandler:b=null,children:f,..._}=n,I=!t&&!f&&void 0!==r;/* @__PURE__ */
+return e("button",{ref:b,"data-id":c,disabled:i,type:l,className:E("btn",`btn--${s}`,`btn--${o}`,{pressed:d,"btn--icon":I,[`btn--icon-${(null==r?void 0:r.alignment)||"left"}`]:!m&&!I&&(null==r?void 0:r.Component)},a),onClick:e=>{d||i||m?e.preventDefault():null==u||u(e)},form:p,..._,children:m?/* @__PURE__ */e(T,{size:o,type:-1===g.indexOf(s)?"dark":"lite"}):/* @__PURE__ */x(C,{children:[null!=r&&r.Component?/* @__PURE__ */e(r.Component,{size:A[r.size||o],type:h[r.type||s],className:"btn__icon"}):null,t||f?/* @__PURE__ */e("span",{className:"btn__text",children:t||f}):null]})})};export{$ as Button};

package/components/Button/consts.d.ts

@@ -0,0 +1,8 @@
+import { TSVGIconSize, TSVGIconType } from '../../type';
+export declare const LITE_LOADER_TYPES: string[];
+export declare const ICON_SIZE_MAPPING: {
+    [key: string]: TSVGIconSize;
+};
+export declare const ICON_TYPE_MAPPING: {
+    [key: string]: TSVGIconType;
+};

package/components/Button/consts.js

@@ -0,0 +1 @@
+const r=["primary","danger"],e={large:"small",medium:"small",small:"xsmall"},a={primary:"inverse",secondary:"secondary",tertiary:"primary",danger:"inverse",text:"information",link:"selected"};export{e as ICON_SIZE_MAPPING,a as ICON_TYPE_MAPPING,r as LITE_LOADER_TYPES};

package/components/Button/index.d.ts

@@ -0,0 +1 @@
+export * from './Button';

package/components/Button/index.js

@@ -0,0 +1 @@
+import{Button as r}from"./Button.js";export{r as Button};

package/components/Button/types.d.ts

@@ -0,0 +1,23 @@
+import { ButtonHTMLAttributes, LegacyRef, PropsWithChildren, ReactElement } from 'react';
+import { TSVGIconType } from '../../type';
+export interface TButtonPropTypes extends PropsWithChildren<Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type' | 'children'>> {
+    id?: string;
+    disabled?: boolean;
+    pressed?: boolean;
+    buttonActionType?: 'submit' | 'button' | 'reset';
+    buttonText?: string | ReactElement;
+    className?: string;
+    type?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'text' | 'link';
+    size?: 'small' | 'medium' | 'large';
+    isLoading?: boolean;
+    iconProps?: {
+        size?: TIconSize;
+        type?: TSVGIconType;
+        alignment?: string;
+        Component?: TSVGIconComponent;
+    };
+    onClick?: (event: TClickEventType) => void;
+    formId?: string;
+    dataId?: string;
+    refHandler?: LegacyRef<HTMLButtonElement> | undefined;
+}

package/components/ButtonGroup/ButtonGroup.d.ts

@@ -0,0 +1,2 @@
+import { IButtonGroup } from './types';
+export declare const ButtonGroup: ({ buttons, activeIndex, className, type, size, disabled, onTabChange }: IButtonGroup) => import("react/jsx-runtime").JSX.Element;

package/components/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,2 @@
+import{jsx as i}from"react/jsx-runtime";import{useState as v}from"react";import I from"classnames";import{ButtonGroupItem as G}from"./ButtonGroupItem.js";const N=({buttons:t,activeIndex:o=0,className:e,type:s,size:r,disabled:a,onTabChange:n})=>{const[m,u]=v(o);/* @__PURE__ */
+return i("div",{className:I("button-group",e),children:t.map(t=>/* @__PURE__ */i(G,{...t,type:s,size:r,isActive:m===t.id,disabled:a,onClick:()=>(t=>{a||m===t||(u(t),null==n||n(t))})(t.id)},`buttonGroup_${t.id}`))})};export{N as ButtonGroup};

package/components/ButtonGroup/ButtonGroupItem.d.ts

@@ -0,0 +1,2 @@
+import { IButtonGroupItem } from './types';
+export declare const ButtonGroupItem: ({ buttonText, size, type, isActive, disabled, onClick, className, icons }: IButtonGroupItem) => import("react/jsx-runtime").JSX.Element;

package/components/ButtonGroup/ButtonGroupItem.js

@@ -0,0 +1,3 @@
+import{jsxs as N,jsx as u}from"react/jsx-runtime";import{useMemo as P}from"react";import{Text as h}from"../Text/Text.js";import i from"classnames";import{ICON_SIZE_MAPPING as l,TEXT_SIZE_MAPPING as x}from"./consts.js";const M=({buttonText:t,size:e="medium",type:o="primary",isActive:s,disabled:n,onClick:r,className:m,icons:a})=>{var p,c;const d=P(()=>n?"disabled":s?"primary":"tertiary",[n,s]);/* @__PURE__ */
+return N("div",{className:i("button-group-item",`button-group-item__${o}`,`button-group-item__${e}`,{active:s,disabled:n},m),onClick:t=>{t.preventDefault(),t.stopPropagation(),null==r||r()},children:[null!=(p=null==a?void 0:a.left)&&p.Component?/* @__PURE__ */u(a.left.Component,{size:l[e],type:d}):null,
+/* @__PURE__ */u(h,{size:x[e],type:d,children:t}),null!=(c=null==a?void 0:a.right)&&c.Component?/* @__PURE__ */u(a.right.Component,{size:l[e],type:d}):null]})};export{M as ButtonGroupItem};

package/components/ButtonGroup/consts.d.ts

@@ -0,0 +1,8 @@
+import { TTextSize } from '../Text/types';
+import { TSVGIconSize } from '../../type';
+export declare const TEXT_SIZE_MAPPING: {
+    [key: string]: TTextSize;
+};
+export declare const ICON_SIZE_MAPPING: {
+    [key: string]: TSVGIconSize;
+};

package/components/ButtonGroup/consts.js

@@ -0,0 +1 @@
+const l={large:"standard",medium:"standard",small:"small"},a={large:"small",medium:"small",small:"xsmall"};export{a as ICON_SIZE_MAPPING,l as TEXT_SIZE_MAPPING};

package/components/ButtonGroup/index.d.ts

@@ -0,0 +1 @@
+export * from './ButtonGroup';

package/components/ButtonGroup/index.js

@@ -0,0 +1 @@
+import{ButtonGroup as t}from"./ButtonGroup.js";export{t as ButtonGroup};

package/components/ButtonGroup/types.d.ts

@@ -0,0 +1,23 @@
+import { ISVGIconProps } from '../../type';
+interface IButtonGroupBase {
+    type?: 'primary';
+    size?: 'small' | 'medium' | 'large';
+    disabled?: boolean;
+    className?: string;
+}
+export interface IButtonGroupItem extends IButtonGroupBase {
+    buttonText: string;
+    isActive?: boolean;
+    id: string | number;
+    onClick?: () => void;
+    icons?: {
+        left?: ISVGIconProps;
+        right?: ISVGIconProps;
+    };
+}
+export interface IButtonGroup extends IButtonGroupBase {
+    buttons: IButtonGroupItem[];
+    activeIndex: number | string;
+    onTabChange?: (index: number | string) => void;
+}
+export {};

package/components/Card/Card.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { TCardProps } from './types';
+export declare const Card: (({ children, isExpanded, isExpandedFromParent, ...rest }: TCardProps) => React.ReactElement) & {
+    Head: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Footer: ({ children }: {
+        children: React.ReactNode;
+    }) => false | import("react/jsx-runtime").JSX.Element;
+};

package/components/Card/Card.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useState as p,useEffect as f}from"react";import{CardContext as i}from"./CardContext.js";import{Card as s}from"./CardComponent/Card.js";import{CardHead as C}from"./CardComponent/CardHead.js";import{CardBody as n}from"./CardComponent/CardBody.js";import{CardFooter as c}from"./CardComponent/CardFooter.js";import{noop as l}from"../../utils/helpers.js";const u=({children:r,isExpanded:o,isExpandedFromParent:a,...e})=>{const[d,n]=p(o??!1);return f(()=>"boolean"==typeof a?n(a):l,[a]),/* @__PURE__ */t(i.Provider,{value:{...e,isExpanded:d,toggleIsExpanded:n},children:/* @__PURE__ */t(s,{children:r})})},H=Object.assign(u,{Head:C,Body:n,Footer:c});export{H as Card};

package/components/Card/CardComponent/Card.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const Card: ({ children }: {
+    children: React.ReactNode;
+}) => React.ReactElement;

package/components/Card/CardComponent/Card.js

@@ -0,0 +1,3 @@
+import{jsxs as p,jsx as e}from"react/jsx-runtime";import r from"classnames";import{useCardContext as x}from"../CardContext.js";import{generateDataTestId as _}from"../../../utils/helpers.js";const v=({children:a})=>{const{isExpanded:t,className:d,title:s,dataId:i,id:n,noBorder:c}=x(),{alignment:l,color:o,text:m}=s??{alignment:"left",color:"blue"};/* @__PURE__ */
+return p("div",{className:r("card",{"card--expanded":t,[`card--title--alignment--${l}`]:s,"card--noBorder":c},d),id:`${n||""}`,"data-id":_("card-item",i),children:[s&&/* @__PURE__ */e("div",{className:r("card__title",{[`card__title--${o}`]:o}),children:m}),
+/* @__PURE__ */e("div",{className:"card__content",children:a})]})};export{v as Card};

package/components/Card/CardComponent/CardBody.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CardBody: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/components/Card/CardComponent/CardBody.js

@@ -0,0 +1,2 @@
+import{jsx as i,jsxs as o}from"react/jsx-runtime";import{motion as n}from"motion/react";import{useCardContext as a}from"../CardContext.js";import{Divider as d}from"../../Divider/Divider.js";import{AnimatePresenceWrapper as m}from"../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js";const f=({children:e})=>{const{isExpanded:r,noDivider:t}=a();/* @__PURE__ */
+return i(m,{initial:!1,children:r&&/* @__PURE__ */i(n.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{type:"spring",duration:.5,bounce:0},children:/* @__PURE__ */o("div",{className:"card__content--body",children:[!t&&/* @__PURE__ */i(d,{type:"primary",isHorizontal:!0,className:"card__divider"}),e]})})})};export{f as CardBody};

package/components/Card/CardComponent/CardFooter.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CardFooter: ({ children }: {
+    children: React.ReactNode;
+}) => false | import("react/jsx-runtime").JSX.Element;

package/components/Card/CardComponent/CardFooter.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{useCardContext as e}from"../CardContext.js";const a=({children:r})=>{const{isExpanded:o}=e();return!o&&/* @__PURE__ */t("div",{className:"card__content--footer",children:r})};export{a as CardFooter};

package/components/Card/CardComponent/CardHead.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CardHead: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/components/Card/CardComponent/CardHead.js

@@ -0,0 +1,2 @@
+import{jsxs as s,jsx as a}from"react/jsx-runtime";import{useCallback as i}from"react";import{useCardContext as p}from"../CardContext.js";import d from"classnames";import{noop as l}from"../../../utils/helpers.js";import{Button as x}from"../../Button/Button.js";import h from"../../SVGIcons/IconChevronDown.js";import f from"../../SVGIcons/IconChevronRight.js";const I=({children:e})=>{const{toggleIsExpanded:o,onExpand:n,isExpandable:r,isExpanded:t}=p(),c=i(()=>{o&&o(e=>(n&&n(!e),!e))},[]);/* @__PURE__ */
+return s("div",{className:d("card__content--header",{"card__content--header--expandable":r}),onClick:r?c:l,children:[e,r&&/* @__PURE__ */a("div",{className:"card__content--header--expand",children:/* @__PURE__ */a(x,{iconProps:{Component:t?h:f},className:d({"card__content--header--expand--icon":t}),type:"tertiary",size:"medium"})})]})};export{I as CardHead};

package/components/Card/CardContext.d.ts

@@ -0,0 +1,7 @@
+import { TCardProps } from './types';
+interface ICardContext extends Omit<TCardProps, 'children'> {
+    toggleIsExpanded?: React.Dispatch<React.SetStateAction<boolean>>;
+}
+export declare const CardContext: import("react").Context<ICardContext>;
+export declare const useCardContext: () => ICardContext;
+export {};

package/components/Card/CardContext.js

@@ -0,0 +1 @@
+import{createContext as t,useContext as e}from"react";const o=t({isExpanded:!1,isExpandable:!0}),a=()=>e(o);export{o as CardContext,a as useCardContext};

package/components/Card/index.d.ts

@@ -0,0 +1 @@
+export * from './Card';

package/components/Card/index.js

@@ -0,0 +1 @@
+import{Card as a}from"./Card.js";export{a as Card};

package/components/Card/types.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+export type TCardTitle = {
+    alignment?: 'top' | 'bottom' | 'left' | 'right';
+    text: string;
+    color: 'blue' | 'purple' | 'yellow' | 'pink' | 'green' | 'grey';
+};
+export type TCardProps = {
+    title?: TCardTitle;
+    isExpandable?: boolean;
+    isExpanded?: boolean;
+    isExpandedFromParent?: boolean;
+    noBorder?: boolean;
+    noDivider?: boolean;
+    onExpand?: (isExpanded: boolean) => void;
+    children: ReactNode;
+    className?: string;
+    id?: string;
+    dataId?: string;
+};

package/components/CardGroup/CardGroup.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { TCardGroupProps } from './types';
+export declare const CardGroup: (({ children, ...rest }: TCardGroupProps) => React.ReactElement) & {
+    Head: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Body: ({ children }: {
+        children: React.ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+};

package/components/CardGroup/CardGroup.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{CardGroupContext as p}from"./CardGroupContext.js";import{CardGroup as t}from"./CardGroupComponent/CardGroup.js";import{CardGroupHead as a}from"./CardGroupComponent/CardHead.js";import{CardGroupBody as m}from"./CardGroupComponent/CardBody.js";const e=({children:o,...a})=>/* @__PURE__ */r(p.Provider,{value:{...a},children:/* @__PURE__ */r(t,{children:o})}),G=Object.assign(e,{Head:a,Body:m});export{G as CardGroup};

package/components/CardGroup/CardGroupComponent/CardBody.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CardGroupBody: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/components/CardGroup/CardGroupComponent/CardBody.js

@@ -0,0 +1,2 @@
+import{jsxs as m,jsx as p}from"react/jsx-runtime";import{useMemo as e,useId as u}from"react";const d=({children:r})=>{const s=e(()=>Array.isArray(r),[r]),a=u();/* @__PURE__ */
+return m("div",{className:"card--group__content--body",children:[s&&(null==r?void 0:r.map((r,s)=>/* @__PURE__ */p("div",{className:"card--group__child",children:r},`${a}_${s}`))),!s&&r]})};export{d as CardGroupBody};

package/components/CardGroup/CardGroupComponent/CardGroup.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CardGroup: ({ children }: {
+    children: React.ReactNode;
+}) => React.ReactElement;

package/components/CardGroup/CardGroupComponent/CardGroup.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import m from"classnames";import{generateDataTestId as n}from"../../../utils/helpers.js";import{useCardGroupContext as s}from"../CardGroupContext.js";const u=({children:t})=>{const{className:a,title:e,dataId:o,id:i}=s(),{alignment:d}=e??{alignment:"left"};/* @__PURE__ */
+return r("div",{className:m("card--group",{[`card--group--title--alignment--${d}`]:e},a),id:`${i||""}`,"data-id":n("card--group-item",o),children:/* @__PURE__ */r("div",{className:"card--group__content",children:t})})};export{u as CardGroup};

package/components/CardGroup/CardGroupComponent/CardHead.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const CardGroupHead: ({ children }: {
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/components/CardGroup/CardGroupComponent/CardHead.js

@@ -0,0 +1,3 @@
+import{jsxs as t,jsx as o}from"react/jsx-runtime";import{useCardGroupContext as a}from"../CardGroupContext.js";import c from"classnames";const i=({children:r})=>{const{title:e}=a();/* @__PURE__ */
+return t("div",{className:"card--group__content--header",children:[e&&/* @__PURE__ */o("div",{className:c("card--group__title",{[`card--group__title--${e.color}`]:e.color}),children:e.text}),
+/* @__PURE__ */o("div",{className:"card--group__content--header--component",children:r})]})};export{i as CardGroupHead};

package/components/CardGroup/CardGroupContext.d.ts

@@ -0,0 +1,6 @@
+import { TCardGroupProps } from './types';
+interface ICardGroupContext extends Omit<TCardGroupProps, 'children'> {
+}
+export declare const CardGroupContext: import("react").Context<ICardGroupContext>;
+export declare const useCardGroupContext: () => ICardGroupContext;
+export {};

package/components/CardGroup/CardGroupContext.js

@@ -0,0 +1 @@
+import{createContext as t,useContext as o}from"react";const e=t({}),n=()=>o(e);export{e as CardGroupContext,n as useCardGroupContext};

package/components/CardGroup/index.d.ts

@@ -0,0 +1 @@
+export * from './CardGroup';

package/components/CardGroup/index.js

@@ -0,0 +1 @@
+import{CardGroup as p}from"./CardGroup.js";export{p as CardGroup};

package/components/CardGroup/types.d.ts

@@ -0,0 +1,14 @@
+import { ReactNode } from 'react';
+export type TCardGroupTitle = {
+    alignment?: 'top' | 'bottom' | 'left' | 'right';
+    text: string;
+    color: 'blue' | 'purple' | 'yellow' | 'pink' | 'green' | 'grey';
+};
+export type TCardGroupProps = {
+    title?: TCardGroupTitle;
+    children: ReactNode;
+    className?: string;
+    id?: string;
+    dataId?: string;
+    noDivider?: boolean;
+};

package/components/Checkbox/Checkbox.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TCheckboxProps } from './types';
+export declare const Checkbox: React.ForwardRefExoticComponent<TCheckboxProps & React.RefAttributes<HTMLInputElement>>;

package/components/Checkbox/Checkbox.js

@@ -0,0 +1,6 @@
+import{jsx as e,jsxs as o,Fragment as d}from"react/jsx-runtime";import{forwardRef as V,useRef as $,useMemo as A}from"react";import F from"classnames";import{Popover as M}from"../Popover/Popover.js";import{Link as O}from"../Link/Link.js";import{Text as m}from"../Text/Text.js";import T from"../SVGIcons/IconInfo.js";import{ICONS_MAPPING as q}from"./consts.js";import{IconDynamicComponent as w}from"../../helperComponents/IconDynamicComponent/IconDynamicComponent.js";const B=V((l,a)=>{const{label:r,disabled:n,required:s=!1,link:i,name:c,setFieldValue:t,selectedValue:p,value:h,className:b="",iconProps:f={name:"checkmark"},dataId:k="",onClick:u,beforeLink:x,afterLink:y,helperText:N="",popoverAddons:I,isInvalid:C,stopPropagation:_=!1}=l,j=$(null),v=a&&Object.keys(a).length?a:j,g=!!h||p,P=e=>{_&&e.stopPropagation(),c&&t&&t(c,!g,{shouldValidate:!g}),u&&u(!g)},V=I?/* @__PURE__ */e(M,{id:`${I.id}`,...I,children:/* @__PURE__ */e("div",{id:`${I.id}`,children:/* @__PURE__ */e(T,{dataId:`${k}-icon`,type:"information",size:"xsmall",className:"ml-4 pointer",onClick:P})})}):null,L=A(()=>r?"string"!=typeof r?r:/* @__PURE__ */e(m,i?{type:n?"disabled":"primary",className:"controller__label",children:/* @__PURE__ */o(d,{children:[x&&/* @__PURE__ */e("span",{className:"mr-4",children:x}),
+/* @__PURE__ */e(O,{dataId:k,url:i,target:"_blank",children:r}),y&&/* @__PURE__ */e("span",{className:"ml-4",children:y}),s&&/* @__PURE__ */e("sup",{children:"*"})]})}:{type:n?"disabled":"primary",className:"controller__label",children:/* @__PURE__ */o(d,{children:[r,s&&/* @__PURE__ */e("sup",{children:"*"})]})}):null,[r,i]);/* @__PURE__ */
+return e(d,{children:/* @__PURE__ */o("label",{className:F("controller",{"controller--checkbox":!0,"controller--disabled":n,"controller--error":C,[b]:!!b}),onClick:e=>_&&e.stopPropagation(),children:[
+/* @__PURE__ */e("input",{"data-id":k,type:"checkbox",ref:v,tabIndex:0,onChange:P,checked:!!g,disabled:n}),
+/* @__PURE__ */e("span",{className:"controller__icon",children:/* @__PURE__ */e(w,{Component:q[f.name],size:"xxsmall",type:n?"disabled":"inverse",className:"controller__mark"})}),L?/* @__PURE__ */o("div",{className:"controller__right",children:[
+/* @__PURE__ */o("div",{className:"flexbox",children:[L,V]}),N?/* @__PURE__ */e(m,{size:"small",type:n?"disabled":"secondary",children:N}):null]}):null]})})});B.displayName="Checkbox";export{B as Checkbox};

package/components/Checkbox/consts.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ISVGIconProps } from '../../type';
+export declare const ICONS_MAPPING: Record<string, React.LazyExoticComponent<React.ComponentType<ISVGIconProps>>>;

package/components/Checkbox/consts.js

@@ -0,0 +1 @@
+import{lazy as o}from"react";const m={checkmark:o(()=>import("../SVGIcons/IconCheckmark.js"))};export{m as ICONS_MAPPING};

package/components/Checkbox/index.d.ts

@@ -0,0 +1 @@
+export * from './Checkbox';

package/components/Checkbox/index.js

@@ -0,0 +1 @@
+import{Checkbox as r}from"./Checkbox.js";export{r as Checkbox};

package/components/Checkbox/types.d.ts

@@ -0,0 +1,19 @@
+import { TPopoverProps } from '../Popover/types';
+export interface TCheckboxProps extends IFormCompProps {
+    label?: string | React.ReactElement;
+    beforeLink?: string | React.ReactElement;
+    afterLink?: string | React.ReactElement;
+    className?: string;
+    disabled?: boolean;
+    required?: boolean;
+    link?: string;
+    selectedValue?: boolean;
+    iconProps?: {
+        name: string;
+    };
+    helperText?: string;
+    onClick?: (isChecked: boolean) => void;
+    popoverAddons?: TPopoverProps;
+    isInvalid?: boolean;
+    stopPropagation?: boolean;
+}

package/components/Chips/Chips.d.ts

@@ -0,0 +1,3 @@
+import { ReactElement } from 'react';
+import { TChipsProps } from './types';
+export declare const Chips: (props: TChipsProps) => ReactElement;

package/components/Chips/Chips.js

@@ -0,0 +1,2 @@
+import{jsxs as x,jsx as t,Fragment as $}from"react/jsx-runtime";import{Text as P}from"../Text/Text.js";import{ChipCustomType as n}from"./types.js";import h from"classnames";import T from"../SVGIcons/IconDismissCircleFilled.js";import{ICON_SIZE_MAPPING as f,TEXT_SIZE_MAPPING as b}from"./consts.js";const k=s=>{const{type:e="filled",color:i="primary",size:a="large",text:l,disabled:o,className:r="",leftIconProps:p,withAction:c,onClick:m,onRemove:d,dataId:I="",id:u=""}=s,C=o?"disabled":e==n.filled?n.inverse:i;/* @__PURE__ */
+return x("div",{className:h(`chips chips--${e} chips--${o?"disabled":i} chips--${a}`,r),id:u,onClick:s=>{s.preventDefault(),s.stopPropagation(),null==m||m(s)},children:[null!=p&&p.Component?/* @__PURE__ */t(p.Component,{dataId:`${I}-icon`,size:f[a],type:C,className:h({"mr-6":!!l}),...p}):null,l?/* @__PURE__ */t(P,{dataId:`${I}-text`,type:C,size:b[a],className:"chips__label",children:/* @__PURE__ */t($,{children:l})}):null,c&&/* @__PURE__ */t(T,{dataId:`${I}-icon`,size:f[a],type:C,className:"chips__delete ml-6",onClick:s=>{s.preventDefault(),s.stopPropagation(),null==d||d(s)}})]})};export{k as Chips};

package/components/Chips/consts.d.ts

@@ -0,0 +1,7 @@
+import { TSVGIconSize, TTextSize } from '../../type';
+export declare const ICON_SIZE_MAPPING: {
+    [key: string]: TSVGIconSize;
+};
+export declare const TEXT_SIZE_MAPPING: {
+    [key: string]: TTextSize;
+};

package/components/Chips/consts.js

@@ -0,0 +1 @@
+const l={large:"medium",medium:"small",small:"xsmall",xsmall:"xxsmall"},a={large:"standard",medium:"standard",small:"small",xsmall:"xsmall"};export{l as ICON_SIZE_MAPPING,a as TEXT_SIZE_MAPPING};

package/components/Chips/index.d.ts

@@ -0,0 +1 @@
+export * from './Chips';

package/components/Chips/index.js

@@ -0,0 +1 @@
+import{Chips as r}from"./Chips.js";export{r as Chips};

package/components/Chips/types.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+import { ISVGIconProps } from '../../type';
+export type TChipsColors = 'primary' | 'disabled' | 'brand' | 'danger' | 'warning' | 'success' | 'information' | 'discovery';
+export interface TChipsProps extends IFormCompProps {
+    text?: string | ReactNode;
+    leftIconProps?: ISVGIconProps;
+    color?: TChipsColors;
+    type?: 'filled' | 'accent' | 'outlined';
+    size?: 'large' | 'medium' | 'small' | 'xsmall';
+    className?: string;
+    disabled?: boolean;
+    withAction?: boolean;
+    onClick?: (e: TClickEventType) => void;
+    onRemove?: (e: TClickEventType) => void;
+    dataId?: string;
+    id?: string;
+}
+export declare enum ChipCustomType {
+    filled = "filled",
+    inverse = "inverse"
+}

package/components/Chips/types.js

@@ -0,0 +1 @@
+var r=/* @__PURE__ */(e=>(e.filled="filled",e.inverse="inverse",e))(r||{});export{r as ChipCustomType};

package/components/Collapse/Collapse/Collapse.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TCollapseV2Props } from '../types';
+export declare const Collapse: (props: TCollapseV2Props) => React.ReactElement;

package/components/Collapse/Collapse/Collapse.js

@@ -0,0 +1,5 @@
+import{jsxs as l,jsx as e}from"react/jsx-runtime";import{useState as u,useCallback as v}from"react";import{motion as N}from"motion/react";import{Divider as _}from"../../Divider/Divider.js";import{AnimatePresenceWrapper as x}from"../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js";import C from"classnames";import{generateDataTestId as I}from"../../../utils/helpers.js";import{Title as O}from"./Title.js";const B=i=>{const{title:a,className:t,isOpen:s=!1,iconAlignment:r="left",hasIconBorder:o=!1,toggle:n,dataId:c,children:m,id:p}=i,[d,h]=u(s),f=v(()=>{h(e=>(n&&n(!e),!e))},[]);/* @__PURE__ */
+return l("div",{className:C("collapse collapse--v2",{"collapse--opened":d},t),id:`${p||""}`,"data-id":I("collapse-item",c),children:[
+/* @__PURE__ */e("div",{className:"collapse__header",onClick:f,children:/* @__PURE__ */e(O,{hasIconBorder:o,iconAlignment:r,isOpen:d,dataId:c,title:a})}),
+/* @__PURE__ */e(x,{initial:!1,children:d&&/* @__PURE__ */e(N.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{type:"spring",duration:.5,bounce:0},children:/* @__PURE__ */l("div",{className:"collapse__content",children:[
+/* @__PURE__ */e(_,{type:"primary",isHorizontal:!0,className:"collapse__divider"}),m]})})})]})};export{B as Collapse};

package/components/Collapse/Collapse/Title.d.ts

@@ -0,0 +1,10 @@
+import { TCollapseItemTitleV2 } from '../types';
+interface ITitleProps {
+    dataId: string;
+    isOpen: boolean;
+    iconAlignment: 'left' | 'right';
+    hasIconBorder: boolean;
+    title: TCollapseItemTitleV2;
+}
+export declare const Title: ({ dataId, title, isOpen, iconAlignment, hasIconBorder }: ITitleProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/components/Collapse/Collapse/Title.js

@@ -0,0 +1,2 @@
+import{jsx as e,jsxs as a,Fragment as p}from"react/jsx-runtime";import{useMemo as d}from"react";import{generateDataTestId as x}from"../../../utils/helpers.js";import{Text as b}from"../../Text/Text.js";import g from"classnames";import u from"../../SVGIcons/IconChevronDown.js";import v from"../../SVGIcons/IconChevronUp.js";const C=({dataId:t,title:o,isOpen:s,iconAlignment:r,hasIconBorder:i})=>{const{text:n="",weight:c="bolder",size:l="medium",color:m}=o,h=d(()=>"string"==typeof n?/* @__PURE__ */e(b,{size:l,type:m,weight:c,dataId:x("title",t),children:n}):n,[n,l,m,c,t]),f=d(()=>/* @__PURE__ */e("div",{className:g("collapse-icon",{"icon-border":i,"icon-open":s}),children:/* @__PURE__ */e(s?v:u,{size:"small"})}),[s,i]);/* @__PURE__ */
+return e("div",{className:"collapse__header__inner flexbox justify-content--between",children:/* @__PURE__ */a(p,"left"===r?{children:[f,h]}:{children:[h,f]})})};export{C as Title};

package/components/Collapse/CollapseGroup/CollapseGroup.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TCollapseGroupProps } from '../types';
+export declare const CollapseGroup: React.ForwardRefExoticComponent<TCollapseGroupProps & React.RefAttributes<HTMLDivElement>>;

package/components/Collapse/CollapseGroup/CollapseGroup.js

@@ -0,0 +1,3 @@
+import{jsx as a}from"react/jsx-runtime";import{forwardRef as S,useState as h}from"react";import{CollapseItem as G}from"../CollapseItem/CollapseItem.js";import I from"classnames";const P=S((e,s)=>{const{items:t,singleSelection:o,titleProps:l={},className:r}=e,{size:i,color:p}=l,[m,c]=h(t.filter(e=>e.isOpen).map(e=>e.value));/* @__PURE__ */
+return a("div",{className:I("collapse-group",r),ref:s,children:t.map(({id:e,title:s,value:t,content:l,dataId:r,iconProps:n})=>{const d=-1!==m.indexOf(t);/* @__PURE__ */
+return a(G,{className:"collapse-group__item",id:e,isOpen:d,dataId:r,title:{size:i,color:p,text:s},toggle:()=>d?(e=>{c(m.filter(a=>a!==e))})(t):(e=>{c(o?[e]:[...m,e])})(t),labelLeftIconProps:n,children:l},t)})})});P.displayName="CollapseGroup";export{P as CollapseGroup};

package/components/Collapse/CollapseItem/CollapseItem.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { TCollapseProps } from '../types';
+export declare const CollapseItem: (props: TCollapseProps) => React.ReactElement;

package/components/Collapse/CollapseItem/CollapseItem.js

@@ -0,0 +1,10 @@
+import{jsxs as i,jsx as e,Fragment as s}from"react/jsx-runtime";import{motion as N}from"motion/react";import{Text as u}from"../../Text/Text.js";import y from"../../SVGIcons/IconChevronRight.js";import{Divider as b}from"../../Divider/Divider.js";import{AnimatePresenceWrapper as C}from"../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js";import I from"classnames";import z from"../../SVGIcons/IconChevronDown.js";import{generateDataTestId as c}from"../../../utils/helpers.js";const R=a=>{const{title:{text:r,weight:t="bolder",size:l="medium",color:n},className:o,isOpen:m,toggle:d,dataId:p,children:h,reverse:_=!1,additionalInfo:f,labelLeftIconProps:x,id:g}=a,v="string"==typeof r?/* @__PURE__ */e(u,{size:l,type:n,weight:t,dataId:c("title",p),children:r}):r;/* @__PURE__ */
+return i("div",{className:I("collapse",{"collapse--opened":m},o),id:`${g||""}`,"data-id":c("collapse-item",p),children:[
+/* @__PURE__ */e("div",{className:"collapse__header flexbox justify-content--between",onClick:d,children:/* @__PURE__ */i(s,_?{children:[
+/* @__PURE__ */i("div",{className:"collapse__header__inner flexbox align-items--center",children:[
+/* @__PURE__ */e(z,{className:"collapse__header__icon",size:"small"}),f]}),v]}:{children:[
+/* @__PURE__ */i("div",{className:"flexbox align-items--center",children:[null!=x&&x.Component?/* @__PURE__ */e(x.Component,{size:"small",type:"primary",className:"mr-16",...x}):null,v]}),
+/* @__PURE__ */i("div",{className:"collapse__header__inner flexbox align-items--center",children:[f,
+/* @__PURE__ */e(y,{className:"collapse__header__icon",size:"small"})]})]})}),
+/* @__PURE__ */e(C,{initial:!1,children:m&&/* @__PURE__ */e(N.div,{initial:{height:0},animate:{height:"auto"},exit:{height:0},transition:{type:"spring",duration:.5,bounce:0},children:/* @__PURE__ */i("div",{className:"collapse__content",children:[
+/* @__PURE__ */e(b,{type:"primary",isHorizontal:!0,className:"collapse__divider"}),h]})})})]})};export{R as CollapseItem};

package/components/Collapse/index.d.ts

@@ -0,0 +1,3 @@
+export * from './CollapseItem/CollapseItem';
+export * from './Collapse/Collapse';
+export * from './CollapseGroup/CollapseGroup';

package/components/Collapse/index.js

@@ -0,0 +1 @@
+import{CollapseItem as p}from"./CollapseItem/CollapseItem.js";import{Collapse as l}from"./Collapse/Collapse.js";import{CollapseGroup as t}from"./CollapseGroup/CollapseGroup.js";export{l as Collapse,t as CollapseGroup,p as CollapseItem};

package/components/Collapse/types.d.ts

@@ -0,0 +1,52 @@
+import { ReactElement, ReactNode } from 'react';
+export type TCollapseTitleColor = 'selected' | 'primary';
+export interface ICollapseTitleProps {
+    size?: 'xxsmall' | 'xsmall' | 'small' | 'standard' | 'medium' | 'large';
+    color?: TCollapseTitleColor;
+    weight?: 'regular' | 'semibold' | 'bold' | 'bolder';
+}
+export interface TCollapseItemTitle extends ICollapseTitleProps {
+    text: string | ReactNode;
+}
+export type TCollapseProps = {
+    isOpen: boolean;
+    toggle: () => void;
+    children: ReactNode;
+    title: TCollapseItemTitle;
+    reverse?: boolean;
+    additionalInfo?: ReactNode;
+    dataId?: string | undefined;
+    labelLeftIconProps?: TSelectIconProps;
+    id?: string | number;
+    className?: string;
+};
+export type TCollapseValue = string | number;
+export type TCollapseItem = {
+    title: string;
+    value: TCollapseValue;
+    content?: ReactElement | null;
+    iconProps?: TSelectIconProps;
+    isOpen?: boolean;
+    dataId?: string;
+    id?: string | number;
+};
+export type TCollapseGroupProps = {
+    items: TCollapseItem[];
+    singleSelection?: boolean;
+    titleProps?: ICollapseTitleProps;
+    className?: string;
+};
+export interface TCollapseItemTitleV2 extends ICollapseTitleProps {
+    text?: string | ReactNode;
+}
+export type TCollapseV2Props = {
+    isOpen?: boolean;
+    toggle?: (isOpen: boolean) => void;
+    children: ReactNode;
+    title: TCollapseItemTitleV2;
+    iconAlignment?: 'left' | 'right';
+    hasIconBorder?: boolean;
+    dataId?: string | undefined;
+    id?: string | number;
+    className?: string;
+};

package/components/Container/Container.d.ts

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

package/components/Container/Container.js

@@ -0,0 +1,2 @@
+import{jsx as o}from"react/jsx-runtime";const e=e=>{const{children:r}=e;/* @__PURE__ */
+return o("div",{className:"container",children:r})};export{e as Container};

package/components/Container/index.d.ts

@@ -0,0 +1 @@
+export * from './Container';

package/components/Container/index.js

@@ -0,0 +1 @@
+import{Container as e}from"./Container.js";export{e as Container};

package/components/Container/types.d.ts

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export interface TContainerProps {
+    children?: ReactNode;
+}