@elliemae/ds-transition 3.5.0-rc.7 → 3.5.1-next.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/cjs/collapse/DSCollapse.js +8 -5
  2. package/dist/cjs/collapse/DSCollapse.js.map +1 -1
  3. package/dist/cjs/fade/DSFade.js +5 -3
  4. package/dist/cjs/fade/DSFade.js.map +1 -1
  5. package/dist/esm/collapse/DSCollapse.js +8 -5
  6. package/dist/esm/collapse/DSCollapse.js.map +1 -1
  7. package/dist/esm/fade/DSFade.js +5 -3
  8. package/dist/esm/fade/DSFade.js.map +1 -1
  9. package/package.json +3 -3
package/dist/cjs/collapse/DSCollapse.js CHANGED
@@ -29,6 +29,7 @@ __export(DSCollapse_exports, {
29
29
  });
30
30
  module.exports = __toCommonJS(DSCollapse_exports);
31
31
  var React = __toESM(require("react"));
32
+ var import_jsx_runtime = require("react/jsx-runtime");
32
33
  var import_react = require("react");
33
34
  var import_ds_utilities = require("@elliemae/ds-utilities");
34
35
  var import_useCollapse = require("./useCollapse");
@@ -42,7 +43,7 @@ const DSCollapse = (props) => {
42
43
  } = (0, import_useCollapse.useCollapse)(props);
43
44
  const ref = (0, import_react.useRef)(null);
44
45
  const { width: expandedWidth, height: expandedHeight } = (0, import_ds_utilities.useOnElementResize)(ref);
45
- return /* @__PURE__ */ React.createElement(import_styled.StyledCollapse, {
46
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledCollapse, {
46
47
  "data-test-id": "ds-transition-collapse",
47
48
  show,
48
49
  orientation,
@@ -50,10 +51,12 @@ const DSCollapse = (props) => {
50
51
  expandedWidth,
51
52
  expandedHeight,
52
53
  ...globalAttributes,
53
- ...xstyledProps
54
- }, /* @__PURE__ */ React.createElement(import_styled.StyledChildrenWrapper, {
55
- ref
56
- }, children));
54
+ ...xstyledProps,
55
+ children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledChildrenWrapper, {
56
+ ref,
57
+ children
58
+ })
59
+ });
57
60
  };
58
61
  DSCollapse.propTypes = import_react_desc_prop_types.DSCollapsePropTypes;
59
62
  DSCollapse.displayName = "DSCollapse";
package/dist/cjs/collapse/DSCollapse.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/collapse/DSCollapse.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { useRef } from 'react';\nimport { describe, useOnElementResize } from '@elliemae/ds-utilities';\nimport { useCollapse } from './useCollapse';\nimport { DSCollapsePropTypes, DSCollapseT } from './react-desc-prop-types';\nimport { StyledCollapse, StyledChildrenWrapper } from './styled';\n\nexport const DSCollapse: React.ComponentType<DSCollapseT.Props> = (props) => {\n const {\n propsWithDefault: { show, orientation, collapsedSize, children },\n globalAttributes,\n xstyledProps,\n } = useCollapse(props);\n\n const ref = useRef<HTMLDivElement>(null);\n\n const { width: expandedWidth, height: expandedHeight } = useOnElementResize(ref);\n\n return (\n <StyledCollapse\n data-test-id=\"ds-transition-collapse\"\n show={show}\n orientation={orientation}\n collapsedSize={collapsedSize}\n expandedWidth={expandedWidth}\n expandedHeight={expandedHeight}\n {...globalAttributes}\n {...xstyledProps}\n >\n <StyledChildrenWrapper ref={ref}>{children}</StyledChildrenWrapper>\n </StyledCollapse>\n );\n};\n\nDSCollapse.propTypes = DSCollapsePropTypes;\nDSCollapse.displayName = 'DSCollapse';\nexport const DSCollapseWithSchema = describe(DSCollapse);\nDSCollapseWithSchema.propTypes = DSCollapsePropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAuB;AACvB,0BAA6C;AAC7C,yBAA4B;AAC5B,mCAAiD;AACjD,oBAAsD;AAE/C,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,aAAa,eAAe,SAAS;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,QAAI,gCAAY,KAAK;AAErB,QAAM,UAAM,qBAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,eAAe,QAAI,wCAAmB,GAAG;AAE/E,SACE,oCAAC;AAAA,IACC,gBAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACC,GAAG;AAAA,IACH,GAAG;AAAA,KAEJ,oCAAC;AAAA,IAAsB;AAAA,KAAW,QAAS,CAC7C;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,2BAAuB,8BAAS,UAAU;AACvD,qBAAqB,YAAY;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAuB;AACvB,0BAA6C;AAC7C,yBAA4B;AAC5B,mCAAiD;AACjD,oBAAsD;AAE/C,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,aAAa,eAAe,SAAS;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,QAAI,gCAAY,KAAK;AAErB,QAAM,UAAM,qBAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,eAAe,QAAI,wCAAmB,GAAG;AAE/E,SACE,4CAAC;AAAA,IACC,gBAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACC,GAAG;AAAA,IACH,GAAG;AAAA,IAEJ,sDAAC;AAAA,MAAsB;AAAA,MAAW;AAAA,KAAS;AAAA,GAC7C;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,2BAAuB,8BAAS,UAAU;AACvD,qBAAqB,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/cjs/fade/DSFade.js CHANGED
@@ -29,6 +29,7 @@ __export(DSFade_exports, {
29
29
  });
30
30
  module.exports = __toCommonJS(DSFade_exports);
31
31
  var React = __toESM(require("react"));
32
+ var import_jsx_runtime = require("react/jsx-runtime");
32
33
  var import_ds_utilities = require("@elliemae/ds-utilities");
33
34
  var import_useFade = require("./useFade");
34
35
  var import_react_desc_prop_types = require("./react-desc-prop-types");
@@ -39,12 +40,13 @@ const DSFade = (props) => {
39
40
  globalAttributes,
40
41
  xstyledProps
41
42
  } = (0, import_useFade.useFade)(props);
42
- return /* @__PURE__ */ React.createElement(import_styled.StyledFade, {
43
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledFade, {
43
44
  "data-test-id": "ds-transition-fade",
44
45
  show,
45
46
  ...globalAttributes,
46
- ...xstyledProps
47
- }, children);
47
+ ...xstyledProps,
48
+ children
49
+ });
48
50
  };
49
51
  DSFade.propTypes = import_react_desc_prop_types.DSFadePropTypes;
50
52
  DSFade.displayName = "DSFade";
package/dist/cjs/fade/DSFade.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../src/fade/DSFade.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { describe } from '@elliemae/ds-utilities';\nimport { useFade } from './useFade';\nimport { DSFadePropTypes, DSFadeT } from './react-desc-prop-types';\nimport { StyledFade } from './styled';\n\nexport const DSFade: React.ComponentType<DSFadeT.Props> = (props) => {\n const {\n propsWithDefault: { show, children },\n globalAttributes,\n xstyledProps,\n } = useFade(props);\n\n return (\n <StyledFade data-test-id=\"ds-transition-fade\" show={show} {...globalAttributes} {...xstyledProps}>\n {children}\n </StyledFade>\n );\n};\n\nDSFade.propTypes = DSFadePropTypes;\nDSFade.displayName = 'DSFade';\nexport const DSFadeWithSchema = describe(DSFade);\nDSFadeWithSchema.propTypes = DSFadePropTypes;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAyB;AACzB,qBAAwB;AACxB,mCAAyC;AACzC,oBAA2B;AAEpB,MAAM,SAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,SAAS;AAAA,IACnC;AAAA,IACA;AAAA,EACF,QAAI,wBAAQ,KAAK;AAEjB,SACE,oCAAC;AAAA,IAAW,gBAAa;AAAA,IAAqB;AAAA,IAAa,GAAG;AAAA,IAAmB,GAAG;AAAA,KACjF,QACH;AAEJ;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACd,MAAM,uBAAmB,8BAAS,MAAM;AAC/C,iBAAiB,YAAY;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,0BAAyB;AACzB,qBAAwB;AACxB,mCAAyC;AACzC,oBAA2B;AAEpB,MAAM,SAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,SAAS;AAAA,IACnC;AAAA,IACA;AAAA,EACF,QAAI,wBAAQ,KAAK;AAEjB,SACE,4CAAC;AAAA,IAAW,gBAAa;AAAA,IAAqB;AAAA,IAAa,GAAG;AAAA,IAAmB,GAAG;AAAA,IACjF;AAAA,GACH;AAEJ;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACd,MAAM,uBAAmB,8BAAS,MAAM;AAC/C,iBAAiB,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/esm/collapse/DSCollapse.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import * as React from "react";
2
+ import { jsx } from "react/jsx-runtime";
2
3
  import { useRef } from "react";
3
4
  import { describe, useOnElementResize } from "@elliemae/ds-utilities";
4
5
  import { useCollapse } from "./useCollapse";
@@ -12,7 +13,7 @@ const DSCollapse = (props) => {
12
13
  } = useCollapse(props);
13
14
  const ref = useRef(null);
14
15
  const { width: expandedWidth, height: expandedHeight } = useOnElementResize(ref);
15
- return /* @__PURE__ */ React.createElement(StyledCollapse, {
16
+ return /* @__PURE__ */ jsx(StyledCollapse, {
16
17
  "data-test-id": "ds-transition-collapse",
17
18
  show,
18
19
  orientation,
@@ -20,10 +21,12 @@ const DSCollapse = (props) => {
20
21
  expandedWidth,
21
22
  expandedHeight,
22
23
  ...globalAttributes,
23
- ...xstyledProps
24
- }, /* @__PURE__ */ React.createElement(StyledChildrenWrapper, {
25
- ref
26
- }, children));
24
+ ...xstyledProps,
25
+ children: /* @__PURE__ */ jsx(StyledChildrenWrapper, {
26
+ ref,
27
+ children
28
+ })
29
+ });
27
30
  };
28
31
  DSCollapse.propTypes = DSCollapsePropTypes;
29
32
  DSCollapse.displayName = "DSCollapse";
package/dist/esm/collapse/DSCollapse.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/collapse/DSCollapse.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useRef } from 'react';\nimport { describe, useOnElementResize } from '@elliemae/ds-utilities';\nimport { useCollapse } from './useCollapse';\nimport { DSCollapsePropTypes, DSCollapseT } from './react-desc-prop-types';\nimport { StyledCollapse, StyledChildrenWrapper } from './styled';\n\nexport const DSCollapse: React.ComponentType<DSCollapseT.Props> = (props) => {\n const {\n propsWithDefault: { show, orientation, collapsedSize, children },\n globalAttributes,\n xstyledProps,\n } = useCollapse(props);\n\n const ref = useRef<HTMLDivElement>(null);\n\n const { width: expandedWidth, height: expandedHeight } = useOnElementResize(ref);\n\n return (\n <StyledCollapse\n data-test-id=\"ds-transition-collapse\"\n show={show}\n orientation={orientation}\n collapsedSize={collapsedSize}\n expandedWidth={expandedWidth}\n expandedHeight={expandedHeight}\n {...globalAttributes}\n {...xstyledProps}\n >\n <StyledChildrenWrapper ref={ref}>{children}</StyledChildrenWrapper>\n </StyledCollapse>\n );\n};\n\nDSCollapse.propTypes = DSCollapsePropTypes;\nDSCollapse.displayName = 'DSCollapse';\nexport const DSCollapseWithSchema = describe(DSCollapse);\nDSCollapseWithSchema.propTypes = DSCollapsePropTypes;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,UAAU,0BAA0B;AAC7C,SAAS,mBAAmB;AAC5B,SAAS,2BAAwC;AACjD,SAAS,gBAAgB,6BAA6B;AAE/C,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,aAAa,eAAe,SAAS;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,IAAI,YAAY,KAAK;AAErB,QAAM,MAAM,OAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,eAAe,IAAI,mBAAmB,GAAG;AAE/E,SACE,oCAAC;AAAA,IACC,gBAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACC,GAAG;AAAA,IACH,GAAG;AAAA,KAEJ,oCAAC;AAAA,IAAsB;AAAA,KAAW,QAAS,CAC7C;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,uBAAuB,SAAS,UAAU;AACvD,qBAAqB,YAAY;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAS,cAAc;AACvB,SAAS,UAAU,0BAA0B;AAC7C,SAAS,mBAAmB;AAC5B,SAAS,2BAAwC;AACjD,SAAS,gBAAgB,6BAA6B;AAE/C,MAAM,aAAqD,CAAC,UAAU;AAC3E,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,aAAa,eAAe,SAAS;AAAA,IAC/D;AAAA,IACA;AAAA,EACF,IAAI,YAAY,KAAK;AAErB,QAAM,MAAM,OAAuB,IAAI;AAEvC,QAAM,EAAE,OAAO,eAAe,QAAQ,eAAe,IAAI,mBAAmB,GAAG;AAE/E,SACE,oBAAC;AAAA,IACC,gBAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACC,GAAG;AAAA,IACH,GAAG;AAAA,IAEJ,8BAAC;AAAA,MAAsB;AAAA,MAAW;AAAA,KAAS;AAAA,GAC7C;AAEJ;AAEA,WAAW,YAAY;AACvB,WAAW,cAAc;AAClB,MAAM,uBAAuB,SAAS,UAAU;AACvD,qBAAqB,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/esm/fade/DSFade.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import * as React from "react";
2
+ import { jsx } from "react/jsx-runtime";
2
3
  import { describe } from "@elliemae/ds-utilities";
3
4
  import { useFade } from "./useFade";
4
5
  import { DSFadePropTypes } from "./react-desc-prop-types";
@@ -9,12 +10,13 @@ const DSFade = (props) => {
9
10
  globalAttributes,
10
11
  xstyledProps
11
12
  } = useFade(props);
12
- return /* @__PURE__ */ React.createElement(StyledFade, {
13
+ return /* @__PURE__ */ jsx(StyledFade, {
13
14
  "data-test-id": "ds-transition-fade",
14
15
  show,
15
16
  ...globalAttributes,
16
- ...xstyledProps
17
- }, children);
17
+ ...xstyledProps,
18
+ children
19
+ });
18
20
  };
19
21
  DSFade.propTypes = DSFadePropTypes;
20
22
  DSFade.displayName = "DSFade";
package/dist/esm/fade/DSFade.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/fade/DSFade.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { describe } from '@elliemae/ds-utilities';\nimport { useFade } from './useFade';\nimport { DSFadePropTypes, DSFadeT } from './react-desc-prop-types';\nimport { StyledFade } from './styled';\n\nexport const DSFade: React.ComponentType<DSFadeT.Props> = (props) => {\n const {\n propsWithDefault: { show, children },\n globalAttributes,\n xstyledProps,\n } = useFade(props);\n\n return (\n <StyledFade data-test-id=\"ds-transition-fade\" show={show} {...globalAttributes} {...xstyledProps}>\n {children}\n </StyledFade>\n );\n};\n\nDSFade.propTypes = DSFadePropTypes;\nDSFade.displayName = 'DSFade';\nexport const DSFadeWithSchema = describe(DSFade);\nDSFadeWithSchema.propTypes = DSFadePropTypes;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,uBAAgC;AACzC,SAAS,kBAAkB;AAEpB,MAAM,SAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,SAAS;AAAA,IACnC;AAAA,IACA;AAAA,EACF,IAAI,QAAQ,KAAK;AAEjB,SACE,oCAAC;AAAA,IAAW,gBAAa;AAAA,IAAqB;AAAA,IAAa,GAAG;AAAA,IAAmB,GAAG;AAAA,KACjF,QACH;AAEJ;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACd,MAAM,mBAAmB,SAAS,MAAM;AAC/C,iBAAiB,YAAY;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,SAAS,gBAAgB;AACzB,SAAS,eAAe;AACxB,SAAS,uBAAgC;AACzC,SAAS,kBAAkB;AAEpB,MAAM,SAA6C,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,SAAS;AAAA,IACnC;AAAA,IACA;AAAA,EACF,IAAI,QAAQ,KAAK;AAEjB,SACE,oBAAC;AAAA,IAAW,gBAAa;AAAA,IAAqB;AAAA,IAAa,GAAG;AAAA,IAAmB,GAAG;AAAA,IACjF;AAAA,GACH;AAEJ;AAEA,OAAO,YAAY;AACnB,OAAO,cAAc;AACd,MAAM,mBAAmB,SAAS,MAAM;AAC/C,iBAAiB,YAAY;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-transition",
3
- "version": "3.5.0-rc.7",
3
+ "version": "3.5.1-next.0",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Tooltip",
6
6
  "files": [
@@ -35,8 +35,8 @@
35
35
  "indent": 4
36
36
  },
37
37
  "dependencies": {
38
- "@elliemae/ds-system": "3.5.0-rc.7",
39
- "@elliemae/ds-utilities": "3.5.0-rc.7"
38
+ "@elliemae/ds-system": "3.5.1-next.0",
39
+ "@elliemae/ds-utilities": "3.5.1-next.0"
40
40
  },
41
41
  "devDependencies": {
42
42
  "react": "^17.0.2",