es-grid-template 1.8.71 → 1.8.73

package/es/group-component/index.d.ts

@@ -0,0 +1,2 @@
+import InternalTable from './InternalTable';
+export default InternalTable;

package/es/group-component/index.js

@@ -0,0 +1,2 @@
+import InternalTable from "./InternalTable";
+export default InternalTable;

package/es/group-component/style.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+type GridProps = {
+    $theme: {
+        theme?: 'light' | 'dark';
+        backgroundColor?: string;
+        color?: string;
+    };
+    $prefix: string;
+    $borderColor?: string;
+    $cellFontSize?: number;
+    $cellPaddingInline?: number;
+    $cellPaddingBlock?: number;
+    $headerBg?: string;
+    $headerColor?: string;
+    $footerBg?: string;
+    $footerColor?: string;
+    $rowHoverBg?: string;
+    $rowSelectedBg?: string;
+    $rowSelectedHoverBg?: string;
+};
+export declare const GridStyle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, GridProps>> & string;
+export {};

package/es/group-component/style.js

@@ -0,0 +1,48 @@
+import styled from "styled-components";
+// const prefix = "ui-rc";
+// const antdPrefix = "ant";
+// const fontFamily = "Montserrat, Helvetica, Arial, serif ";
+// const borderRadius = "6px";
+
+// const boxShadowColor = "rgba(220, 0, 0, 0.09)";
+const color = "#000000de";
+const BgColor = "#ffffff ";
+
+// const primary = "#eb4619";
+
+// const rowHoverBg = "#FBDED6";
+// const rowSelectedBg = "#FEF2EF";
+
+const tableBorderColor = "#e0e0e0";
+
+// const borderSelectedColor = "#0550C5";
+// const cellSelectedBg = "#F3F8FF";
+// const cellIndexSelectedBg = "#1869E6";
+// const cellIndexFocusBg = "#E6EFFD";
+
+// 404071
+
+// dark
+const tableBorderColorDark = "#44485E";
+
+// const rowHoverBgDark = "#404071 ";
+
+// const rowSelectedBgDark = "#25293C";
+
+// const borderSelectedColorDark = "#538ff1 ";
+// const cellIndexSelectedBgDark = "#1869E6 ";
+
+// const bodyColorDark = "#343e59";
+
+const BgColorDark = "#343e59 ";
+const colorDark = "#e6e4f3e6 ";
+
+// const cellSelectedBgDark = " #F3F8FF ";
+// const cellIndexFocusBgDark = "#E6EFFD ";
+
+/* height: const {props => (props.const heightTable ? `const {props.const heightTable}px` : undefined)}; */
+
+export const GridStyle = styled.div.withConfig({
+  displayName: "GridStyle",
+  componentId: "es-grid-template__sc-1nuyo3t-0"
+})(["&.", "-grid{color:", ";font-size:13px;background-color:", ";table{table-layout:fixed;border-collapse:separate;border-spacing:0;}.", "-grid-container{border:1px solid ", ";border-right:0;&::after{position:absolute;top:0px;right:0;z-index:1;height:100%;border-right:1px solid ", ";content:\"\";pointer-events:none;}.", "-grid-tbody{.", "-grid-row{background-color:", ";color:", ";&.", "-grid-row-parent{background-color:#f5f5f5;font-weight:500;}}}}&.", "-grid-light{.", "-grid-container{.", "-grid-thead{background-color:", ";font-weight:500;.", "-grid-cell{font-weight:inherit;color:", ";background-color:inherit;border-inline-end:1px solid ", ";border-bottom:1px solid ", ";&.ui-rc-grid-cell-ellipsis{.ui-rc-table-column-title,.", "-grid-cell-ellipsis{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;word-break:keep-all;}}&.ui-rc-grid-cell-wrap{.ui-rc-table-column-title,.", "-grid-cell-text-wrap{white-space:normal;word-break:break-word;overflow:hidden;}}&:hover{.ui-rc-header-trigger{.ui-rc-table-column-sorter-cancel{opacity:1;}}}.", "-grid-filter-column{display:flex;justify-content:space-between;width:100%;align-items:center;position:relative;z-index:3;}.ui-rc-header-trigger{padding-left:6px;display:flex;align-items:center;.ui-rc-table-column-sorter-cancel{opacity:0;}}.resizer{cursor:col-resize;height:100%;position:absolute;right:0;top:0;z-index:3;touch-action:none;user-select:none;width:5px;}.resizer.isResizing{opacity:1;}}}.", "-grid-tbody{.", "-grid-row{}}.", "-grid-tfoot{.", "-grid-footer-row{border-bottom-width:1px;border-bottom-color:", ";border-bottom-style:solid;border-top-width:1px;border-top-color:", ";border-top-style:solid;background-color:#fafafa;}.", "-grid-cell{background-color:inherit;border-inline-end:1px solid ", ";}}}}&.", "-grid-dark{background-color:", ";color:", ";.", "-grid-container{border-color:", ";&::after{border-right-color:", ";}}}}"], props => props.$prefix, color, BgColor, props => props.$prefix, tableBorderColor, tableBorderColor, props => props.$prefix, props => props.$prefix, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => `${props.$theme.color ? props.$theme.color : color}`, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => `${props.$theme.backgroundColor ? props.$theme.backgroundColor : BgColor}`, props => props.$prefix, props => `${props.$theme.color ? props.$theme.color : color}`, tableBorderColor, tableBorderColor, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, props => props.$prefix, tableBorderColor, tableBorderColor, props => props.$prefix, tableBorderColor, props => props.$prefix, BgColorDark, colorDark, props => props.$prefix, tableBorderColorDark, tableBorderColorDark);