hrm_ui_lib 2.0.2 → 2.1.0-alpha.1

package/components/Button/Button.js

@@ -1,52 +1,2 @@
-import '@babel/runtime/helpers/extends';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import 'react';
-import 'classnames';
-import 'dayjs';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-export { B as Button } from '../../Alert-V_kH4Snn.js';
-import '../../consts/index.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-syntax-highlighter';
-import './consts.js';
-import '../Alert/consts.js';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../../type/file-upload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
+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

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

package/components/Button/consts.js

@@ -1,16 +1 @@
-var LITE_LOADER_TYPES = ['primary', 'danger'];
-var ICON_SIZE_MAPPING = {
-  large: 'small',
-  medium: 'small',
-  small: 'xsmall'
-};
-var ICON_TYPE_MAPPING = {
-  primary: 'inverse',
-  secondary: 'secondary',
-  tertiary: 'primary',
-  danger: 'inverse',
-  text: 'information',
-  link: 'selected'
-};
-
-export { ICON_SIZE_MAPPING, ICON_TYPE_MAPPING, LITE_LOADER_TYPES };
+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.js

@@ -1,52 +1 @@
-export { B as Button } from '../../Alert-V_kH4Snn.js';
-import '@babel/runtime/helpers/extends';
-import 'react';
-import '../Alert/consts.js';
-import 'classnames';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import './consts.js';
+import{Button as r}from"./Button.js";export{r as Button};

package/components/Button/types.d.ts

@@ -1,8 +1,9 @@
 import { ButtonHTMLAttributes, LegacyRef, PropsWithChildren, ReactElement } from 'react';
-import { TSVGIconType } from '../SVGIcons/types';
+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;

package/components/Button/types.js

@@ -1 +0,0 @@
-

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.js

@@ -1,52 +1,6 @@
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/extends';
-import 'react';
-import 'classnames';
-export { C as Checkbox } from '../../Alert-V_kH4Snn.js';
-import '../Link/Link.js';
-import '../Text/Text.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import 'dayjs';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../consts/index.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-syntax-highlighter';
-import '../Alert/consts.js';
-import '../../helperComponents/Loader/Loader.js';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../../type/file-upload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import '../../utils/helpers.js';
-import '../Popover/PopoverDesktop.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
+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.js

@@ -1,52 +1 @@
-export { C as Checkbox } from '../../Alert-V_kH4Snn.js';
-import '@babel/runtime/helpers/extends';
-import 'react';
-import '../Alert/consts.js';
-import 'classnames';
-import '../Text/Text.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/defineProperty';
-import '@babel/runtime/helpers/objectWithoutProperties';
-import '../../helperComponents/Loader/Loader.js';
-import '@babel/runtime/helpers/slicedToArray';
-import '@babel/runtime/helpers/toConsumableArray';
-import '../../consts/index.js';
-import '../../type/file-upload.js';
-import '../../hooks/useScreenSize.js';
-import 'react-hook-form';
-import 'react-dropzone';
-import '../SVGIcons/IconUpload.js';
-import '../FileUpload/types.js';
-import '../../helpers/format-date.js';
-import '../../helpers/locale.js';
-import '../../type/locale.js';
-import '../../helpers/storage.js';
-import 'react-toastify';
-import '../../hooks/useGetIsMobile.js';
-import 'framer-motion';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../hooks/useOnOutsideClick.js';
-import '../../hooks/useHideBodyScroll.js';
-import '../SVGIcons/IconDismiss.js';
-import '../Tooltip/types.js';
-import '../Tooltip/Tooltip.js';
-import '../../hooks/useGetTooltipStyles.js';
-import '../../hooks/useGetElemSizes.js';
-import '../../hooks/useGetElemPositions.js';
-import '../../hooks/useGetTooltipPosition.js';
-import '../../hooks/useHideOnScroll.js';
-import 'react-syntax-highlighter';
-import '../Link/Link.js';
-import '../Popover/PopoverDesktop.js';
-import '../SVGIcons/IconInfo.js';
-import '../../helperComponents/IconDynamicComponent/IconDynamicComponent.js';
-import '../../helperComponents/IconDynamicComponent/constants.js';
-import '@babel/runtime/helpers/typeof';
-import '../SVGIcons/IconDismissFilled.js';
-import '../SVGIcons/IconDelete.js';
-import '../FileUpload/DropzoneFileUpload/FilePreview.js';
-import '../Progress/Progress.js';
-import '../SVGIcons/IconArrowDownloadFilled.js';
-import '../../helpers/download-file.js';
-import '../Button/consts.js';
+import{Checkbox as r}from"./Checkbox.js";export{r as Checkbox};

package/components/Checkbox/types.d.ts

@@ -15,4 +15,5 @@ export interface TCheckboxProps extends IFormCompProps {
     onClick?: (isChecked: boolean) => void;
     popoverAddons?: TPopoverProps;
     isInvalid?: boolean;
+    stopPropagation?: boolean;
 }

package/components/Checkbox/types.js

@@ -1 +0,0 @@
-