@qoretechnologies/reqore 0.68.0 → 0.68.1

package/dist/esm/components/Collection/item.js

@@ -0,0 +1,157 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { map, size } from 'lodash';
+import { rgba } from 'polished';
+import { useEffect, useRef, useState } from 'react';
+import { useDebounce, useMeasure } from 'react-use';
+import styled, { css } from 'styled-components';
+import { changeDarkness, getMainBackgroundColor } from '../../helpers/colors';
+import { useReqoreProperty } from '../../hooks/useReqoreContext';
+import { useReqoreTheme } from '../../hooks/useTheme';
+import { ReqoreBackdrop } from '../Drawer/backdrop';
+import { ReqorePanel, } from '../Panel';
+import { ReqoreP } from '../Paragraph';
+import { ReqoreSpacer } from '../Spacer';
+import ReqoreTag from '../Tag';
+import ReqoreTagGroup from '../Tag/group';
+export const StyledCollectionItemContent = styled.div `
+  max-height: ${({ providedHeight }) => (providedHeight ? `${providedHeight}px` : 'auto')};
+  overflow: ${({ isSelected }) => (isSelected ? 'auto' : 'hidden')};
+  position: relative;
+  transition: 0.3s ease-in-out;
+  flex: 1;
+
+  ${({ contentOverflows, theme, opacity = 1 }) => contentOverflows &&
+    css `
+      &:after {
+        content: '';
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        right: 0;
+        height: 100px;
+        transition: 0.3s ease-in-out;
+        background: linear-gradient(
+          to top,
+          ${rgba(changeDarkness(getMainBackgroundColor(theme), 0.03), opacity)} 0%,
+          transparent 100%
+        );
+      }
+    `}
+`;
+export const ReqoreCollectionItem = ({ flat = true, minimal = true, style, content, actions, tags, expandable, expandedContent, expandedActions, maxContentHeight, showContentFade = true, stretch, ...rest }) => {
+    const [isSelected, setIsSelected] = useState(false);
+    const getAndIncreaseZIndex = useReqoreProperty('getAndIncreaseZIndex');
+    const ref = useRef(null);
+    const [contentRef, sizes] = useMeasure();
+    const originalDimensions = useRef(null);
+    const [position, setPosition] = useState(undefined);
+    const theme = useReqoreTheme('main', rest.customTheme, undefined, undefined, rest.inheritCustomTheme);
+    const [dimensions, setDimensions] = useState({
+        minWidth: undefined,
+        minHeight: undefined,
+        maxWidth: undefined,
+        maxHeight: undefined,
+        width: undefined,
+        height: undefined,
+        left: undefined,
+        top: undefined,
+        transform: undefined,
+        transformOrigin: undefined,
+    });
+    useEffect(() => {
+        if (isSelected && expandable) {
+            setPosition('fixed');
+        }
+    }, [isSelected, expandable]);
+    useDebounce(() => {
+        if (isSelected && expandable) {
+            setDimensions({
+                ...dimensions,
+                width: undefined,
+                height: undefined,
+                left: '50%',
+                minWidth: '500px',
+                minHeight: '300px',
+                maxWidth: '90vw',
+                maxHeight: '90vh',
+                top: '50%',
+                transform: 'translateX(-50%) translateY(-50%)',
+                transformOrigin: 'center',
+            });
+        }
+    }, 100, [isSelected, expandable]);
+    useDebounce(() => {
+        if (!isSelected && expandable) {
+            setPosition(undefined);
+            setDimensions({
+                minHeight: undefined,
+                minWidth: undefined,
+                maxWidth: undefined,
+                maxHeight: undefined,
+                left: undefined,
+                top: undefined,
+                transform: 'translateX(0) translateY(0)',
+                transformOrigin: 'center',
+            });
+        }
+    }, 220, [isSelected, expandable]);
+    const renderContent = () => {
+        const handleItemClick = (event) => {
+            if (expandable) {
+                if (isSelected) {
+                    setDimensions(originalDimensions.current);
+                }
+                else {
+                    originalDimensions.current = {
+                        left: ref.current.getBoundingClientRect()?.left,
+                        top: ref.current.getBoundingClientRect()?.top,
+                        width: ref.current.getBoundingClientRect()?.width,
+                        height: ref.current.getBoundingClientRect()?.height,
+                        transform: 'translateX(0) translateY(0)',
+                        transformOrigin: 'center',
+                    };
+                    setDimensions({
+                        left: ref.current.getBoundingClientRect()?.left,
+                        top: ref.current.getBoundingClientRect()?.top,
+                        width: ref.current.getBoundingClientRect()?.width,
+                        height: ref.current.getBoundingClientRect()?.height,
+                        transform: 'translateX(0) translateY(0)',
+                        transformOrigin: 'center',
+                    });
+                }
+                setIsSelected(!isSelected);
+            }
+            rest.onClick?.(event);
+        };
+        const actualContent = expandedContent && isSelected ? expandedContent : content;
+        const actualActions = isSelected
+            ? [
+                ...(actions || []),
+                { icon: 'CloseLine', onClick: handleItemClick },
+            ]
+            : size(actions)
+                ? actions
+                : undefined;
+        return (_jsxs(_Fragment, { children: [position && (_jsxs(_Fragment, { children: [_jsx("div", { style: { ...originalDimensions.current } }), _jsx(ReqoreBackdrop, { zIndex: getAndIncreaseZIndex(), blur: 5, onClose: () => handleItemClick() })] })), _jsxs(ReqorePanel, { flat: flat, ref: ref, minimal: minimal, ...rest, responsiveActions: false, bottomActions: isSelected ? expandedActions : undefined, style: {
+                        gridColumn: stretch ? '1 / -1' : undefined,
+                        ...style,
+                        position,
+                        zIndex: isSelected ? getAndIncreaseZIndex() : undefined,
+                        ...dimensions,
+                    }, contentStyle: {
+                        ...rest.contentStyle,
+                        display: 'flex',
+                        flexFlow: 'column',
+                        justifyContent: 'space-between',
+                    }, onClick: (expandable && !isSelected) || rest.onClick ? handleItemClick : undefined, actions: actualActions, className: `reqore-collection-item ${rest.className || ''}`, children: [_jsx(StyledCollectionItemContent, { theme: theme, opacity: rest.transparent ? 0 : rest.opacity, providedHeight: isSelected ? undefined : maxContentHeight, isSelected: isSelected, contentOverflows: !rest.transparent &&
+                                !rest.contentEffect &&
+                                !isSelected &&
+                                sizes?.height > maxContentHeight &&
+                                showContentFade, children: _jsx("div", { ref: contentRef, children: actualContent }) }), showContentFade &&
+                            (rest.contentEffect || rest.transparent) &&
+                            !isSelected &&
+                            sizes?.height > maxContentHeight ? (_jsx(ReqoreP, { children: "..." })) : null, size(tags) ? (_jsxs(_Fragment, { children: [_jsx(ReqoreSpacer, { height: 10 }), _jsx(ReqoreTagGroup, { size: isSelected ? 'normal' : 'small', children: map(tags, (tagProps, index) => (_jsx(ReqoreTag, { ...tagProps }, index))) })] })) : null] })] }));
+    };
+    return renderContent();
+};
+//# sourceMappingURL=item.js.map

package/dist/esm/components/Collection/item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../../src/components/Collection/item.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Columns/column.js

@@ -0,0 +1,14 @@
+import styled, { css } from 'styled-components';
+export const ReqoreColumn = styled.div `
+  ${({ alignItems = 'flex-start', justifyContent, flex = '1 0 auto', flexFlow = 'row', flexGrow, flexShrink, }) => css `
+    display: flex;
+    align-items: ${alignItems};
+    justify-content: ${justifyContent};
+    flex-flow: ${flexFlow};
+    flex: ${flex};
+    flex-grow: ${flexGrow};
+    flex-shrink: ${flexShrink};
+    overflow-x: hidden;
+  `}
+`;
+//# sourceMappingURL=column.js.map

package/dist/esm/components/Columns/column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column.js","sourceRoot":"","sources":["../../../../src/components/Columns/column.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAQhD,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAoB;IACtD,CAAC,EACD,UAAU,GAAG,YAAY,EACzB,cAAc,EACd,IAAI,GAAG,UAAU,EACjB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,UAAU,GACS,EAAE,EAAE,CAAC,GAAG,CAAA;;mBAEZ,UAAU;uBACN,cAAc;iBACpB,QAAQ;YACb,IAAI;iBACC,QAAQ;mBACN,UAAU;;GAE1B;CACF,CAAC"}

package/dist/esm/components/Columns/index.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { memo } from 'react';
+import styled, { css } from 'styled-components';
+export const StyledColumns = styled.div `
+  display: grid;
+  ${({ minColumnWidth = '300px', maxColumnWidth = '1fr', columns = 'auto-fit', columnsGap, alignItems = 'normal', }) => css `
+    grid-template-columns: repeat(${columns}, minmax(${minColumnWidth}, ${maxColumnWidth}));
+    grid-auto-rows: max-content;
+    grid-gap: ${columnsGap};
+    align-items: ${alignItems};
+  `}
+`;
+export const ReqoreColumns = memo(({ children, className, ...rest }) => {
+    return (_jsx(StyledColumns, { ...rest, className: classNames('reqore-columns', className), children: children }));
+});
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Columns/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Columns/index.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAC7B,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAiBhD,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAgB;;IAEnD,CAAC,EACD,cAAc,GAAG,OAAO,EACxB,cAAc,GAAG,KAAK,EACtB,OAAO,GAAG,UAAU,EACpB,UAAU,EACV,UAAU,GAAG,QAAQ,GACN,EAAE,EAAE,CAAC,GAAG,CAAA;oCACS,OAAO,YAAY,cAAc,KAAK,cAAc;;gBAExE,UAAU;mBACP,UAAU;GAC1B;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAuB,EAAE,EAAE;IAC1F,OAAO,CACL,KAAC,aAAa,OAAK,IAAI,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB,EAAE,SAAS,CAAC,YACxE,QAAQ,GACK,CACjB,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/esm/components/Comment/index.js

@@ -0,0 +1,63 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { omit, size } from 'lodash';
+import styled from 'styled-components';
+import { ReqoreButton, ReqoreColumn, ReqoreControlGroup, ReqoreDropdown } from '../..';
+import { ReqoreColumns } from '../Columns';
+import { ReqoreH3 } from '../Header';
+import ReqoreIcon from '../Icon';
+import { ReqorePanel } from '../Panel';
+import { ReqoreP } from '../Paragraph';
+export const StyledCommentWrapper = styled.div `
+  display: flex;
+  overflow: hidden;
+
+  &:not(:first-child) {
+    margin-top: 10px;
+  }
+`;
+export const StyledIconWrapper = styled.div `
+  flex: 0 auto;
+  padding: 10px;
+  display: flex;
+  justify-content: center;
+`;
+export const StyledInfoWrapper = styled.div `
+  flex: 1;
+  padding: 10px;
+  overflow: hidden;
+`;
+export const StyledCommentText = styled(ReqoreP) `
+  min-height: 10px;
+  overflow: hidden;
+  padding: 0;
+  margin: 0;
+  margin-top: ${({ marginTop }) => marginTop};
+`;
+export const StyledCommentTitle = styled(ReqoreH3) `
+  padding: 0;
+  margin: 0;
+`;
+export const StyledCommentDetail = styled.span `
+  opacity: 0.5;
+  font-size: 11px;
+`;
+export const StyledCommentImage = styled.img `
+  width: 30px;
+  height: 30px;
+  border-radius: 10px;
+`;
+export const ReqoreComment = ({ rounded, flat, intent, icon, children, image, title, detail, actions, ...rest }) => {
+    return (_jsx(ReqorePanel, { rounded: rounded, flat: flat, intent: intent, className: 'reqore-comment', ...rest, children: _jsxs(StyledCommentWrapper, { children: [icon || image ? (_jsx(StyledIconWrapper, { children: icon ? _jsx(ReqoreIcon, { icon: icon, size: '30px' }) : _jsx(StyledCommentImage, { src: image }) })) : null, _jsxs(StyledInfoWrapper, { children: [_jsxs(ReqoreColumns, { minColumnWidth: '100px', children: [_jsxs(ReqoreColumn, { flexFlow: 'column', justifyContent: 'center', children: [title && _jsx(StyledCommentTitle, { children: title }), detail && _jsx(StyledCommentDetail, { children: detail })] }), size(actions) ? (_jsx(ReqoreColumn, { justifyContent: 'flex-end', children: _jsx(ReqoreControlGroup, { minimal: true, size: 'small', children: actions.map(({ label, actions, ...rest }, index) => size(actions) ? (_createElement(ReqoreDropdown, { ...omit(rest, ['show']), key: index, label: label, componentProps: {
+                                                minimal: true,
+                                                onClick: (e) => {
+                                                    e.stopPropagation();
+                                                },
+                                            }, items: actions })) : (_createElement(ReqoreButton, { ...omit(rest, ['show']), key: index, onClick: rest.onClick
+                                                ? (e) => {
+                                                    e.stopPropagation();
+                                                    rest.onClick();
+                                                }
+                                                : undefined }, label))) }) })) : null] }), _jsx(StyledCommentText, { marginTop: title || detail || size(actions) ? '10px' : '0px', children: children })] })] }) }));
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Comment/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Comment/index.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/CommentFeed/index.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import classNames from 'classnames';
+import styled from 'styled-components';
+import { StyledPanel } from '../Panel';
+export const StyledCommentFeed = styled.div `
+  ${StyledPanel} {
+    &:not(:first-child) {
+      margin-top: ${({ gapSize }) => gapSize};
+    }
+  }
+`;
+export const ReqoreCommentFeed = ({ gapSize = '10px', className, children, ...rest }) => {
+    return (_jsx(StyledCommentFeed, { ...rest, gapSize: gapSize, className: classNames('reqore-comment-feed', {
+            className,
+        }), children: children }));
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/components/CommentFeed/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/CommentFeed/index.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMvC,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAqB;IAC5D,WAAW;;oBAEK,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO;;;CAG3C,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,EAChC,OAAO,GAAG,MAAM,EAChB,SAAS,EACT,QAAQ,EACR,GAAG,IAAI,EACiB,EAAE,EAAE;IAC5B,OAAO,CACL,KAAC,iBAAiB,OACZ,IAAI,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,UAAU,CAAC,qBAAqB,EAAE;YAC3C,SAAS;SACV,CAAC,YAED,QAAQ,GACS,CACrB,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/Content/index.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+import ReqoreThemeProvider from '../../containers/ThemeProvider';
+import { getReadableColor } from '../../helpers/colors';
+const StyledReqoreContent = styled.div `
+  ${({ theme }) => css `
+    width: 100%;
+    height: 100%;
+    color: ${getReadableColor(theme, undefined, undefined, true)};
+    overflow: auto;
+  `}
+`;
+const ReqoreContent = forwardRef(({ children, className, ...rest }, ref) => (_jsx(ReqoreThemeProvider, { children: _jsx(StyledReqoreContent, { ...rest, ref: ref, className: `${className || ''} reqore-content`, children: children }) })));
+export default ReqoreContent;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Content/index.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,mBAAmB,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAUxD,MAAM,mBAAmB,GAAG,MAAM,CAAC,GAAG,CAAqB;IACvD,CAAC,EAAE,KAAK,EAAuB,EAAE,EAAE,CAAC,GAAG,CAAA;;;aAG9B,gBAAgB,CAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;;GAE7D;CACF,CAAC;AAEF,MAAM,aAAa,GAAG,UAAU,CAC9B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAA8B,EAAE,GAAQ,EAAE,EAAE,CAAC,CAC1E,KAAC,mBAAmB,cAClB,KAAC,mBAAmB,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,iBAAiB,YACpF,QAAQ,GACW,GACF,CACvB,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/esm/components/Content/wrapper.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import styled from 'styled-components';
+import ReqoreThemeProvider from '../../containers/ThemeProvider';
+const StyledReqoreContentWrapper = styled.div `
+  display: flex;
+  flex-flow: column;
+  flex: 1;
+  padding: 15px;
+  overflow: hidden;
+`;
+const ReqoreContentWrapper = forwardRef(({ children, className, ...rest }, ref) => (_jsx(ReqoreThemeProvider, { children: _jsx(StyledReqoreContentWrapper, { ...rest, ref: ref, className: `${className || ''} reqore-content-wrapper`, children: children }) })));
+export default ReqoreContentWrapper;
+//# sourceMappingURL=wrapper.js.map

package/dist/esm/components/Content/wrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wrapper.js","sourceRoot":"","sources":["../../../../src/components/Content/wrapper.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,mBAAmB,MAAM,gCAAgC,CAAC;AAUjE,MAAM,0BAA0B,GAAG,MAAM,CAAC,GAAG,CAAqB;;;;;;CAMjE,CAAC;AAEF,MAAM,oBAAoB,GAAG,UAAU,CACrC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAA8B,EAAE,GAAQ,EAAE,EAAE,CAAC,CAC1E,KAAC,mBAAmB,cAClB,KAAC,0BAA0B,OACrB,IAAI,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,GAAG,SAAS,IAAI,EAAE,yBAAyB,YAErD,QAAQ,GACkB,GACT,CACvB,CACF,CAAC;AAEF,eAAe,oBAAoB,CAAC"}