@elliemae/ds-datagrids 2.1.0-rc.7 → 2.2.0-alpha.2

package/esm/renders/styled.js

@@ -1,16 +1,49 @@
-import styled from 'styled-components';
-import Grid from '@elliemae/ds-grid';
-
-const m = '0.61538rem';
-const m2 = '1.23076rem';
-const CellWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1n8exyf-0"
-})(["max-height:36px;height:100%;width:", ";margin-left:", ";margin-right:", ";padding-left:", ";padding-right:", ";", ";", ""], props => props.noPadding ? "calc(100% + ".concat(m2, ")") : '100%', props => props.noPadding ? "-".concat(m) : '0', props => props.noPadding ? "-".concat(m) : '0', props => !props.hasLeftAddon && (props.badgeAddon || props.highLight || props.hasRightAddon) ? m : '0', props => !props.hasRightAddon && (props.badgeAddon || props.highLight || props.hasLeftAddon) ? m : '0', props => props.highLight ? "background: ".concat(props.theme.colors.brand['200']) : '', props => props.badgeAddon ? "\n  position: relative;  \n  &::before {\n    display: block;\n    content: '';\n    position: absolute;\n    top: 0;\n    left:0;\n    border-style: solid;\n    border-width:  ".concat(props.theme.space.xxs, " ").concat(props.theme.space.xxs, "  ").concat(props.theme.space.xxs, " 0;\n    border-color: ").concat(props.theme.colors.brand['600'], " transparent  transparent ").concat(props.theme.colors.brand['600'], ";\n  }\n  ") : '');
-const ValueWrapper = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1n8exyf-1"
-})(["display:flex;align-items:center;overflow:hidden;& > span{display:inline-flex;align-items:center;}", ""], props => props.grayText ? "color: ".concat(props.theme.colors.neutral['500'], ";") : '');
-const CellContainer = /*#__PURE__*/styled(Grid).withConfig({
-  componentId: "sc-1n8exyf-2"
-})(["padding-left:", ";padding-right:", ";position:relative;"], m, m);
-
-export { CellContainer, CellWrapper, ValueWrapper };
+import * as React from "react";
+import styled from "styled-components";
+import { Grid } from "@elliemae/ds-grid";
+const m = "0.61538rem";
+const m2 = "1.23076rem";
+const CellWrapper = styled.div`
+  max-height: 36px;
+  height: 100%;
+  width: ${(props) => props.noPadding ? `calc(100% + ${m2})` : "100%"};
+  margin-left: ${(props) => props.noPadding ? `-${m}` : "0"};
+  margin-right: ${(props) => props.noPadding ? `-${m}` : "0"};
+  padding-left: ${(props) => !props.hasLeftAddon && (props.badgeAddon || props.highLight || props.hasRightAddon) ? m : "0"};
+  padding-right: ${(props) => !props.hasRightAddon && (props.badgeAddon || props.highLight || props.hasLeftAddon) ? m : "0"};
+  ${(props) => props.highLight ? `background: ${props.theme.colors.brand["200"]}` : ""};
+  ${(props) => props.badgeAddon ? `
+  position: relative;  
+  &::before {
+    display: block;
+    content: '';
+    position: absolute;
+    top: 0;
+    left:0;
+    border-style: solid;
+    border-width:  ${props.theme.space.xxs} ${props.theme.space.xxs}  ${props.theme.space.xxs} 0;
+    border-color: ${props.theme.colors.brand["600"]} transparent  transparent ${props.theme.colors.brand["600"]};
+  }
+  ` : ""}
+`;
+const ValueWrapper = styled.div`
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  & > span {
+    display: inline-flex;
+    align-items: center;
+  }
+  ${(props) => props.grayText ? `color: ${props.theme.colors.neutral["500"]};` : ""}
+`;
+const CellContainer = styled(Grid)`
+  padding-left: ${m};
+  padding-right: ${m};
+  position: relative;
+`;
+export {
+  CellContainer,
+  CellWrapper,
+  ValueWrapper
+};
+//# sourceMappingURL=styled.js.map

package/esm/renders/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/renders/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst m = '0.61538rem';\nconst m2 = '1.23076rem';\n\nexport const CellWrapper = styled.div`\n  max-height: 36px;\n  height: 100%;\n  width: ${(props) => (props.noPadding ? `calc(100% + ${m2})` : '100%')};\n  margin-left: ${(props) => (props.noPadding ? `-${m}` : '0')};\n  margin-right: ${(props) => (props.noPadding ? `-${m}` : '0')};\n  padding-left: ${(props) =>\n    !props.hasLeftAddon && (props.badgeAddon || props.highLight || props.hasRightAddon) ? m : '0'};\n  padding-right: ${(props) =>\n    !props.hasRightAddon && (props.badgeAddon || props.highLight || props.hasLeftAddon) ? m : '0'};\n  ${(props) => (props.highLight ? `background: ${props.theme.colors.brand['200']}` : '')};\n  ${(props) =>\n    props.badgeAddon\n      ? `\n  position: relative;  \n  &::before {\n    display: block;\n    content: '';\n    position: absolute;\n    top: 0;\n    left:0;\n    border-style: solid;\n    border-width:  ${props.theme.space.xxs} ${props.theme.space.xxs}  ${props.theme.space.xxs} 0;\n    border-color: ${props.theme.colors.brand['600']} transparent  transparent ${props.theme.colors.brand['600']};\n  }\n  `\n      : ''}\n`;\n\nexport const ValueWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  overflow: hidden;\n  & > span {\n    display: inline-flex;\n    align-items: center;\n  }\n  ${(props) => (props.grayText ? `color: ${props.theme.colors.neutral['500']};` : '')}\n`;\n\nexport const CellContainer = styled(Grid)`\n  padding-left: ${m};\n  padding-right: ${m};\n  position: relative;\n`;\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,IAAI;AACV,MAAM,KAAK;AAEJ,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA,WAGvB,CAAC,UAAW,MAAM,YAAY,eAAe,QAAQ;AAAA,iBAC/C,CAAC,UAAW,MAAM,YAAY,IAAI,MAAM;AAAA,kBACvC,CAAC,UAAW,MAAM,YAAY,IAAI,MAAM;AAAA,kBACxC,CAAC,UACf,CAAC,MAAM,gBAAiB,OAAM,cAAc,MAAM,aAAa,MAAM,iBAAiB,IAAI;AAAA,mBAC3E,CAAC,UAChB,CAAC,MAAM,iBAAkB,OAAM,cAAc,MAAM,aAAa,MAAM,gBAAgB,IAAI;AAAA,IAC1F,CAAC,UAAW,MAAM,YAAY,eAAe,MAAM,MAAM,OAAO,MAAM,WAAW;AAAA,IACjF,CAAC,UACD,MAAM,aACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBASa,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM,QAAQ,MAAM,MAAM,MAAM;AAAA,oBACtE,MAAM,MAAM,OAAO,MAAM,mCAAmC,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA,MAGjG;AAAA;AAGD,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAQ/B,CAAC,UAAW,MAAM,WAAW,UAAU,MAAM,MAAM,OAAO,QAAQ,YAAY;AAAA;AAG3E,MAAM,gBAAgB,OAAO;AAAA,kBAClB;AAAA,mBACC;AAAA;AAAA;",
+  "names": []
+}

package/esm/rowSizes.js

@@ -1,13 +1,22 @@
+import * as React from "react";
 const RowSizes = {
   compact: 28,
   normal: 36,
   extend: 56
 };
 const RowSizesOptions = {
-  compact: 'compact',
-  normal: 'normal',
-  extend: 'extend'
+  compact: "compact",
+  normal: "normal",
+  extend: "extend"
 };
-const RowSizesOptionsArr = [RowSizesOptions.compact, RowSizesOptions.normal, RowSizesOptions.extend];
-
-export { RowSizes, RowSizesOptions, RowSizesOptionsArr };
+const RowSizesOptionsArr = [
+  RowSizesOptions.compact,
+  RowSizesOptions.normal,
+  RowSizesOptions.extend
+];
+export {
+  RowSizes,
+  RowSizesOptions,
+  RowSizesOptionsArr
+};
+//# sourceMappingURL=rowSizes.js.map

package/esm/rowSizes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/rowSizes.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const RowSizes = {\n  compact: 28,\n  normal: 36,\n  extend: 56,\n};\n\nexport const RowSizesOptions = {\n  compact: 'compact',\n  normal: 'normal',\n  extend: 'extend',\n};\n\nexport const RowSizesOptionsArr = [\n  RowSizesOptions.compact,\n  RowSizesOptions.normal,\n  RowSizesOptions.extend,\n];\n"],
+  "mappings": "AAAA;ACAO,MAAM,WAAW;AAAA,EACtB,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA;AAGH,MAAM,kBAAkB;AAAA,EAC7B,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,QAAQ;AAAA;AAGH,MAAM,qBAAqB;AAAA,EAChC,gBAAgB;AAAA,EAChB,gBAAgB;AAAA,EAChB,gBAAgB;AAAA;",
+  "names": []
+}