@cakemail-org/ui-components-v2 2.1.19 → 2.1.21

package/dist/cjs/components/inlineTextEdit/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "./styles.scss";
 import { TInlineTextEdit } from "./types";
-export declare function InlineTextEdit({ children, disabled, tooltipTitle, tooltipPlacement, defaultValue, name, onConfirm, onCancel, placeholder, showActionButtons, maxRows, maxLength }: TInlineTextEdit): React.JSX.Element;
+export declare function InlineTextEdit({ disabled, tooltipTitle, tooltipPlacement, defaultValue, name, onConfirm, onCancel, placeholder, showActionButtons, maxRows, maxLength }: TInlineTextEdit): React.JSX.Element;
 export default InlineTextEdit;
 export * from "./types";

package/dist/cjs/components/inlineTextEdit/types.d.ts

@@ -1,6 +1,5 @@
 import { TTooltipPlacement } from "../header/types";
 export type TInlineTextEdit = {
-    children: any;
     tooltipTitle: string;
     tooltipPlacement?: TTooltipPlacement;
     defaultValue?: string;

package/dist/cjs/index.js

@@ -9122,7 +9122,7 @@ function Link(_a) {
     return React.createElement(material.Link, __assign({}, props, { variant: variant, color: color, className: classes }), children);
 }
 
-var css_248z$b = ".subNav-component-v2 {\n  flex-wrap: wrap;\n}\n.subNav-component-v2.dir-row button:not(:last-child) {\n  margin-right: 2px;\n}\n.subNav-component-v2.dir-column button:not(:first-child) {\n  margin-top: 1.25rem;\n}\n.subNav-component-v2 button.default, .subNav-component-v2 button.text {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n  outline: none;\n}\n.subNav-component-v2 button.default span, .subNav-component-v2 button.text span {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.default:hover, .subNav-component-v2 button.text:hover {\n  outline: none;\n}\n.subNav-component-v2 button.default:active, .subNav-component-v2 button.text:active {\n  outline: none !important;\n}\n.subNav-component-v2 button.default {\n  text-transform: none;\n}\n.subNav-component-v2 button.default span {\n  text-transform: none;\n}\n.subNav-component-v2 button.default.selected {\n  background-color: var(--cloud, #F4F4F4);\n}\n.subNav-component-v2 button.text span {\n  color: var(--silver, #9B9B9B);\n}\n.subNav-component-v2 button.text:hover, .subNav-component-v2 button.text.selected {\n  background: none;\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.text:hover span, .subNav-component-v2 button.text.selected span {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}";
+var css_248z$b = ".subNav-component-v2 {\n  flex-wrap: wrap;\n}\n.subNav-component-v2.dir-row button:not(:last-child) {\n  margin-right: 2px;\n}\n.subNav-component-v2.dir-column button:not(:first-child) {\n  margin-top: 1.25rem;\n}\n.subNav-component-v2 button.default, .subNav-component-v2 button.text {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n  outline: none;\n}\n.subNav-component-v2 button.default span, .subNav-component-v2 button.text span {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.default:not(:hover), .subNav-component-v2 button.text:not(:hover) {\n  background: none;\n}\n.subNav-component-v2 button.default:hover, .subNav-component-v2 button.text:hover {\n  outline: none;\n}\n.subNav-component-v2 button.default:active, .subNav-component-v2 button.text:active {\n  outline: none !important;\n}\n.subNav-component-v2 button.default {\n  text-transform: none;\n}\n.subNav-component-v2 button.default span {\n  text-transform: none;\n}\n.subNav-component-v2 button.default.selected {\n  background-color: var(--cloud, #F4F4F4);\n}\n.subNav-component-v2 button.text span {\n  color: var(--silver, #9B9B9B);\n}\n.subNav-component-v2 button.text:hover, .subNav-component-v2 button.text.selected {\n  background: none;\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.text:hover span, .subNav-component-v2 button.text.selected span {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}";
 styleInject(css_248z$b);
 
 function SubNav(_a) {
@@ -10736,7 +10736,7 @@ styleInject(css_248z$5);
 
 function InlineTextEdit(_a) {
     var _b, _c;
-    var children = _a.children, disabled = _a.disabled, tooltipTitle = _a.tooltipTitle, tooltipPlacement = _a.tooltipPlacement, defaultValue = _a.defaultValue, name = _a.name, onConfirm = _a.onConfirm, onCancel = _a.onCancel, placeholder = _a.placeholder, showActionButtons = _a.showActionButtons, maxRows = _a.maxRows, maxLength = _a.maxLength;
+    var disabled = _a.disabled, tooltipTitle = _a.tooltipTitle, tooltipPlacement = _a.tooltipPlacement, defaultValue = _a.defaultValue, name = _a.name, onConfirm = _a.onConfirm, onCancel = _a.onCancel, placeholder = _a.placeholder, showActionButtons = _a.showActionButtons, maxRows = _a.maxRows, maxLength = _a.maxLength;
     var _d = React.useState(false), editing = _d[0], setEditing = _d[1];
     var id = React.useRef(Math.floor(Math.random() * 1000000000));
     var spanRef = React.useRef(null);
@@ -10784,7 +10784,7 @@ function InlineTextEdit(_a) {
         React.createElement(Box, { id: "inlineTextEdit-id-" + id.current, className: classes },
             !editing &&
                 React.createElement(Tooltip, { title: tooltipTitle, arrow: true, placement: tooltipPlacement },
-                    React.createElement(Box, { component: "span", className: "".concat(!children && placeholder ? "hasPlaceholder" : "", " pointer"), onClick: handleClick, style: { maxHeight: offsetHeightOfSpan * maxRows } }, children || placeholder)),
+                    React.createElement(Box, { component: "span", className: "".concat(!value && placeholder ? "hasPlaceholder" : "", " pointer"), onClick: handleClick, style: { maxHeight: offsetHeightOfSpan * maxRows } }, value || placeholder)),
             React.createElement(Box, { className: editing ? "" : "hidden" },
                 React.createElement(TextField, { disabled: disabled, inputProps: { maxLength: maxLength || 256 }, maxRows: maxRows, multiline: multiline, placeholder: placeholder, variant: "standard", name: name, style: { width: "".concat(offsetWidthOfSpan, "px") }, value: value, onChange: handleOnChange }),
                 showActionButtons &&

package/dist/esm/components/inlineTextEdit/index.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import "./styles.scss";
 import { TInlineTextEdit } from "./types";
-export declare function InlineTextEdit({ children, disabled, tooltipTitle, tooltipPlacement, defaultValue, name, onConfirm, onCancel, placeholder, showActionButtons, maxRows, maxLength }: TInlineTextEdit): React.JSX.Element;
+export declare function InlineTextEdit({ disabled, tooltipTitle, tooltipPlacement, defaultValue, name, onConfirm, onCancel, placeholder, showActionButtons, maxRows, maxLength }: TInlineTextEdit): React.JSX.Element;
 export default InlineTextEdit;
 export * from "./types";

package/dist/esm/components/inlineTextEdit/types.d.ts

@@ -1,6 +1,5 @@
 import { TTooltipPlacement } from "../header/types";
 export type TInlineTextEdit = {
-    children: any;
     tooltipTitle: string;
     tooltipPlacement?: TTooltipPlacement;
     defaultValue?: string;

package/dist/esm/index.js

@@ -9102,7 +9102,7 @@ function Link(_a) {
     return React__default.createElement(Link$1, __assign({}, props, { variant: variant, color: color, className: classes }), children);
 }
 
-var css_248z$b = ".subNav-component-v2 {\n  flex-wrap: wrap;\n}\n.subNav-component-v2.dir-row button:not(:last-child) {\n  margin-right: 2px;\n}\n.subNav-component-v2.dir-column button:not(:first-child) {\n  margin-top: 1.25rem;\n}\n.subNav-component-v2 button.default, .subNav-component-v2 button.text {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n  outline: none;\n}\n.subNav-component-v2 button.default span, .subNav-component-v2 button.text span {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.default:hover, .subNav-component-v2 button.text:hover {\n  outline: none;\n}\n.subNav-component-v2 button.default:active, .subNav-component-v2 button.text:active {\n  outline: none !important;\n}\n.subNav-component-v2 button.default {\n  text-transform: none;\n}\n.subNav-component-v2 button.default span {\n  text-transform: none;\n}\n.subNav-component-v2 button.default.selected {\n  background-color: var(--cloud, #F4F4F4);\n}\n.subNav-component-v2 button.text span {\n  color: var(--silver, #9B9B9B);\n}\n.subNav-component-v2 button.text:hover, .subNav-component-v2 button.text.selected {\n  background: none;\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.text:hover span, .subNav-component-v2 button.text.selected span {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}";
+var css_248z$b = ".subNav-component-v2 {\n  flex-wrap: wrap;\n}\n.subNav-component-v2.dir-row button:not(:last-child) {\n  margin-right: 2px;\n}\n.subNav-component-v2.dir-column button:not(:first-child) {\n  margin-top: 1.25rem;\n}\n.subNav-component-v2 button.default, .subNav-component-v2 button.text {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n  outline: none;\n}\n.subNav-component-v2 button.default span, .subNav-component-v2 button.text span {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.default:not(:hover), .subNav-component-v2 button.text:not(:hover) {\n  background: none;\n}\n.subNav-component-v2 button.default:hover, .subNav-component-v2 button.text:hover {\n  outline: none;\n}\n.subNav-component-v2 button.default:active, .subNav-component-v2 button.text:active {\n  outline: none !important;\n}\n.subNav-component-v2 button.default {\n  text-transform: none;\n}\n.subNav-component-v2 button.default span {\n  text-transform: none;\n}\n.subNav-component-v2 button.default.selected {\n  background-color: var(--cloud, #F4F4F4);\n}\n.subNav-component-v2 button.text span {\n  color: var(--silver, #9B9B9B);\n}\n.subNav-component-v2 button.text:hover, .subNav-component-v2 button.text.selected {\n  background: none;\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}\n.subNav-component-v2 button.text:hover span, .subNav-component-v2 button.text.selected span {\n  color: var(--body-font-color, var(--dark-matter, #2B2B2B));\n}";
 styleInject(css_248z$b);
 
 function SubNav(_a) {
@@ -10716,7 +10716,7 @@ styleInject(css_248z$5);
 
 function InlineTextEdit(_a) {
     var _b, _c;
-    var children = _a.children, disabled = _a.disabled, tooltipTitle = _a.tooltipTitle, tooltipPlacement = _a.tooltipPlacement, defaultValue = _a.defaultValue, name = _a.name, onConfirm = _a.onConfirm, onCancel = _a.onCancel, placeholder = _a.placeholder, showActionButtons = _a.showActionButtons, maxRows = _a.maxRows, maxLength = _a.maxLength;
+    var disabled = _a.disabled, tooltipTitle = _a.tooltipTitle, tooltipPlacement = _a.tooltipPlacement, defaultValue = _a.defaultValue, name = _a.name, onConfirm = _a.onConfirm, onCancel = _a.onCancel, placeholder = _a.placeholder, showActionButtons = _a.showActionButtons, maxRows = _a.maxRows, maxLength = _a.maxLength;
     var _d = useState(false), editing = _d[0], setEditing = _d[1];
     var id = useRef(Math.floor(Math.random() * 1000000000));
     var spanRef = useRef(null);
@@ -10764,7 +10764,7 @@ function InlineTextEdit(_a) {
         React__default.createElement(Box$1, { id: "inlineTextEdit-id-" + id.current, className: classes },
             !editing &&
                 React__default.createElement(Tooltip$1, { title: tooltipTitle, arrow: true, placement: tooltipPlacement },
-                    React__default.createElement(Box$1, { component: "span", className: "".concat(!children && placeholder ? "hasPlaceholder" : "", " pointer"), onClick: handleClick, style: { maxHeight: offsetHeightOfSpan * maxRows } }, children || placeholder)),
+                    React__default.createElement(Box$1, { component: "span", className: "".concat(!value && placeholder ? "hasPlaceholder" : "", " pointer"), onClick: handleClick, style: { maxHeight: offsetHeightOfSpan * maxRows } }, value || placeholder)),
             React__default.createElement(Box$1, { className: editing ? "" : "hidden" },
                 React__default.createElement(TextField, { disabled: disabled, inputProps: { maxLength: maxLength || 256 }, maxRows: maxRows, multiline: multiline, placeholder: placeholder, variant: "standard", name: name, style: { width: "".concat(offsetWidthOfSpan, "px") }, value: value, onChange: handleOnChange }),
                 showActionButtons &&

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cakemail-org/ui-components-v2",
-    "version": "2.1.19",
+    "version": "2.1.21",
     "description": "ui library kit made with material UI",
     "main": "dist/cjs/index.js",
     "module": "dist/esm/index.js",