hrm_ui_lib 2.0.3 → 2.1.0-alpha.10

package/components/Chips/Chips.js

@@ -1,67 +1,2 @@
-import _extends from '@babel/runtime/helpers/extends';
-import React from 'react';
-import { Text } from '../Text/Text.js';
-import { ChipCustomType } from './types.js';
-import classNames from 'classnames';
-import { IconDismissCircleFilled } from '../SVGIcons/IconDismissCircleFilled.js';
-import { ICON_SIZE_MAPPING, TEXT_SIZE_MAPPING } from './consts.js';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/defineProperty';
-
-var Chips = function Chips(props) {
-  var _props$type = props.type,
-    type = _props$type === void 0 ? 'filled' : _props$type,
-    _props$color = props.color,
-    color = _props$color === void 0 ? 'primary' : _props$color,
-    _props$size = props.size,
-    size = _props$size === void 0 ? 'large' : _props$size,
-    text = props.text,
-    disabled = props.disabled,
-    _props$className = props.className,
-    className = _props$className === void 0 ? '' : _props$className,
-    leftIconProps = props.leftIconProps,
-    withAction = props.withAction,
-    onClick = props.onClick,
-    onRemove = props.onRemove,
-    _props$dataId = props.dataId,
-    dataId = _props$dataId === void 0 ? '' : _props$dataId,
-    _props$id = props.id,
-    id = _props$id === void 0 ? '' : _props$id;
-  var customType = disabled ? 'disabled' : type == ChipCustomType.filled ? ChipCustomType.inverse : color;
-  var handleClick = function handleClick(event) {
-    event.preventDefault();
-    event.stopPropagation();
-    onClick === null || onClick === void 0 || onClick(event);
-  };
-  var handleRemove = function handleRemove(event) {
-    event.preventDefault();
-    event.stopPropagation();
-    onRemove === null || onRemove === void 0 || onRemove(event);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("chips chips--".concat(type, " chips--").concat(disabled ? 'disabled' : color, " chips--").concat(size), className),
-    id: id,
-    onClick: handleClick
-  }, leftIconProps !== null && leftIconProps !== void 0 && leftIconProps.Component ? /*#__PURE__*/React.createElement(leftIconProps.Component, _extends({
-    dataId: "".concat(dataId, "-icon"),
-    size: ICON_SIZE_MAPPING[size],
-    type: customType,
-    className: classNames({
-      'mr-6': !!text
-    })
-  }, leftIconProps)) : null, text ? /*#__PURE__*/React.createElement(Text, {
-    dataId: "".concat(dataId, "-text"),
-    type: customType,
-    size: TEXT_SIZE_MAPPING[size],
-    className: "chips__label"
-  }, /*#__PURE__*/React.createElement(React.Fragment, null, text)) : null, withAction && /*#__PURE__*/React.createElement(IconDismissCircleFilled, {
-    dataId: "".concat(dataId, "-icon"),
-    size: ICON_SIZE_MAPPING[size],
-    type: customType,
-    className: "chips__delete ml-6",
-    onClick: handleRemove
-  }));
-};
-
-export { Chips };
+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

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

package/components/Chips/consts.js

@@ -1,14 +1 @@
-var ICON_SIZE_MAPPING = {
-  large: 'medium',
-  medium: 'small',
-  small: 'xsmall',
-  xsmall: 'xxsmall'
-};
-var TEXT_SIZE_MAPPING = {
-  large: 'standard',
-  medium: 'standard',
-  small: 'small',
-  xsmall: 'xsmall'
-};
-
-export { ICON_SIZE_MAPPING, TEXT_SIZE_MAPPING };
+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.js

@@ -1,11 +1 @@
-export { Chips } from './Chips.js';
-import '@babel/runtime/helpers/extends';
-import 'react';
-import '../Text/Text.js';
-import 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
-import './types.js';
-import '../SVGIcons/IconDismissCircleFilled.js';
-import '@babel/runtime/helpers/defineProperty';
-import './consts.js';
+import{Chips as r}from"./Chips.js";export{r as Chips};

package/components/Chips/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ISVGIconProps } from '../SVGIcons/types';
+import { ISVGIconProps } from '../../type';
 export type TChipsColors = 'primary' | 'disabled' | 'brand' | 'danger' | 'warning' | 'success' | 'information' | 'discovery';
 export interface TChipsProps extends IFormCompProps {
     text?: string | ReactNode;

package/components/Chips/types.js

@@ -1,7 +1 @@
-var ChipCustomType = /*#__PURE__*/function (ChipCustomType) {
-  ChipCustomType["filled"] = "filled";
-  ChipCustomType["inverse"] = "inverse";
-  return ChipCustomType;
-}({});
-
-export { ChipCustomType };
+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.js

@@ -1,76 +1,3 @@
-import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { forwardRef, useState } from 'react';
-import { CollapseItem } from '../CollapseItem/CollapseItem.js';
-import classNames from 'classnames';
-import '@babel/runtime/helpers/extends';
-import 'framer-motion';
-import '../../Text/Text.js';
-import '../../../utils/helpers.js';
-import 'dayjs';
-import '../../SVGIcons/IconChevronRight.js';
-import '@babel/runtime/helpers/defineProperty';
-import '../../Divider/Divider.js';
-import '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../../SVGIcons/IconChevronDown.js';
-
-var CollapseGroup = /*#__PURE__*/forwardRef(function (props, ref) {
-  var items = props.items,
-    singleSelection = props.singleSelection,
-    _props$titleProps = props.titleProps,
-    titleProps = _props$titleProps === void 0 ? {} : _props$titleProps,
-    className = props.className;
-  var size = titleProps.size,
-    color = titleProps.color;
-  var _useState = useState(items.filter(function (item) {
-      return item.isOpen;
-    }).map(function (item) {
-      return item.value;
-    })),
-    _useState2 = _slicedToArray(_useState, 2),
-    openValues = _useState2[0],
-    setOpenValues = _useState2[1];
-  var onCollapseSelect = function onCollapseSelect(value) {
-    if (singleSelection) {
-      setOpenValues([value]);
-    } else {
-      setOpenValues([].concat(_toConsumableArray(openValues), [value]));
-    }
-  };
-  var onCollapseDeselect = function onCollapseDeselect(value) {
-    setOpenValues(openValues.filter(function (item) {
-      return item !== value;
-    }));
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('collapse-group', className),
-    ref: ref
-  }, items.map(function (_ref) {
-    var id = _ref.id,
-      title = _ref.title,
-      value = _ref.value,
-      content = _ref.content,
-      dataId = _ref.dataId,
-      iconProps = _ref.iconProps;
-    var isOpen = openValues.indexOf(value) !== -1;
-    return /*#__PURE__*/React.createElement(CollapseItem, {
-      className: 'collapse-group__item',
-      id: id,
-      isOpen: isOpen,
-      key: value,
-      dataId: dataId,
-      title: {
-        size: size,
-        color: color,
-        text: title
-      },
-      toggle: function toggle() {
-        return isOpen ? onCollapseDeselect(value) : onCollapseSelect(value);
-      },
-      labelLeftIconProps: iconProps
-    }, content);
-  }));
-});
-CollapseGroup.displayName = 'CollapseGroup';
-
-export { CollapseGroup };
+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.js

@@ -1,89 +1,10 @@
-import _extends from '@babel/runtime/helpers/extends';
-import React from 'react';
-import { motion } from 'framer-motion';
-import { Text } from '../../Text/Text.js';
-import { IconChevronRight } from '../../SVGIcons/IconChevronRight.js';
-import { Divider } from '../../Divider/Divider.js';
-import { AnimatePresenceWrapper } from '../../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import classNames from 'classnames';
-import { IconChevronDown } from '../../SVGIcons/IconChevronDown.js';
-import { generateDataTestId } from '../../../utils/helpers.js';
-import 'dayjs';
-import '@babel/runtime/helpers/defineProperty';
-
-var CollapseItem = function CollapseItem(props) {
-  var _props$title = props.title,
-    text = _props$title.text,
-    _props$title$weight = _props$title.weight,
-    weight = _props$title$weight === void 0 ? 'bolder' : _props$title$weight,
-    _props$title$size = _props$title.size,
-    size = _props$title$size === void 0 ? 'medium' : _props$title$size,
-    color = _props$title.color,
-    className = props.className,
-    isOpen = props.isOpen,
-    toggle = props.toggle,
-    dataId = props.dataId,
-    children = props.children,
-    _props$reverse = props.reverse,
-    reverse = _props$reverse === void 0 ? false : _props$reverse,
-    additionalInfo = props.additionalInfo,
-    labelLeftIconProps = props.labelLeftIconProps,
-    id = props.id;
-  var title = typeof text === 'string' ? /*#__PURE__*/React.createElement(Text, {
-    size: size,
-    type: color,
-    weight: weight,
-    dataId: generateDataTestId('title', dataId)
-  }, text) : text;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames('collapse', {
-      'collapse--opened': isOpen
-    }, className),
-    id: "".concat(id || ''),
-    "data-id": generateDataTestId('collapse-item', dataId)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "collapse__header flexbox justify-content--between",
-    onClick: toggle
-  }, reverse ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "collapse__header__inner flexbox align-items--center"
-  }, /*#__PURE__*/React.createElement(IconChevronDown, {
-    className: 'collapse__header__icon',
-    size: 'small'
-  }), additionalInfo), title) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "flexbox align-items--center"
-  }, labelLeftIconProps !== null && labelLeftIconProps !== void 0 && labelLeftIconProps.Component ? /*#__PURE__*/React.createElement(labelLeftIconProps.Component, _extends({
-    size: "small",
-    type: "primary",
-    className: "mr-16"
-  }, labelLeftIconProps)) : null, title), /*#__PURE__*/React.createElement("div", {
-    className: "collapse__header__inner flexbox align-items--center"
-  }, additionalInfo, /*#__PURE__*/React.createElement(IconChevronRight, {
-    className: 'collapse__header__icon',
-    size: 'small'
-  })))), /*#__PURE__*/React.createElement(AnimatePresenceWrapper, {
-    initial: false
-  }, isOpen && /*#__PURE__*/React.createElement(motion.div, {
-    initial: {
-      height: 0
-    },
-    animate: {
-      height: 'auto'
-    },
-    exit: {
-      height: 0
-    },
-    transition: {
-      type: 'spring',
-      duration: 0.5,
-      bounce: 0
-    }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "collapse__content"
-  }, /*#__PURE__*/React.createElement(Divider, {
-    type: "primary",
-    isHorizontal: true,
-    className: 'collapse__divider'
-  }), children))));
-};
-
-export { CollapseItem };
+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

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

package/components/Collapse/index.js

@@ -1,16 +1 @@
-export { CollapseItem } from './CollapseItem/CollapseItem.js';
-export { CollapseGroup } from './CollapseGroup/CollapseGroup.js';
-import '@babel/runtime/helpers/extends';
-import 'react';
-import 'framer-motion';
-import '../Text/Text.js';
-import 'classnames';
-import '../../utils/helpers.js';
-import 'dayjs';
-import '../SVGIcons/IconChevronRight.js';
-import '@babel/runtime/helpers/defineProperty';
-import '../Divider/Divider.js';
-import '../../helperComponents/AnimatePresenceWrapper/AnimatePresenceWrapper.js';
-import '../SVGIcons/IconChevronDown.js';
-import '@babel/runtime/helpers/toConsumableArray';
-import '@babel/runtime/helpers/slicedToArray';
+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

@@ -1,11 +1,11 @@
 import { ReactElement, ReactNode } from 'react';
 export type TCollapseTitleColor = 'selected' | 'primary';
 export interface ICollapseTitleProps {
-    size?: 'small' | 'medium';
+    size?: 'xxsmall' | 'xsmall' | 'small' | 'standard' | 'medium' | 'large';
     color?: TCollapseTitleColor;
     weight?: 'regular' | 'semibold' | 'bold' | 'bolder';
 }
-interface TCollapseItemTitle extends ICollapseTitleProps {
+export interface TCollapseItemTitle extends ICollapseTitleProps {
     text: string | ReactNode;
 }
 export type TCollapseProps = {
@@ -36,4 +36,17 @@ export type TCollapseGroupProps = {
     titleProps?: ICollapseTitleProps;
     className?: string;
 };
-export {};
+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/Collapse/types.js

@@ -1 +0,0 @@
-

package/components/Container/Container.js

@@ -1,10 +1,2 @@
-import React from 'react';
-
-var Container = function Container(props) {
-  var children = props.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "container"
-  }, children);
-};
-
-export { Container };
+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.js

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

package/components/Container/types.js

@@ -1 +0,0 @@
-

package/components/Copy/Copy.js

@@ -1,94 +1,3 @@
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import React, { useState, useRef } from 'react';
-import { B as Button, P as Popover } from '../../Alert-V_kH4Snn.js';
-import { IconCopy } from '../SVGIcons/IconCopy.js';
-import '@babel/runtime/helpers/extends';
-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/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';
-
-var Copy = function Copy(_ref) {
-  var textAfterCopy = _ref.textAfterCopy,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? '' : _ref$className,
-    text = _ref.text,
-    dataId = _ref.dataId;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isTooltipVisible = _useState2[0],
-    setTooltipVisibility = _useState2[1];
-  var copyIconRef = useRef(null);
-  var copy = function copy(e) {
-    e.stopPropagation();
-    navigator.clipboard.writeText(text);
-    setTooltipVisibility(true);
-    setTimeout(function () {
-      return setTooltipVisibility(false);
-    }, 3000);
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    ref: copyIconRef,
-    className: "copy-icon"
-  }, /*#__PURE__*/React.createElement(Button, {
-    dataId: dataId,
-    type: "tertiary",
-    iconProps: {
-      Component: IconCopy
-    },
-    size: "small",
-    className: className,
-    onClick: copy
-  }), isTooltipVisible ? /*#__PURE__*/React.createElement(Popover, {
-    clicked: true,
-    elemRef: copyIconRef.current,
-    text: textAfterCopy || 'Copied',
-    position: 'top-center'
-  }) : null);
-};
-
-export { Copy };
+import{jsxs as l,jsx as e}from"react/jsx-runtime";import{useState as m,useRef as a}from"react";import{Button as f}from"../Button/Button.js";import{Popover as u}from"../Popover/Popover.js";import y from"../SVGIcons/IconCopy.js";const P=({textAfterCopy:o,className:t="",text:r,dataId:s})=>{const[i,n]=m(!1),p=a(null);/* @__PURE__ */
+return l("div",{ref:p,className:"copy-icon",children:[
+/* @__PURE__ */e(f,{dataId:s,type:"tertiary",iconProps:{Component:y},size:"small",className:t,onClick:o=>{o.stopPropagation(),navigator.clipboard.writeText(r),n(!0),setTimeout(()=>n(!1),3e3)}}),i?/* @__PURE__ */e(u,{clicked:!0,elemRef:p.current,text:o||"Copied",position:"top-center"}):null]})};export{P as Copy};

package/components/Copy/index.js

@@ -1,54 +1 @@
-export { Copy } from './Copy.js';
-import '@babel/runtime/helpers/slicedToArray';
-import 'react';
-import '../../Alert-V_kH4Snn.js';
-import '@babel/runtime/helpers/extends';
-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/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 '../SVGIcons/IconCopy.js';
+import{Copy as r}from"./Copy.js";export{r as Copy};

package/components/Copy/types.js

@@ -1 +0,0 @@
-