@elliemae/ds-separator 2.2.0-alpha.2 → 2.2.0-beta.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.
- package/cjs/DSSeparator.js +125 -92
- package/cjs/index.js +11 -36
- package/esm/DSSeparator.js +111 -60
- package/esm/index.js +1 -7
- package/package.json +2 -2
- package/types/DSSeparator.d.ts +1 -10
- package/cjs/DSSeparator.js.map +0 -7
- package/cjs/index.js.map +0 -7
- package/esm/DSSeparator.js.map +0 -7
- package/esm/index.js.map +0 -7
package/cjs/DSSeparator.js
CHANGED
|
@@ -1,113 +1,146 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
var
|
|
21
|
-
|
|
22
|
-
};
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var DSSeparator_exports = {};
|
|
29
|
-
__export(DSSeparator_exports, {
|
|
30
|
-
DSSeparator: () => DSSeparator,
|
|
31
|
-
DSSeparatorWithSchema: () => DSSeparatorWithSchema,
|
|
32
|
-
default: () => DSSeparator_default
|
|
33
|
-
});
|
|
34
|
-
var React = __toESM(require("react"));
|
|
35
|
-
var import_react = __toESM(require("react"));
|
|
36
|
-
var import_react_desc = __toESM(require("react-desc"));
|
|
37
|
-
var import_ds_classnames = __toESM(require("@elliemae/ds-classnames"));
|
|
38
|
-
const blockName = "separator";
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
require('core-js/modules/esnext.async-iterator.filter.js');
|
|
6
|
+
require('core-js/modules/esnext.iterator.constructor.js');
|
|
7
|
+
require('core-js/modules/esnext.iterator.filter.js');
|
|
8
|
+
require('core-js/modules/esnext.async-iterator.for-each.js');
|
|
9
|
+
require('core-js/modules/esnext.iterator.for-each.js');
|
|
10
|
+
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
11
|
+
var _jsx = require('@babel/runtime/helpers/jsx');
|
|
12
|
+
require('react');
|
|
13
|
+
var reactDesc = require('react-desc');
|
|
14
|
+
var dsClassnames = require('@elliemae/ds-classnames');
|
|
15
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
16
|
+
|
|
17
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
18
|
+
|
|
19
|
+
var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
|
|
20
|
+
var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
|
|
21
|
+
|
|
22
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
23
|
+
|
|
24
|
+
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; }
|
|
25
|
+
const blockName = 'separator';
|
|
39
26
|
const MARGIN_SIZE = {
|
|
40
|
-
S:
|
|
41
|
-
M:
|
|
42
|
-
L:
|
|
43
|
-
none:
|
|
27
|
+
S: 's',
|
|
28
|
+
M: 'm',
|
|
29
|
+
L: 'l',
|
|
30
|
+
none: 'none'
|
|
44
31
|
};
|
|
45
32
|
const POSITION = {
|
|
46
|
-
INITIAL:
|
|
47
|
-
CENTER:
|
|
48
|
-
END:
|
|
33
|
+
INITIAL: 'initial',
|
|
34
|
+
CENTER: 'center',
|
|
35
|
+
END: 'end'
|
|
49
36
|
};
|
|
50
|
-
const SeparatorWrapper =
|
|
51
|
-
|
|
52
|
-
[margin]: margin,
|
|
53
|
-
[orientation]: orientation,
|
|
54
|
-
[position]: position
|
|
55
|
-
}));
|
|
56
|
-
const Separator = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, null, ({ dashed, margin, orientation, type }) => ({
|
|
57
|
-
dashed,
|
|
58
|
-
[margin]: margin,
|
|
59
|
-
[orientation]: orientation,
|
|
60
|
-
[type]: type
|
|
61
|
-
}));
|
|
62
|
-
const types = ["category-level", "group-level", "non-form"];
|
|
63
|
-
const DSSeparator = ({
|
|
64
|
-
containerProps,
|
|
65
|
-
dashed,
|
|
66
|
-
margin,
|
|
67
|
-
orientation,
|
|
68
|
-
type,
|
|
69
|
-
position,
|
|
70
|
-
className,
|
|
71
|
-
style
|
|
72
|
-
}) => /* @__PURE__ */ import_react.default.createElement(SeparatorWrapper, {
|
|
73
|
-
...containerProps,
|
|
74
|
-
className,
|
|
75
|
-
classProps: {
|
|
37
|
+
const SeparatorWrapper = dsClassnames.aggregatedClasses('div')('separator-wrapper', null, _ref => {
|
|
38
|
+
let {
|
|
76
39
|
margin,
|
|
77
40
|
orientation,
|
|
78
41
|
dashed,
|
|
79
42
|
position
|
|
80
|
-
}
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
43
|
+
} = _ref;
|
|
44
|
+
return {
|
|
45
|
+
dashed,
|
|
46
|
+
[margin]: margin,
|
|
47
|
+
[orientation]: orientation,
|
|
48
|
+
[position]: position
|
|
49
|
+
};
|
|
50
|
+
});
|
|
51
|
+
const Separator = dsClassnames.aggregatedClasses('div')(blockName, null, _ref2 => {
|
|
52
|
+
let {
|
|
84
53
|
dashed,
|
|
85
54
|
margin,
|
|
86
55
|
orientation,
|
|
87
56
|
type
|
|
88
|
-
}
|
|
89
|
-
|
|
57
|
+
} = _ref2;
|
|
58
|
+
return {
|
|
59
|
+
dashed,
|
|
60
|
+
[margin]: margin,
|
|
61
|
+
[orientation]: orientation,
|
|
62
|
+
[type]: type
|
|
63
|
+
};
|
|
64
|
+
});
|
|
65
|
+
const types = ['category-level', 'group-level', 'non-form'];
|
|
66
|
+
|
|
67
|
+
const DSSeparator = _ref3 => {
|
|
68
|
+
let {
|
|
69
|
+
containerProps,
|
|
70
|
+
dashed,
|
|
71
|
+
margin,
|
|
72
|
+
orientation,
|
|
73
|
+
type,
|
|
74
|
+
position,
|
|
75
|
+
className,
|
|
76
|
+
style
|
|
77
|
+
} = _ref3;
|
|
78
|
+
return /*#__PURE__*/jsxRuntime.jsx(SeparatorWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
|
|
79
|
+
className: className,
|
|
80
|
+
classProps: {
|
|
81
|
+
margin,
|
|
82
|
+
orientation,
|
|
83
|
+
dashed,
|
|
84
|
+
position
|
|
85
|
+
},
|
|
86
|
+
style: style,
|
|
87
|
+
children: /*#__PURE__*/_jsx__default["default"](Separator, {
|
|
88
|
+
classProps: {
|
|
89
|
+
dashed,
|
|
90
|
+
margin,
|
|
91
|
+
orientation,
|
|
92
|
+
type
|
|
93
|
+
}
|
|
94
|
+
})
|
|
95
|
+
}));
|
|
96
|
+
};
|
|
97
|
+
|
|
90
98
|
DSSeparator.defaultProps = {
|
|
91
99
|
containerProps: {},
|
|
92
100
|
dashed: false,
|
|
93
101
|
margin: MARGIN_SIZE.S,
|
|
94
|
-
orientation:
|
|
95
|
-
type:
|
|
102
|
+
orientation: 'horizontal',
|
|
103
|
+
type: 'category-level',
|
|
96
104
|
position: POSITION.INITIAL
|
|
97
105
|
};
|
|
98
106
|
const props = {
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
+
/** class for separator */
|
|
108
|
+
className: reactDesc.PropTypes.string.description('class for separator'),
|
|
109
|
+
|
|
110
|
+
/** style object for separator */
|
|
111
|
+
style: reactDesc.PropTypes.object.description('style object for separator'),
|
|
112
|
+
|
|
113
|
+
/** Injected props to wrapper element of component */
|
|
114
|
+
containerProps: reactDesc.PropTypes.object.description('Injected props to wrapper element of component'),
|
|
115
|
+
|
|
116
|
+
/**
|
|
117
|
+
* If the separator has to be dashed or solid
|
|
118
|
+
*/
|
|
119
|
+
dashed: reactDesc.PropTypes.bool.description('If the separator has to be dashed or solid'),
|
|
120
|
+
|
|
121
|
+
/**
|
|
122
|
+
* Amount of margin to be added to the separator
|
|
123
|
+
*/
|
|
124
|
+
margin: reactDesc.PropTypes.oneOf(['s', 'm', 'l', 'none']).description('Amount of margin to be added to the separator'),
|
|
125
|
+
|
|
126
|
+
/**
|
|
127
|
+
* Orientation 'horizontal' or 'vertical'
|
|
128
|
+
*/
|
|
129
|
+
orientation: reactDesc.PropTypes.string.description("Orientation 'horizontal' or 'vertical'"),
|
|
130
|
+
|
|
131
|
+
/**
|
|
132
|
+
* ['category-level', 'group-level', 'non-form']
|
|
133
|
+
*/
|
|
134
|
+
type: reactDesc.PropTypes.oneOf(types).description("['category-level', 'group-level', 'non-form']"),
|
|
135
|
+
|
|
136
|
+
/**
|
|
137
|
+
* ['initial', 'center', 'end']
|
|
138
|
+
*/
|
|
139
|
+
position: reactDesc.PropTypes.oneOf(['initial', 'center', 'end']).description("['initial', 'center', 'end']")
|
|
107
140
|
};
|
|
108
|
-
|
|
109
|
-
const DSSeparatorWithSchema = (0, import_react_desc.describe)(DSSeparator);
|
|
141
|
+
const DSSeparatorWithSchema = reactDesc.describe(DSSeparator);
|
|
110
142
|
DSSeparatorWithSchema.propTypes = props;
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
143
|
+
|
|
144
|
+
exports.DSSeparator = DSSeparator;
|
|
145
|
+
exports.DSSeparatorWithSchema = DSSeparatorWithSchema;
|
|
146
|
+
exports["default"] = DSSeparator;
|
package/cjs/index.js
CHANGED
|
@@ -1,36 +1,11 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
var __reExport = (target, module2, copyDefault, desc) => {
|
|
13
|
-
if (module2 && typeof module2 === "object" || typeof module2 === "function") {
|
|
14
|
-
for (let key of __getOwnPropNames(module2))
|
|
15
|
-
if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
|
|
16
|
-
__defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
|
|
17
|
-
}
|
|
18
|
-
return target;
|
|
19
|
-
};
|
|
20
|
-
var __toESM = (module2, isNodeMode) => {
|
|
21
|
-
return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
|
|
22
|
-
};
|
|
23
|
-
var __toCommonJS = /* @__PURE__ */ ((cache) => {
|
|
24
|
-
return (module2, temp) => {
|
|
25
|
-
return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
|
|
26
|
-
};
|
|
27
|
-
})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
|
|
28
|
-
var src_exports = {};
|
|
29
|
-
__export(src_exports, {
|
|
30
|
-
default: () => import_DSSeparator.default
|
|
31
|
-
});
|
|
32
|
-
var React = __toESM(require("react"));
|
|
33
|
-
__reExport(src_exports, __toESM(require("./DSSeparator")));
|
|
34
|
-
var import_DSSeparator = __toESM(require("./DSSeparator"));
|
|
35
|
-
module.exports = __toCommonJS(src_exports);
|
|
36
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var DSSeparator = require('./DSSeparator.js');
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
exports.DSSeparator = DSSeparator.DSSeparator;
|
|
10
|
+
exports.DSSeparatorWithSchema = DSSeparator.DSSeparatorWithSchema;
|
|
11
|
+
exports["default"] = DSSeparator.DSSeparator;
|
package/esm/DSSeparator.js
CHANGED
|
@@ -1,84 +1,135 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
1
|
+
import 'core-js/modules/esnext.async-iterator.filter.js';
|
|
2
|
+
import 'core-js/modules/esnext.iterator.constructor.js';
|
|
3
|
+
import 'core-js/modules/esnext.iterator.filter.js';
|
|
4
|
+
import 'core-js/modules/esnext.async-iterator.for-each.js';
|
|
5
|
+
import 'core-js/modules/esnext.iterator.for-each.js';
|
|
6
|
+
import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
|
|
7
|
+
import _jsx from '@babel/runtime/helpers/esm/jsx';
|
|
8
|
+
import 'react';
|
|
9
|
+
import { PropTypes, describe } from 'react-desc';
|
|
10
|
+
import { aggregatedClasses } from '@elliemae/ds-classnames';
|
|
11
|
+
import { jsx } from 'react/jsx-runtime';
|
|
12
|
+
|
|
13
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
14
|
+
|
|
15
|
+
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; }
|
|
16
|
+
const blockName = 'separator';
|
|
6
17
|
const MARGIN_SIZE = {
|
|
7
|
-
S:
|
|
8
|
-
M:
|
|
9
|
-
L:
|
|
10
|
-
none:
|
|
18
|
+
S: 's',
|
|
19
|
+
M: 'm',
|
|
20
|
+
L: 'l',
|
|
21
|
+
none: 'none'
|
|
11
22
|
};
|
|
12
23
|
const POSITION = {
|
|
13
|
-
INITIAL:
|
|
14
|
-
CENTER:
|
|
15
|
-
END:
|
|
24
|
+
INITIAL: 'initial',
|
|
25
|
+
CENTER: 'center',
|
|
26
|
+
END: 'end'
|
|
16
27
|
};
|
|
17
|
-
const SeparatorWrapper = aggregatedClasses(
|
|
18
|
-
|
|
19
|
-
[margin]: margin,
|
|
20
|
-
[orientation]: orientation,
|
|
21
|
-
[position]: position
|
|
22
|
-
}));
|
|
23
|
-
const Separator = aggregatedClasses("div")(blockName, null, ({ dashed, margin, orientation, type }) => ({
|
|
24
|
-
dashed,
|
|
25
|
-
[margin]: margin,
|
|
26
|
-
[orientation]: orientation,
|
|
27
|
-
[type]: type
|
|
28
|
-
}));
|
|
29
|
-
const types = ["category-level", "group-level", "non-form"];
|
|
30
|
-
const DSSeparator = ({
|
|
31
|
-
containerProps,
|
|
32
|
-
dashed,
|
|
33
|
-
margin,
|
|
34
|
-
orientation,
|
|
35
|
-
type,
|
|
36
|
-
position,
|
|
37
|
-
className,
|
|
38
|
-
style
|
|
39
|
-
}) => /* @__PURE__ */ React2.createElement(SeparatorWrapper, {
|
|
40
|
-
...containerProps,
|
|
41
|
-
className,
|
|
42
|
-
classProps: {
|
|
28
|
+
const SeparatorWrapper = aggregatedClasses('div')('separator-wrapper', null, _ref => {
|
|
29
|
+
let {
|
|
43
30
|
margin,
|
|
44
31
|
orientation,
|
|
45
32
|
dashed,
|
|
46
33
|
position
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
34
|
+
} = _ref;
|
|
35
|
+
return {
|
|
36
|
+
dashed,
|
|
37
|
+
[margin]: margin,
|
|
38
|
+
[orientation]: orientation,
|
|
39
|
+
[position]: position
|
|
40
|
+
};
|
|
41
|
+
});
|
|
42
|
+
const Separator = aggregatedClasses('div')(blockName, null, _ref2 => {
|
|
43
|
+
let {
|
|
51
44
|
dashed,
|
|
52
45
|
margin,
|
|
53
46
|
orientation,
|
|
54
47
|
type
|
|
55
|
-
}
|
|
56
|
-
|
|
48
|
+
} = _ref2;
|
|
49
|
+
return {
|
|
50
|
+
dashed,
|
|
51
|
+
[margin]: margin,
|
|
52
|
+
[orientation]: orientation,
|
|
53
|
+
[type]: type
|
|
54
|
+
};
|
|
55
|
+
});
|
|
56
|
+
const types = ['category-level', 'group-level', 'non-form'];
|
|
57
|
+
|
|
58
|
+
const DSSeparator = _ref3 => {
|
|
59
|
+
let {
|
|
60
|
+
containerProps,
|
|
61
|
+
dashed,
|
|
62
|
+
margin,
|
|
63
|
+
orientation,
|
|
64
|
+
type,
|
|
65
|
+
position,
|
|
66
|
+
className,
|
|
67
|
+
style
|
|
68
|
+
} = _ref3;
|
|
69
|
+
return /*#__PURE__*/jsx(SeparatorWrapper, _objectSpread(_objectSpread({}, containerProps), {}, {
|
|
70
|
+
className: className,
|
|
71
|
+
classProps: {
|
|
72
|
+
margin,
|
|
73
|
+
orientation,
|
|
74
|
+
dashed,
|
|
75
|
+
position
|
|
76
|
+
},
|
|
77
|
+
style: style,
|
|
78
|
+
children: /*#__PURE__*/_jsx(Separator, {
|
|
79
|
+
classProps: {
|
|
80
|
+
dashed,
|
|
81
|
+
margin,
|
|
82
|
+
orientation,
|
|
83
|
+
type
|
|
84
|
+
}
|
|
85
|
+
})
|
|
86
|
+
}));
|
|
87
|
+
};
|
|
88
|
+
|
|
57
89
|
DSSeparator.defaultProps = {
|
|
58
90
|
containerProps: {},
|
|
59
91
|
dashed: false,
|
|
60
92
|
margin: MARGIN_SIZE.S,
|
|
61
|
-
orientation:
|
|
62
|
-
type:
|
|
93
|
+
orientation: 'horizontal',
|
|
94
|
+
type: 'category-level',
|
|
63
95
|
position: POSITION.INITIAL
|
|
64
96
|
};
|
|
65
97
|
const props = {
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
98
|
+
/** class for separator */
|
|
99
|
+
className: PropTypes.string.description('class for separator'),
|
|
100
|
+
|
|
101
|
+
/** style object for separator */
|
|
102
|
+
style: PropTypes.object.description('style object for separator'),
|
|
103
|
+
|
|
104
|
+
/** Injected props to wrapper element of component */
|
|
105
|
+
containerProps: PropTypes.object.description('Injected props to wrapper element of component'),
|
|
106
|
+
|
|
107
|
+
/**
|
|
108
|
+
* If the separator has to be dashed or solid
|
|
109
|
+
*/
|
|
110
|
+
dashed: PropTypes.bool.description('If the separator has to be dashed or solid'),
|
|
111
|
+
|
|
112
|
+
/**
|
|
113
|
+
* Amount of margin to be added to the separator
|
|
114
|
+
*/
|
|
115
|
+
margin: PropTypes.oneOf(['s', 'm', 'l', 'none']).description('Amount of margin to be added to the separator'),
|
|
116
|
+
|
|
117
|
+
/**
|
|
118
|
+
* Orientation 'horizontal' or 'vertical'
|
|
119
|
+
*/
|
|
71
120
|
orientation: PropTypes.string.description("Orientation 'horizontal' or 'vertical'"),
|
|
121
|
+
|
|
122
|
+
/**
|
|
123
|
+
* ['category-level', 'group-level', 'non-form']
|
|
124
|
+
*/
|
|
72
125
|
type: PropTypes.oneOf(types).description("['category-level', 'group-level', 'non-form']"),
|
|
73
|
-
|
|
126
|
+
|
|
127
|
+
/**
|
|
128
|
+
* ['initial', 'center', 'end']
|
|
129
|
+
*/
|
|
130
|
+
position: PropTypes.oneOf(['initial', 'center', 'end']).description("['initial', 'center', 'end']")
|
|
74
131
|
};
|
|
75
|
-
DSSeparator.propTypes = props;
|
|
76
132
|
const DSSeparatorWithSchema = describe(DSSeparator);
|
|
77
133
|
DSSeparatorWithSchema.propTypes = props;
|
|
78
|
-
|
|
79
|
-
export {
|
|
80
|
-
DSSeparator,
|
|
81
|
-
DSSeparatorWithSchema,
|
|
82
|
-
DSSeparator_default as default
|
|
83
|
-
};
|
|
84
|
-
//# sourceMappingURL=DSSeparator.js.map
|
|
134
|
+
|
|
135
|
+
export { DSSeparator, DSSeparatorWithSchema, DSSeparator as default };
|
package/esm/index.js
CHANGED
|
@@ -1,7 +1 @@
|
|
|
1
|
-
|
|
2
|
-
export * from "./DSSeparator";
|
|
3
|
-
import { default as default2 } from "./DSSeparator";
|
|
4
|
-
export {
|
|
5
|
-
default2 as default
|
|
6
|
-
};
|
|
7
|
-
//# sourceMappingURL=index.js.map
|
|
1
|
+
export { DSSeparator, DSSeparatorWithSchema, DSSeparator as default } from './DSSeparator.js';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-separator",
|
|
3
|
-
"version": "2.2.0-
|
|
3
|
+
"version": "2.2.0-beta.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Separator",
|
|
6
6
|
"module": "./esm/index.js",
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"build": "node ../../scripts/build/build.js"
|
|
37
37
|
},
|
|
38
38
|
"dependencies": {
|
|
39
|
-
"@elliemae/ds-classnames": "2.2.0-
|
|
39
|
+
"@elliemae/ds-classnames": "2.2.0-beta.0",
|
|
40
40
|
"react-desc": "~4.1.3"
|
|
41
41
|
},
|
|
42
42
|
"peerDependencies": {
|
package/types/DSSeparator.d.ts
CHANGED
|
@@ -89,16 +89,7 @@ declare const DSSeparator: {
|
|
|
89
89
|
};
|
|
90
90
|
};
|
|
91
91
|
declare const DSSeparatorWithSchema: {
|
|
92
|
-
(props?:
|
|
93
|
-
containerProps: any;
|
|
94
|
-
dashed: any;
|
|
95
|
-
margin: any;
|
|
96
|
-
orientation: any;
|
|
97
|
-
type: any;
|
|
98
|
-
position: any;
|
|
99
|
-
className: any;
|
|
100
|
-
style: any;
|
|
101
|
-
} | undefined): JSX.Element;
|
|
92
|
+
(props?: unknown): JSX.Element;
|
|
102
93
|
propTypes: unknown;
|
|
103
94
|
toTypescript: () => import("react-desc").TypescriptSchema;
|
|
104
95
|
};
|
package/cjs/DSSeparator.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/DSSeparator.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'separator';\n\nconst MARGIN_SIZE = {\n S: 's',\n M: 'm',\n L: 'l',\n none: 'none',\n};\n\nconst POSITION = {\n INITIAL: 'initial',\n CENTER: 'center',\n END: 'end',\n};\n\nconst SeparatorWrapper = aggregatedClasses('div')(\n 'separator-wrapper',\n null,\n ({ margin, orientation, dashed, position }) => ({\n dashed,\n [margin]: margin,\n [orientation]: orientation,\n [position]: position,\n }),\n);\n\nconst Separator = aggregatedClasses('div')(\n blockName,\n null,\n ({ dashed, margin, orientation, type }) => ({\n dashed,\n [margin]: margin,\n [orientation]: orientation,\n [type]: type,\n }),\n);\n\nconst types = ['category-level', 'group-level', 'non-form'];\n\nconst DSSeparator = ({\n containerProps,\n dashed,\n margin,\n orientation,\n type,\n position,\n className,\n style,\n}) => (\n <SeparatorWrapper\n {...containerProps}\n className={className}\n classProps={{\n margin,\n orientation,\n dashed,\n position,\n }}\n style={style}\n >\n <Separator\n classProps={{\n dashed,\n margin,\n orientation,\n type,\n }}\n />\n </SeparatorWrapper>\n);\n\nDSSeparator.defaultProps = {\n containerProps: {},\n dashed: false,\n margin: MARGIN_SIZE.S,\n orientation: 'horizontal',\n type: 'category-level',\n position: POSITION.INITIAL,\n};\n\nconst props = {\n /** class for separator */\n className: PropTypes.string.description('class for separator'),\n /** style object for separator */\n style: PropTypes.object.description('style object for separator'),\n /** Injected props to wrapper element of component */\n containerProps: PropTypes.object.description(\n 'Injected props to wrapper element of component',\n ),\n /**\n * If the separator has to be dashed or solid\n */\n dashed: PropTypes.bool.description(\n 'If the separator has to be dashed or solid',\n ),\n /**\n * Amount of margin to be added to the separator\n */\n margin: PropTypes.oneOf(['s', 'm', 'l', 'none']).description(\n 'Amount of margin to be added to the separator',\n ),\n /**\n * Orientation 'horizontal' or 'vertical'\n */\n orientation: PropTypes.string.description(\n \"Orientation 'horizontal' or 'vertical'\",\n ),\n /**\n * ['category-level', 'group-level', 'non-form']\n */\n type: PropTypes.oneOf(types).description(\n \"['category-level', 'group-level', 'non-form']\",\n ),\n /**\n * ['initial', 'center', 'end']\n */\n position: PropTypes.oneOf(['initial', 'center', 'end']).description(\n \"['initial', 'center', 'end']\",\n ),\n};\n\nDSSeparator.propTypes = props;\n\nconst DSSeparatorWithSchema = describe(DSSeparator);\n\nDSSeparatorWithSchema.propTypes = props;\n\nexport { DSSeparator, DSSeparatorWithSchema };\nexport default DSSeparator;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,cAAc;AAAA,EAClB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM;AAAA;AAGR,MAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK;AAAA;AAGP,MAAM,mBAAmB,4CAAkB,OACzC,qBACA,MACA,CAAC,EAAE,QAAQ,aAAa,QAAQ,eAAgB;AAAA,EAC9C;AAAA,GACC,SAAS;AAAA,GACT,cAAc;AAAA,GACd,WAAW;AAAA;AAIhB,MAAM,YAAY,4CAAkB,OAClC,WACA,MACA,CAAC,EAAE,QAAQ,QAAQ,aAAa,WAAY;AAAA,EAC1C;AAAA,GACC,SAAS;AAAA,GACT,cAAc;AAAA,GACd,OAAO;AAAA;AAIZ,MAAM,QAAQ,CAAC,kBAAkB,eAAe;AAEhD,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC,kBAAD;AAAA,KACM;AAAA,EACJ;AAAA,EACA,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF;AAAA,GAEA,mDAAC,WAAD;AAAA,EACE,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAMR,YAAY,eAAe;AAAA,EACzB,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,QAAQ,YAAY;AAAA,EACpB,aAAa;AAAA,EACb,MAAM;AAAA,EACN,UAAU,SAAS;AAAA;AAGrB,MAAM,QAAQ;AAAA,EAEZ,WAAW,4BAAU,OAAO,YAAY;AAAA,EAExC,OAAO,4BAAU,OAAO,YAAY;AAAA,EAEpC,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAKF,QAAQ,4BAAU,KAAK,YACrB;AAAA,EAKF,QAAQ,4BAAU,MAAM,CAAC,KAAK,KAAK,KAAK,SAAS,YAC/C;AAAA,EAKF,aAAa,4BAAU,OAAO,YAC5B;AAAA,EAKF,MAAM,4BAAU,MAAM,OAAO,YAC3B;AAAA,EAKF,UAAU,4BAAU,MAAM,CAAC,WAAW,UAAU,QAAQ,YACtD;AAAA;AAIJ,YAAY,YAAY;AAExB,MAAM,wBAAwB,gCAAS;AAEvC,sBAAsB,YAAY;AAGlC,IAAO,sBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/cjs/index.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export * from './DSSeparator';\nexport { default } from './DSSeparator';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,yBAAwB;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/esm/DSSeparator.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSSeparator.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst blockName = 'separator';\n\nconst MARGIN_SIZE = {\n S: 's',\n M: 'm',\n L: 'l',\n none: 'none',\n};\n\nconst POSITION = {\n INITIAL: 'initial',\n CENTER: 'center',\n END: 'end',\n};\n\nconst SeparatorWrapper = aggregatedClasses('div')(\n 'separator-wrapper',\n null,\n ({ margin, orientation, dashed, position }) => ({\n dashed,\n [margin]: margin,\n [orientation]: orientation,\n [position]: position,\n }),\n);\n\nconst Separator = aggregatedClasses('div')(\n blockName,\n null,\n ({ dashed, margin, orientation, type }) => ({\n dashed,\n [margin]: margin,\n [orientation]: orientation,\n [type]: type,\n }),\n);\n\nconst types = ['category-level', 'group-level', 'non-form'];\n\nconst DSSeparator = ({\n containerProps,\n dashed,\n margin,\n orientation,\n type,\n position,\n className,\n style,\n}) => (\n <SeparatorWrapper\n {...containerProps}\n className={className}\n classProps={{\n margin,\n orientation,\n dashed,\n position,\n }}\n style={style}\n >\n <Separator\n classProps={{\n dashed,\n margin,\n orientation,\n type,\n }}\n />\n </SeparatorWrapper>\n);\n\nDSSeparator.defaultProps = {\n containerProps: {},\n dashed: false,\n margin: MARGIN_SIZE.S,\n orientation: 'horizontal',\n type: 'category-level',\n position: POSITION.INITIAL,\n};\n\nconst props = {\n /** class for separator */\n className: PropTypes.string.description('class for separator'),\n /** style object for separator */\n style: PropTypes.object.description('style object for separator'),\n /** Injected props to wrapper element of component */\n containerProps: PropTypes.object.description(\n 'Injected props to wrapper element of component',\n ),\n /**\n * If the separator has to be dashed or solid\n */\n dashed: PropTypes.bool.description(\n 'If the separator has to be dashed or solid',\n ),\n /**\n * Amount of margin to be added to the separator\n */\n margin: PropTypes.oneOf(['s', 'm', 'l', 'none']).description(\n 'Amount of margin to be added to the separator',\n ),\n /**\n * Orientation 'horizontal' or 'vertical'\n */\n orientation: PropTypes.string.description(\n \"Orientation 'horizontal' or 'vertical'\",\n ),\n /**\n * ['category-level', 'group-level', 'non-form']\n */\n type: PropTypes.oneOf(types).description(\n \"['category-level', 'group-level', 'non-form']\",\n ),\n /**\n * ['initial', 'center', 'end']\n */\n position: PropTypes.oneOf(['initial', 'center', 'end']).description(\n \"['initial', 'center', 'end']\",\n ),\n};\n\nDSSeparator.propTypes = props;\n\nconst DSSeparatorWithSchema = describe(DSSeparator);\n\nDSSeparatorWithSchema.propTypes = props;\n\nexport { DSSeparator, DSSeparatorWithSchema };\nexport default DSSeparator;\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,cAAc;AAAA,EAClB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM;AAAA;AAGR,MAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK;AAAA;AAGP,MAAM,mBAAmB,kBAAkB,OACzC,qBACA,MACA,CAAC,EAAE,QAAQ,aAAa,QAAQ,eAAgB;AAAA,EAC9C;AAAA,GACC,SAAS;AAAA,GACT,cAAc;AAAA,GACd,WAAW;AAAA;AAIhB,MAAM,YAAY,kBAAkB,OAClC,WACA,MACA,CAAC,EAAE,QAAQ,QAAQ,aAAa,WAAY;AAAA,EAC1C;AAAA,GACC,SAAS;AAAA,GACT,cAAc;AAAA,GACd,OAAO;AAAA;AAIZ,MAAM,QAAQ,CAAC,kBAAkB,eAAe;AAEhD,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC,kBAAD;AAAA,KACM;AAAA,EACJ;AAAA,EACA,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA,EAEF;AAAA,GAEA,qCAAC,WAAD;AAAA,EACE,YAAY;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAMR,YAAY,eAAe;AAAA,EACzB,gBAAgB;AAAA,EAChB,QAAQ;AAAA,EACR,QAAQ,YAAY;AAAA,EACpB,aAAa;AAAA,EACb,MAAM;AAAA,EACN,UAAU,SAAS;AAAA;AAGrB,MAAM,QAAQ;AAAA,EAEZ,WAAW,UAAU,OAAO,YAAY;AAAA,EAExC,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAKF,QAAQ,UAAU,KAAK,YACrB;AAAA,EAKF,QAAQ,UAAU,MAAM,CAAC,KAAK,KAAK,KAAK,SAAS,YAC/C;AAAA,EAKF,aAAa,UAAU,OAAO,YAC5B;AAAA,EAKF,MAAM,UAAU,MAAM,OAAO,YAC3B;AAAA,EAKF,UAAU,UAAU,MAAM,CAAC,WAAW,UAAU,QAAQ,YACtD;AAAA;AAIJ,YAAY,YAAY;AAExB,MAAM,wBAAwB,SAAS;AAEvC,sBAAsB,YAAY;AAGlC,IAAO,sBAAQ;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|
package/esm/index.js.map
DELETED
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSSeparator';\nexport { default } from './DSSeparator';\n"],
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;",
|
|
6
|
-
"names": []
|
|
7
|
-
}
|