@elliemae/ds-page-header 2.4.2-rc.12 → 2.4.2-rc.15

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 (15) hide show
  1. package/cjs/v1/EditableTitle.js +3 -4
  2. package/cjs/v1/PageHeaderImpl.js +7 -7
  3. package/cjs/v1/Title.js +1 -1
  4. package/cjs/v1/TitleWrapper.js +1 -1
  5. package/cjs/v2/PageHeader.js +2 -2
  6. package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +3 -4
  7. package/cjs/v2/components/blocks.js +6 -6
  8. package/esm/v1/EditableTitle.js +1 -2
  9. package/esm/v1/PageHeaderImpl.js +7 -7
  10. package/esm/v1/Title.js +1 -1
  11. package/esm/v1/TitleWrapper.js +1 -1
  12. package/esm/v2/PageHeader.js +2 -2
  13. package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js +3 -4
  14. package/esm/v2/components/blocks.js +6 -6
  15. package/package.json +11 -11
package/cjs/v1/EditableTitle.js CHANGED
@@ -1,13 +1,12 @@
1
1
  'use strict';
2
2
 
3
- var _jsx = require('@babel/runtime/helpers/jsx');
4
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
5
- require('core-js/modules/web.dom-collections.iterator.js');
6
3
  require('core-js/modules/esnext.async-iterator.filter.js');
7
4
  require('core-js/modules/esnext.iterator.constructor.js');
8
5
  require('core-js/modules/esnext.iterator.filter.js');
9
6
  require('core-js/modules/esnext.async-iterator.for-each.js');
10
7
  require('core-js/modules/esnext.iterator.for-each.js');
8
+ var _jsx = require('@babel/runtime/helpers/jsx');
9
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
11
10
  var react = require('react');
12
11
  var dsUtilities = require('@elliemae/ds-utilities');
13
12
  var dsClassnames = require('@elliemae/ds-classnames');
@@ -25,7 +24,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
25
24
 
26
25
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
27
26
  const blockName = 'page-header';
28
- const EditableTitleComponent = dsClassnames.aggregatedClasses(DSInput__default["default"])("".concat(blockName, "-title"), 'editable-title');
27
+ const EditableTitleComponent = dsClassnames.aggregatedClasses(DSInput__default["default"])(`${blockName}-title`, 'editable-title');
29
28
 
30
29
  function EditableTitle(_ref) {
31
30
  let {
package/cjs/v1/PageHeaderImpl.js CHANGED
@@ -40,15 +40,15 @@ const PageHeaderContainer = dsClassnames.aggregatedClasses('div')(blockName, nul
40
40
  'with-subtitle': subtitle
41
41
  };
42
42
  });
43
- const PageHeaderMainSection = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-main-section"));
44
- const PageHeaderTitleSection = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-title-section"));
45
- const PageHeaderToolbar = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-toolbar"), null, () => ({
43
+ const PageHeaderMainSection = dsClassnames.aggregatedClasses('div')(`${blockName}-main-section`);
44
+ const PageHeaderTitleSection = dsClassnames.aggregatedClasses('div')(`${blockName}-title-section`);
45
+ const PageHeaderToolbar = dsClassnames.aggregatedClasses('div')(`${blockName}-toolbar`, null, () => ({
46
46
  'ie-flex-basis-auto': true
47
47
  }));
48
- const PageHeaderBreadcrumb = dsClassnames.aggregatedClasses(DSBreadcrumb__default["default"])("".concat(blockName, "-breadcrumb"));
49
- const PageHeaderTitle = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-title"));
50
- const Subtitle = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-title"), 'subtitle');
51
- const BackArrow = dsClassnames.aggregatedClasses(dsIcons.ChevronLeft)("".concat(blockName, "-backarrow"));
48
+ const PageHeaderBreadcrumb = dsClassnames.aggregatedClasses(DSBreadcrumb__default["default"])(`${blockName}-breadcrumb`);
49
+ const PageHeaderTitle = dsClassnames.aggregatedClasses('div')(`${blockName}-title`);
50
+ const Subtitle = dsClassnames.aggregatedClasses('div')(`${blockName}-title`, 'subtitle');
51
+ const BackArrow = dsClassnames.aggregatedClasses(dsIcons.ChevronLeft)(`${blockName}-backarrow`);
52
52
 
53
53
  function HeaderTitle(_ref2) {
54
54
  let {
package/cjs/v1/Title.js CHANGED
@@ -11,7 +11,7 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
11
11
  var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
12
12
 
13
13
  const blockName = 'page-header';
14
- const TitleWrapper = dsClassnames.aggregatedClasses(DSTruncatedTooltipText__default["default"])("".concat(blockName, "-title"), 'title');
14
+ const TitleWrapper = dsClassnames.aggregatedClasses(DSTruncatedTooltipText__default["default"])(`${blockName}-title`, 'title');
15
15
 
16
16
  const Title = _ref => {
17
17
  let {
package/cjs/v1/TitleWrapper.js CHANGED
@@ -3,6 +3,6 @@
3
3
  var dsClassnames = require('@elliemae/ds-classnames');
4
4
 
5
5
  const blockName = 'page-header';
6
- var TitleWrapper = dsClassnames.aggregatedClasses('span')("".concat(blockName, "-title-wrapper"));
6
+ var TitleWrapper = dsClassnames.aggregatedClasses('span')(`${blockName}-title-wrapper`);
7
7
 
8
8
  module.exports = TitleWrapper;
package/cjs/v2/PageHeader.js CHANGED
@@ -44,7 +44,7 @@ const Container = /*#__PURE__*/styled__default["default"].div.withConfig({
44
44
  })(["width:100%;margin-bottom:8px;"]);
45
45
  const ContainerWBorder = /*#__PURE__*/styled__default["default"].div.withConfig({
46
46
  componentId: "sc-ps4m9w-2"
47
- })(["width:100%;padding:12px 0 8px 0;display:grid;align-items:center;height:100%;", ""], props => !props.withBottomSeparator ? '' : "border-bottom: solid 1px ".concat(props.theme.colors.neutral[400], ";"));
47
+ })(["width:100%;padding:12px 0 8px 0;display:grid;align-items:center;height:100%;", ""], props => !props.withBottomSeparator ? '' : `border-bottom: solid 1px ${props.theme.colors.neutral[400]};`);
48
48
 
49
49
  const DSPageHeaderV2 = _ref => {
50
50
  let {
@@ -68,7 +68,7 @@ const DSPageHeaderV2 = _ref => {
68
68
  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {}, void 0, /*#__PURE__*/_jsx__default["default"](PageHeaderBack.PageHeaderBack, {}, void 0, backarrow)), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
69
69
  rows: ['auto', 'auto']
70
70
  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
71
- className: "".concat(dsClassnames.cssPrefix, "-page-header-v2-breadcrumb")
71
+ className: `${dsClassnames.cssPrefix}-page-header-v2-breadcrumb`
72
72
  }, void 0, breadcrumbs), /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
73
73
  cols: mainRow
74
74
  }, void 0, /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
package/cjs/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js CHANGED
@@ -2,15 +2,14 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var _jsx = require('@babel/runtime/helpers/jsx');
6
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
7
- var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
8
- require('core-js/modules/web.dom-collections.iterator.js');
9
5
  require('core-js/modules/esnext.async-iterator.filter.js');
10
6
  require('core-js/modules/esnext.iterator.constructor.js');
11
7
  require('core-js/modules/esnext.iterator.filter.js');
12
8
  require('core-js/modules/esnext.async-iterator.for-each.js');
13
9
  require('core-js/modules/esnext.iterator.for-each.js');
10
+ var _jsx = require('@babel/runtime/helpers/jsx');
11
+ var _defineProperty = require('@babel/runtime/helpers/defineProperty');
12
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
14
13
  var react = require('react');
15
14
  var lodash = require('lodash');
16
15
  var styled = require('styled-components');
package/cjs/v2/components/blocks.js CHANGED
@@ -6,12 +6,12 @@ var dsClassnames = require('@elliemae/ds-classnames');
6
6
  var dsForm = require('@elliemae/ds-form');
7
7
 
8
8
  const blockName = 'page-header-v2';
9
- const PageHeaderTitleWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-title"), 'title');
10
- const EditableTitleComponent = dsClassnames.aggregatedClasses(dsForm.DSInput)("".concat(blockName, "-title"), 'editable-title');
11
- const PageHeaderBackWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-back"));
12
- const PageHeaderSummaryWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-summary"));
13
- const PageHeaderMenuWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-menu"));
14
- const PageHeaderToolbarWrapper = dsClassnames.aggregatedClasses('div')("".concat(blockName, "-toolbar"));
9
+ const PageHeaderTitleWrapper = dsClassnames.aggregatedClasses('div')(`${blockName}-title`, 'title');
10
+ const EditableTitleComponent = dsClassnames.aggregatedClasses(dsForm.DSInput)(`${blockName}-title`, 'editable-title');
11
+ const PageHeaderBackWrapper = dsClassnames.aggregatedClasses('div')(`${blockName}-back`);
12
+ const PageHeaderSummaryWrapper = dsClassnames.aggregatedClasses('div')(`${blockName}-summary`);
13
+ const PageHeaderMenuWrapper = dsClassnames.aggregatedClasses('div')(`${blockName}-menu`);
14
+ const PageHeaderToolbarWrapper = dsClassnames.aggregatedClasses('div')(`${blockName}-toolbar`);
15
15
 
16
16
  Object.defineProperty(exports, 'cssPrefix', {
17
17
  enumerable: true,
package/esm/v1/EditableTitle.js CHANGED
@@ -5,7 +5,6 @@ import 'core-js/modules/esnext.async-iterator.for-each.js';
5
5
  import 'core-js/modules/esnext.iterator.for-each.js';
6
6
  import _jsx from '@babel/runtime/helpers/esm/jsx';
7
7
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
8
- import 'core-js/modules/web.dom-collections.iterator.js';
9
8
  import { useState, useRef } from 'react';
10
9
  import { useDerivedStateFromProps, runAll } from '@elliemae/ds-utilities';
11
10
  import { aggregatedClasses } from '@elliemae/ds-classnames';
@@ -17,7 +16,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
17
16
 
18
17
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
19
18
  const blockName = 'page-header';
20
- const EditableTitleComponent = aggregatedClasses(DSInput)("".concat(blockName, "-title"), 'editable-title');
19
+ const EditableTitleComponent = aggregatedClasses(DSInput)(`${blockName}-title`, 'editable-title');
21
20
 
22
21
  function EditableTitle(_ref) {
23
22
  let {
package/esm/v1/PageHeaderImpl.js CHANGED
@@ -32,15 +32,15 @@ const PageHeaderContainer = aggregatedClasses('div')(blockName, null, _ref => {
32
32
  'with-subtitle': subtitle
33
33
  };
34
34
  });
35
- const PageHeaderMainSection = aggregatedClasses('div')("".concat(blockName, "-main-section"));
36
- const PageHeaderTitleSection = aggregatedClasses('div')("".concat(blockName, "-title-section"));
37
- const PageHeaderToolbar = aggregatedClasses('div')("".concat(blockName, "-toolbar"), null, () => ({
35
+ const PageHeaderMainSection = aggregatedClasses('div')(`${blockName}-main-section`);
36
+ const PageHeaderTitleSection = aggregatedClasses('div')(`${blockName}-title-section`);
37
+ const PageHeaderToolbar = aggregatedClasses('div')(`${blockName}-toolbar`, null, () => ({
38
38
  'ie-flex-basis-auto': true
39
39
  }));
40
- const PageHeaderBreadcrumb = aggregatedClasses(DSBreadcrumb)("".concat(blockName, "-breadcrumb"));
41
- const PageHeaderTitle = aggregatedClasses('div')("".concat(blockName, "-title"));
42
- const Subtitle = aggregatedClasses('div')("".concat(blockName, "-title"), 'subtitle');
43
- const BackArrow = aggregatedClasses(ChevronLeft)("".concat(blockName, "-backarrow"));
40
+ const PageHeaderBreadcrumb = aggregatedClasses(DSBreadcrumb)(`${blockName}-breadcrumb`);
41
+ const PageHeaderTitle = aggregatedClasses('div')(`${blockName}-title`);
42
+ const Subtitle = aggregatedClasses('div')(`${blockName}-title`, 'subtitle');
43
+ const BackArrow = aggregatedClasses(ChevronLeft)(`${blockName}-backarrow`);
44
44
 
45
45
  function HeaderTitle(_ref2) {
46
46
  let {
package/esm/v1/Title.js CHANGED
@@ -4,7 +4,7 @@ import { aggregatedClasses } from '@elliemae/ds-classnames';
4
4
  import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
5
5
 
6
6
  const blockName = 'page-header';
7
- const TitleWrapper = aggregatedClasses(DSTruncatedTooltipText)("".concat(blockName, "-title"), 'title');
7
+ const TitleWrapper = aggregatedClasses(DSTruncatedTooltipText)(`${blockName}-title`, 'title');
8
8
 
9
9
  const Title = _ref => {
10
10
  let {
package/esm/v1/TitleWrapper.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { aggregatedClasses } from '@elliemae/ds-classnames';
2
2
 
3
3
  const blockName = 'page-header';
4
- var TitleWrapper = aggregatedClasses('span')("".concat(blockName, "-title-wrapper"));
4
+ var TitleWrapper = aggregatedClasses('span')(`${blockName}-title-wrapper`);
5
5
 
6
6
  export { TitleWrapper as default };
package/esm/v2/PageHeader.js CHANGED
@@ -35,7 +35,7 @@ const Container = /*#__PURE__*/styled.div.withConfig({
35
35
  })(["width:100%;margin-bottom:8px;"]);
36
36
  const ContainerWBorder = /*#__PURE__*/styled.div.withConfig({
37
37
  componentId: "sc-ps4m9w-2"
38
- })(["width:100%;padding:12px 0 8px 0;display:grid;align-items:center;height:100%;", ""], props => !props.withBottomSeparator ? '' : "border-bottom: solid 1px ".concat(props.theme.colors.neutral[400], ";"));
38
+ })(["width:100%;padding:12px 0 8px 0;display:grid;align-items:center;height:100%;", ""], props => !props.withBottomSeparator ? '' : `border-bottom: solid 1px ${props.theme.colors.neutral[400]};`);
39
39
 
40
40
  const DSPageHeaderV2 = _ref => {
41
41
  let {
@@ -59,7 +59,7 @@ const DSPageHeaderV2 = _ref => {
59
59
  }, void 0, /*#__PURE__*/_jsx(Grid, {}, void 0, /*#__PURE__*/_jsx(PageHeaderBack, {}, void 0, backarrow)), /*#__PURE__*/_jsx(Grid, {
60
60
  rows: ['auto', 'auto']
61
61
  }, void 0, /*#__PURE__*/_jsx(Grid, {
62
- className: "".concat(cssPrefix, "-page-header-v2-breadcrumb")
62
+ className: `${cssPrefix}-page-header-v2-breadcrumb`
63
63
  }, void 0, breadcrumbs), /*#__PURE__*/_jsx(Grid, {
64
64
  cols: mainRow
65
65
  }, void 0, /*#__PURE__*/_jsx(Grid, {
package/esm/v2/components/PageHeaderEditableTitle/PageHeaderEditableTitle.js CHANGED
@@ -1,12 +1,11 @@
1
- import _jsx from '@babel/runtime/helpers/esm/jsx';
2
- import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
3
- import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
4
- import 'core-js/modules/web.dom-collections.iterator.js';
5
1
  import 'core-js/modules/esnext.async-iterator.filter.js';
6
2
  import 'core-js/modules/esnext.iterator.constructor.js';
7
3
  import 'core-js/modules/esnext.iterator.filter.js';
8
4
  import 'core-js/modules/esnext.async-iterator.for-each.js';
9
5
  import 'core-js/modules/esnext.iterator.for-each.js';
6
+ import _jsx from '@babel/runtime/helpers/esm/jsx';
7
+ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
8
+ import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
10
9
  import { useState, useRef } from 'react';
11
10
  import { noop } from 'lodash';
12
11
  import styled from 'styled-components';
package/esm/v2/components/blocks.js CHANGED
@@ -3,11 +3,11 @@ export { cssPrefix } from '@elliemae/ds-classnames';
3
3
  import { DSInput } from '@elliemae/ds-form';
4
4
 
5
5
  const blockName = 'page-header-v2';
6
- const PageHeaderTitleWrapper = aggregatedClasses('div')("".concat(blockName, "-title"), 'title');
7
- const EditableTitleComponent = aggregatedClasses(DSInput)("".concat(blockName, "-title"), 'editable-title');
8
- const PageHeaderBackWrapper = aggregatedClasses('div')("".concat(blockName, "-back"));
9
- const PageHeaderSummaryWrapper = aggregatedClasses('div')("".concat(blockName, "-summary"));
10
- const PageHeaderMenuWrapper = aggregatedClasses('div')("".concat(blockName, "-menu"));
11
- const PageHeaderToolbarWrapper = aggregatedClasses('div')("".concat(blockName, "-toolbar"));
6
+ const PageHeaderTitleWrapper = aggregatedClasses('div')(`${blockName}-title`, 'title');
7
+ const EditableTitleComponent = aggregatedClasses(DSInput)(`${blockName}-title`, 'editable-title');
8
+ const PageHeaderBackWrapper = aggregatedClasses('div')(`${blockName}-back`);
9
+ const PageHeaderSummaryWrapper = aggregatedClasses('div')(`${blockName}-summary`);
10
+ const PageHeaderMenuWrapper = aggregatedClasses('div')(`${blockName}-menu`);
11
+ const PageHeaderToolbarWrapper = aggregatedClasses('div')(`${blockName}-toolbar`);
12
12
 
13
13
  export { EditableTitleComponent, PageHeaderBackWrapper, PageHeaderMenuWrapper, PageHeaderSummaryWrapper, PageHeaderTitleWrapper, PageHeaderToolbarWrapper };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-page-header",
3
- "version": "2.4.2-rc.12",
3
+ "version": "2.4.2-rc.15",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Page Header",
6
6
  "module": "./esm/index.js",
@@ -100,16 +100,16 @@
100
100
  "build": "node ../../scripts/build/build.js"
101
101
  },
102
102
  "dependencies": {
103
- "@elliemae/ds-breadcrumb": "2.4.2-rc.12",
104
- "@elliemae/ds-button": "2.4.2-rc.12",
105
- "@elliemae/ds-classnames": "2.4.2-rc.12",
106
- "@elliemae/ds-dropdownmenu": "2.4.2-rc.12",
107
- "@elliemae/ds-form": "2.4.2-rc.12",
108
- "@elliemae/ds-grid": "2.4.2-rc.12",
109
- "@elliemae/ds-icon": "2.4.2-rc.12",
110
- "@elliemae/ds-icons": "2.4.2-rc.12",
111
- "@elliemae/ds-truncated-tooltip-text": "2.4.2-rc.12",
112
- "@elliemae/ds-utilities": "2.4.2-rc.12",
103
+ "@elliemae/ds-breadcrumb": "2.4.2-rc.15",
104
+ "@elliemae/ds-button": "2.4.2-rc.15",
105
+ "@elliemae/ds-classnames": "2.4.2-rc.15",
106
+ "@elliemae/ds-dropdownmenu": "2.4.2-rc.15",
107
+ "@elliemae/ds-form": "2.4.2-rc.15",
108
+ "@elliemae/ds-grid": "2.4.2-rc.15",
109
+ "@elliemae/ds-icon": "2.4.2-rc.15",
110
+ "@elliemae/ds-icons": "2.4.2-rc.15",
111
+ "@elliemae/ds-truncated-tooltip-text": "2.4.2-rc.15",
112
+ "@elliemae/ds-utilities": "2.4.2-rc.15",
113
113
  "prop-types": "~15.7.2",
114
114
  "react-desc": "~4.1.3"
115
115
  },