tycho-components 0.14.4 → 0.14.5

package/dist/AppModal/AppModalConfirm.d.ts

@@ -1,4 +1,4 @@
-import './style.scss';
+import "./style.scss";
 type Props = {
     title: string;
     subtitle: string | React.ReactNode;
@@ -8,6 +8,7 @@ type Props = {
     confirmLabel?: string;
     disableClose?: boolean;
     disableEscapeClose?: boolean;
+    confirmDisabled?: boolean;
 };
-export default function AppModalConfirm({ title, subtitle, onClose, onConfirm, closeLabel, confirmLabel, disableClose, disableEscapeClose, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function AppModalConfirm({ title, subtitle, onClose, onConfirm, closeLabel, confirmLabel, confirmDisabled, disableClose, disableEscapeClose, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/AppModal/AppModalConfirm.js

@@ -1,12 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Modal } from '@mui/material';
-import { useEffect } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Button, Icon } from 'tycho-storybook';
-import './style.scss';
-import { attachCloseToEscape, stopEventPropagation } from './AppModalUtils';
-export default function AppModalConfirm({ title, subtitle, onClose, onConfirm, closeLabel, confirmLabel, disableClose, disableEscapeClose, }) {
-    const { t } = useTranslation('common');
+import { Box, Modal } from "@mui/material";
+import { useEffect } from "react";
+import { useTranslation } from "react-i18next";
+import { Button, Icon } from "tycho-storybook";
+import "./style.scss";
+import { attachCloseToEscape, stopEventPropagation } from "./AppModalUtils";
+export default function AppModalConfirm({ title, subtitle, onClose, onConfirm, closeLabel, confirmLabel, confirmDisabled, disableClose, disableEscapeClose, }) {
+    const { t } = useTranslation("common");
     useEffect(() => {
         if (disableEscapeClose)
             return;
@@ -20,16 +20,16 @@ export default function AppModalConfirm({ title, subtitle, onClose, onConfirm, c
         }, children: _jsxs(Box, { className: "modal-container modal-confirm", sx: style, children: [_jsxs("div", { className: "body", children: [_jsx(Icon, { name: "warning", size: "large", filled: true }), _jsxs("div", { className: "texts", children: [_jsx("span", { className: "title", children: title }), _jsx("span", { className: "subtitle", children: subtitle })] })] }), _jsxs("div", { className: "footer", children: [_jsx(Button, { onClick: (e) => {
                                 stopEventPropagation(e);
                                 onClose();
-                            }, text: closeLabel || t('button.cancel'), mode: "tonal" }), _jsx(Button, { onClick: onConfirm, text: confirmLabel || t('button.confirm') })] })] }) }));
+                            }, text: closeLabel || t("button.cancel"), mode: "tonal" }), _jsx(Button, { onClick: onConfirm, text: confirmLabel || t("button.confirm"), disabled: confirmDisabled })] })] }) }));
 }
 const style = {
-    position: 'absolute',
-    top: '40%',
-    left: '50%',
-    transform: 'translate(-50%, -50%)',
-    width: '30%',
-    maxWidth: '580px',
-    borderRadius: 'var(--radius-200)',
+    position: "absolute",
+    top: "40%",
+    left: "50%",
+    transform: "translate(-50%, -50%)",
+    width: "30%",
+    maxWidth: "580px",
+    borderRadius: "var(--radius-200)",
     boxShadow: 24,
-    bgcolor: 'var(--background-default)',
+    bgcolor: "var(--background-default)",
 };

package/dist/AppPlaceholder/AppPlaceholder.d.ts

@@ -1,10 +1,11 @@
-import './style.scss';
+import "./style.scss";
 type Props = {
     icon?: string;
     text?: string;
     desc?: string;
     children?: React.ReactNode;
+    useMarginTop?: boolean;
     onClick?: () => void;
 };
-export default function AppPlaceholder({ text, desc, children, icon, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function AppPlaceholder({ text, desc, children, icon, useMarginTop, onClick, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/AppPlaceholder/AppPlaceholder.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Icon } from 'tycho-storybook';
-import './style.scss';
-export default function AppPlaceholder({ text, desc, children, icon = 'contract_delete', onClick, }) {
-    return (_jsxs("div", { className: "ds-placeholder", onClick: () => onClick && onClick(), onKeyDown: () => onClick && onClick(), children: [_jsx(Icon, { name: icon, weight: "heavy", size: "x-large", filled: true }), text && _jsx("span", { className: "title", children: text }), desc && _jsx("span", { className: "desc", children: desc }), children && children] }));
+import { Icon } from "tycho-storybook";
+import "./style.scss";
+export default function AppPlaceholder({ text, desc, children, icon = "contract_delete", useMarginTop = false, onClick, }) {
+    return (_jsxs("div", { className: `ds-placeholder ${useMarginTop ? "with-margin-top" : ""}`, onClick: () => onClick && onClick(), onKeyDown: () => onClick && onClick(), children: [_jsx(Icon, { name: icon, weight: "heavy", size: "x-large", filled: true }), text && _jsx("span", { className: "title", children: text }), desc && _jsx("span", { className: "desc", children: desc }), children && children] }));
 }

package/dist/AppPlaceholder/style.scss

@@ -3,6 +3,10 @@
   flex-direction: column;
   text-align: center;
 
+  &.use-margin-top {
+    margin-top: 5%;
+  }
+
   > .ds-icon {
     color: var(--icon-on-disabled);
     margin-bottom: 8px;

package/dist/AppTable/types/AppPage.d.ts

@@ -8,6 +8,7 @@ export type AppPage<Type> = {
     executionTime?: number;
     totalHits?: number;
     uid?: string;
+    empty?: boolean;
 };
 export declare const EMPTY_PAGE: {
     content: never[];

package/dist/AppTable/types/AppPage.js

@@ -1,4 +1,4 @@
-import { EMPTY_GRID_PAGEABLE, EMPTY_PAGEABLE } from './AppPageable';
+import { EMPTY_GRID_PAGEABLE, EMPTY_PAGEABLE } from "./AppPageable";
 export const EMPTY_PAGE = {
     content: [],
     totalElements: 0,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.14.4",
+  "version": "0.14.5",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {