@elliemae/ds-separator 3.16.0-next.2 → 3.16.0-next.4
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/dist/cjs/DSSeparator.js +10 -10
- package/dist/cjs/DSSeparator.js.map +2 -2
- package/dist/cjs/package.json +7 -0
- package/dist/cjs/v2/DSSeparatorV2.js +6 -6
- package/dist/cjs/v2/DSSeparatorV2.js.map +2 -2
- package/dist/cjs/v2/react-desc-prop-types.js +7 -7
- package/dist/cjs/v2/react-desc-prop-types.js.map +2 -2
- package/dist/esm/DSSeparator.js +1 -1
- package/dist/esm/DSSeparator.js.map +1 -1
- package/dist/esm/package.json +7 -0
- package/dist/esm/v2/DSSeparatorV2.js +1 -1
- package/dist/esm/v2/DSSeparatorV2.js.map +1 -1
- package/dist/esm/v2/react-desc-prop-types.js +1 -1
- package/dist/esm/v2/react-desc-prop-types.js.map +1 -1
- package/dist/types/DSSeparator.d.ts +9 -9
- package/dist/types/v2/DSSeparatorV2.d.ts +1 -1
- package/dist/types/v2/react-desc-prop-types.d.ts +446 -446
- package/package.json +6 -5
package/dist/cjs/DSSeparator.js
CHANGED
|
@@ -31,7 +31,7 @@ __export(DSSeparator_exports, {
|
|
|
31
31
|
module.exports = __toCommonJS(DSSeparator_exports);
|
|
32
32
|
var React = __toESM(require("react"));
|
|
33
33
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
34
|
-
var
|
|
34
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
35
35
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
36
36
|
const blockName = "separator";
|
|
37
37
|
const MARGIN_SIZE = {
|
|
@@ -96,18 +96,18 @@ DSSeparator.defaultProps = {
|
|
|
96
96
|
position: POSITION.INITIAL
|
|
97
97
|
};
|
|
98
98
|
const props = {
|
|
99
|
-
className:
|
|
100
|
-
style:
|
|
101
|
-
containerProps:
|
|
102
|
-
dashed:
|
|
103
|
-
margin:
|
|
104
|
-
orientation:
|
|
105
|
-
type:
|
|
106
|
-
position:
|
|
99
|
+
className: import_ds_props_helpers.PropTypes.string.description("class for separator"),
|
|
100
|
+
style: import_ds_props_helpers.PropTypes.object.description("style object for separator"),
|
|
101
|
+
containerProps: import_ds_props_helpers.PropTypes.object.description("Injected props to wrapper element of component"),
|
|
102
|
+
dashed: import_ds_props_helpers.PropTypes.bool.description("If the separator has to be dashed or solid"),
|
|
103
|
+
margin: import_ds_props_helpers.PropTypes.oneOf(["s", "m", "l", "none"]).description("Amount of margin to be added to the separator"),
|
|
104
|
+
orientation: import_ds_props_helpers.PropTypes.string.description("Orientation 'horizontal' or 'vertical'"),
|
|
105
|
+
type: import_ds_props_helpers.PropTypes.oneOf(types).description("['category-level', 'group-level', 'non-form']"),
|
|
106
|
+
position: import_ds_props_helpers.PropTypes.oneOf(["initial", "center", "end"]).description("['initial', 'center', 'end']")
|
|
107
107
|
};
|
|
108
108
|
DSSeparator.propTypes = props;
|
|
109
109
|
DSSeparator.displayName = "DSSeparator";
|
|
110
|
-
const DSSeparatorWithSchema = (0,
|
|
110
|
+
const DSSeparatorWithSchema = (0, import_ds_props_helpers.describe)(DSSeparator);
|
|
111
111
|
DSSeparatorWithSchema.propTypes = props;
|
|
112
112
|
var DSSeparator_default = DSSeparator;
|
|
113
113
|
//# sourceMappingURL=DSSeparator.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSSeparator.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmDnB;AAlDJ,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\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')(blockName, null, ({ dashed, margin, orientation, type }) => ({\n dashed,\n [margin]: margin,\n [orientation]: orientation,\n [type]: type,\n}));\n\nconst types = ['category-level', 'group-level', 'non-form'];\n\nconst DSSeparator = ({ containerProps, dashed, margin, orientation, type, position, className, style }) => (\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('Injected props to wrapper element of component'),\n /**\n * If the separator has to be dashed or solid\n */\n dashed: PropTypes.bool.description('If the separator has to be dashed or solid'),\n /**\n * Amount of margin to be added to the separator\n */\n margin: PropTypes.oneOf(['s', 'm', 'l', 'none']).description('Amount of margin to be added to the separator'),\n /**\n * Orientation 'horizontal' or 'vertical'\n */\n orientation: PropTypes.string.description(\"Orientation 'horizontal' or 'vertical'\"),\n /**\n * ['category-level', 'group-level', 'non-form']\n */\n type: PropTypes.oneOf(types).description(\"['category-level', 'group-level', 'non-form']\"),\n /**\n * ['initial', 'center', 'end']\n */\n position: PropTypes.oneOf(['initial', 'center', 'end']).description(\"['initial', 'center', 'end']\"),\n};\n\nDSSeparator.propTypes = props;\nDSSeparator.displayName = 'DSSeparator';\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;AAAA;ACAA,YAAuB;ADmDnB;AAlDJ,8BAAoC;AACpC,2BAAkC;AAElC,MAAM,YAAY;AAElB,MAAM,cAAc;AAAA,EAClB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM;AACR;AAEA,MAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK;AACP;AAEA,MAAM,uBAAmB,wCAAkB,KAAK;AAAA,EAC9C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,QAAQ,aAAa,QAAQ,SAAS,OAAO;AAAA,IAC9C;AAAA,IACA,CAAC,SAAS;AAAA,IACV,CAAC,cAAc;AAAA,IACf,CAAC,WAAW;AAAA,EACd;AACF;AAEA,MAAM,gBAAY,wCAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,QAAQ,QAAQ,aAAa,KAAK,OAAO;AAAA,EACtG;AAAA,EACA,CAAC,SAAS;AAAA,EACV,CAAC,cAAc;AAAA,EACf,CAAC,OAAO;AACV,EAAE;AAEF,MAAM,QAAQ,CAAC,kBAAkB,eAAe,UAAU;AAE1D,MAAM,cAAc,CAAC,EAAE,gBAAgB,QAAQ,QAAQ,aAAa,MAAM,UAAU,WAAW,MAAM,MACnG;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA;AAAA,IACF;AAAA;AACF;AAGF,YAAY,eAAe;AAAA,EACzB,gBAAgB,CAAC;AAAA,EACjB,QAAQ;AAAA,EACR,QAAQ,YAAY;AAAA,EACpB,aAAa;AAAA,EACb,MAAM;AAAA,EACN,UAAU,SAAS;AACrB;AAEA,MAAM,QAAQ;AAAA,EAEZ,WAAW,kCAAU,OAAO,YAAY,qBAAqB;AAAA,EAE7D,OAAO,kCAAU,OAAO,YAAY,4BAA4B;AAAA,EAEhE,gBAAgB,kCAAU,OAAO,YAAY,gDAAgD;AAAA,EAI7F,QAAQ,kCAAU,KAAK,YAAY,4CAA4C;AAAA,EAI/E,QAAQ,kCAAU,MAAM,CAAC,KAAK,KAAK,KAAK,MAAM,CAAC,EAAE,YAAY,+CAA+C;AAAA,EAI5G,aAAa,kCAAU,OAAO,YAAY,wCAAwC;AAAA,EAIlF,MAAM,kCAAU,MAAM,KAAK,EAAE,YAAY,+CAA+C;AAAA,EAIxF,UAAU,kCAAU,MAAM,CAAC,WAAW,UAAU,KAAK,CAAC,EAAE,YAAY,8BAA8B;AACpG;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW;AAElD,sBAAsB,YAAY;AAGlC,IAAO,sBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -30,17 +30,17 @@ __export(DSSeparatorV2_exports, {
|
|
|
30
30
|
module.exports = __toCommonJS(DSSeparatorV2_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
32
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
33
|
-
var
|
|
33
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
34
34
|
var import_styles = require("./styles");
|
|
35
35
|
var import_react_desc_prop_types = require("./react-desc-prop-types");
|
|
36
36
|
var import_DSSeparatorV2Datatestid = require("./exported-related/DSSeparatorV2Datatestid");
|
|
37
37
|
var import_DSSeparatorDefinitions = require("./DSSeparatorDefinitions");
|
|
38
38
|
const DSSeparatorV2 = (props) => {
|
|
39
|
-
(0,
|
|
40
|
-
const propsWithDefault = (0,
|
|
39
|
+
(0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, import_react_desc_prop_types.propTypes, import_DSSeparatorDefinitions.DSSeparatorName);
|
|
40
|
+
const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultProps);
|
|
41
41
|
const { colorType, isDotted, isVertical, color, ...rest } = propsWithDefault;
|
|
42
|
-
const { role, ...globalAttrs } = (0,
|
|
43
|
-
const xstyledAttrs = (0,
|
|
42
|
+
const { role, ...globalAttrs } = (0, import_ds_props_helpers.useGetGlobalAttributes)(rest);
|
|
43
|
+
const xstyledAttrs = (0, import_ds_props_helpers.useGetXstyledProps)(rest);
|
|
44
44
|
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
45
45
|
import_styles.StyledSeparator,
|
|
46
46
|
{
|
|
@@ -57,6 +57,6 @@ const DSSeparatorV2 = (props) => {
|
|
|
57
57
|
);
|
|
58
58
|
};
|
|
59
59
|
DSSeparatorV2.displayName = import_DSSeparatorDefinitions.DSSeparatorName;
|
|
60
|
-
const DSSeparatorV2WithSchema = (0,
|
|
60
|
+
const DSSeparatorV2WithSchema = (0, import_ds_props_helpers.describe)(DSSeparatorV2);
|
|
61
61
|
DSSeparatorV2WithSchema.propTypes = import_react_desc_prop_types.propTypes;
|
|
62
62
|
//# sourceMappingURL=DSSeparatorV2.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/v2/DSSeparatorV2.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n describe,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useValidateTypescriptPropTypes,\n useGetXstyledProps,\n} from '@elliemae/ds-
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBnB;AAvBJ,
|
|
4
|
+
"sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n describe,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useValidateTypescriptPropTypes,\n useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { StyledSeparator } from './styles';\nimport { propTypes, defaultProps } from './react-desc-prop-types';\nimport { DSSeparatorV2Datatestid } from './exported-related/DSSeparatorV2Datatestid';\nimport type { DSSeparatorV2T } from './react-desc-prop-types';\nimport { DSSeparatorName } from './DSSeparatorDefinitions';\n\nconst DSSeparatorV2 = (props: DSSeparatorV2T.Props): JSX.Element => {\n useValidateTypescriptPropTypes(props, propTypes, DSSeparatorName);\n const propsWithDefault = useMemoMergePropsWithDefault<DSSeparatorV2T.Props>(props, defaultProps);\n\n const { colorType, isDotted, isVertical, color, ...rest } = propsWithDefault;\n\n const { role, ...globalAttrs } = useGetGlobalAttributes(rest);\n const xstyledAttrs = useGetXstyledProps(rest);\n\n return (\n <StyledSeparator\n colorType={colorType}\n isDotted={isDotted}\n isVertical={isVertical}\n color={color}\n role={role}\n {...(role ? { 'aria-orientation': isVertical ? 'vertical' : 'horizontal' } : undefined)}\n data-testid={DSSeparatorV2Datatestid.SEPARATOR}\n {...globalAttrs}\n {...xstyledAttrs}\n />\n );\n};\n\nDSSeparatorV2.displayName = DSSeparatorName;\nconst DSSeparatorV2WithSchema = describe(DSSeparatorV2);\nDSSeparatorV2WithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSSeparatorV2, DSSeparatorV2WithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBnB;AAvBJ,8BAMO;AACP,oBAAgC;AAChC,mCAAwC;AACxC,qCAAwC;AAExC,oCAAgC;AAEhC,MAAM,gBAAgB,CAAC,UAA6C;AAClE,8DAA+B,OAAO,wCAAW,6CAAe;AAChE,QAAM,uBAAmB,sDAAmD,OAAO,yCAAY;AAE/F,QAAM,EAAE,WAAW,UAAU,YAAY,UAAU,KAAK,IAAI;AAE5D,QAAM,EAAE,SAAS,YAAY,QAAI,gDAAuB,IAAI;AAC5D,QAAM,mBAAe,4CAAmB,IAAI;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAI,OAAO,EAAE,oBAAoB,aAAa,aAAa,aAAa,IAAI;AAAA,MAC7E,eAAa,uDAAwB;AAAA,MACpC,GAAG;AAAA,MACH,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -29,18 +29,18 @@ __export(react_desc_prop_types_exports, {
|
|
|
29
29
|
});
|
|
30
30
|
module.exports = __toCommonJS(react_desc_prop_types_exports);
|
|
31
31
|
var React = __toESM(require("react"));
|
|
32
|
-
var
|
|
32
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
33
33
|
const defaultProps = {
|
|
34
34
|
isVertical: false,
|
|
35
35
|
isDotted: false,
|
|
36
36
|
colorType: "dark"
|
|
37
37
|
};
|
|
38
38
|
const propTypes = {
|
|
39
|
-
...
|
|
40
|
-
...
|
|
41
|
-
isVertical:
|
|
42
|
-
isDotted:
|
|
43
|
-
colorType:
|
|
44
|
-
color:
|
|
39
|
+
...import_ds_props_helpers.globalAttributesPropTypes,
|
|
40
|
+
...import_ds_props_helpers.xstyledPropTypes,
|
|
41
|
+
isVertical: import_ds_props_helpers.PropTypes.bool.description("Set vertical orientation.").defaultValue(false),
|
|
42
|
+
isDotted: import_ds_props_helpers.PropTypes.bool.description("Set dashed style.").defaultValue(false),
|
|
43
|
+
colorType: import_ds_props_helpers.PropTypes.oneOf(["dark", "light"]).description("Set dark or light color types. Using color property will override this one.").defaultValue("dark"),
|
|
44
|
+
color: import_ds_props_helpers.PropTypes.string.description("Set a custom color.")
|
|
45
45
|
};
|
|
46
46
|
//# sourceMappingURL=react-desc-prop-types.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/v2/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,
|
|
4
|
+
"sourcesContent": ["import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport const defaultProps: DSSeparatorV2T.DefaultProps = {\n isVertical: false,\n isDotted: false,\n colorType: 'dark',\n};\n\nexport const propTypes = {\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n isVertical: PropTypes.bool.description('Set vertical orientation.').defaultValue(false),\n isDotted: PropTypes.bool.description('Set dashed style.').defaultValue(false),\n colorType: PropTypes.oneOf(['dark', 'light'])\n .description('Set dark or light color types. Using color property will override this one.')\n .defaultValue('dark'),\n color: PropTypes.string.description('Set a custom color.'),\n};\n\nexport declare namespace DSSeparatorV2T {\n export interface DefaultProps {\n isVertical: boolean;\n isDotted: boolean;\n colorType: 'dark' | 'light';\n }\n\n export interface PropsOptional {\n color?: string;\n }\n\n export interface Props extends Partial<DefaultProps>, PropsOptional {}\n}\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAAuE;AAEhE,MAAM,eAA4C;AAAA,EACvD,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AACb;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,YAAY,kCAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,KAAK;AAAA,EACtF,UAAU,kCAAU,KAAK,YAAY,mBAAmB,EAAE,aAAa,KAAK;AAAA,EAC5E,WAAW,kCAAU,MAAM,CAAC,QAAQ,OAAO,CAAC,EACzC,YAAY,6EAA6E,EACzF,aAAa,MAAM;AAAA,EACtB,OAAO,kCAAU,OAAO,YAAY,qBAAqB;AAC3D;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/DSSeparator.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import { PropTypes, describe } from "@elliemae/ds-
|
|
3
|
+
import { PropTypes, describe } from "@elliemae/ds-props-helpers";
|
|
4
4
|
import { aggregatedClasses } from "@elliemae/ds-classnames";
|
|
5
5
|
const blockName = "separator";
|
|
6
6
|
const MARGIN_SIZE = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
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 '@elliemae/ds-
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\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')(blockName, null, ({ dashed, margin, orientation, type }) => ({\n dashed,\n [margin]: margin,\n [orientation]: orientation,\n [type]: type,\n}));\n\nconst types = ['category-level', 'group-level', 'non-form'];\n\nconst DSSeparator = ({ containerProps, dashed, margin, orientation, type, position, className, style }) => (\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('Injected props to wrapper element of component'),\n /**\n * If the separator has to be dashed or solid\n */\n dashed: PropTypes.bool.description('If the separator has to be dashed or solid'),\n /**\n * Amount of margin to be added to the separator\n */\n margin: PropTypes.oneOf(['s', 'm', 'l', 'none']).description('Amount of margin to be added to the separator'),\n /**\n * Orientation 'horizontal' or 'vertical'\n */\n orientation: PropTypes.string.description(\"Orientation 'horizontal' or 'vertical'\"),\n /**\n * ['category-level', 'group-level', 'non-form']\n */\n type: PropTypes.oneOf(types).description(\"['category-level', 'group-level', 'non-form']\"),\n /**\n * ['initial', 'center', 'end']\n */\n position: PropTypes.oneOf(['initial', 'center', 'end']).description(\"['initial', 'center', 'end']\"),\n};\n\nDSSeparator.propTypes = props;\nDSSeparator.displayName = 'DSSeparator';\nconst DSSeparatorWithSchema = describe(DSSeparator);\n\nDSSeparatorWithSchema.propTypes = props;\n\nexport { DSSeparator, DSSeparatorWithSchema };\nexport default DSSeparator;\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACmDnB;AAlDJ,SAAS,WAAW,gBAAgB;AACpC,SAAS,yBAAyB;AAElC,MAAM,YAAY;AAElB,MAAM,cAAc;AAAA,EAClB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM;AACR;AAEA,MAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,KAAK;AACP;AAEA,MAAM,mBAAmB,kBAAkB,KAAK;AAAA,EAC9C;AAAA,EACA;AAAA,EACA,CAAC,EAAE,QAAQ,aAAa,QAAQ,SAAS,OAAO;AAAA,IAC9C;AAAA,IACA,CAAC,SAAS;AAAA,IACV,CAAC,cAAc;AAAA,IACf,CAAC,WAAW;AAAA,EACd;AACF;AAEA,MAAM,YAAY,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,QAAQ,QAAQ,aAAa,KAAK,OAAO;AAAA,EACtG;AAAA,EACA,CAAC,SAAS;AAAA,EACV,CAAC,cAAc;AAAA,EACf,CAAC,OAAO;AACV,EAAE;AAEF,MAAM,QAAQ,CAAC,kBAAkB,eAAe,UAAU;AAE1D,MAAM,cAAc,CAAC,EAAE,gBAAgB,QAAQ,QAAQ,aAAa,MAAM,UAAU,WAAW,MAAM,MACnG;AAAA,EAAC;AAAA;AAAA,IACE,GAAG;AAAA,IACJ;AAAA,IACA,YAAY;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,YAAY;AAAA,UACV;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA;AAAA,IACF;AAAA;AACF;AAGF,YAAY,eAAe;AAAA,EACzB,gBAAgB,CAAC;AAAA,EACjB,QAAQ;AAAA,EACR,QAAQ,YAAY;AAAA,EACpB,aAAa;AAAA,EACb,MAAM;AAAA,EACN,UAAU,SAAS;AACrB;AAEA,MAAM,QAAQ;AAAA,EAEZ,WAAW,UAAU,OAAO,YAAY,qBAAqB;AAAA,EAE7D,OAAO,UAAU,OAAO,YAAY,4BAA4B;AAAA,EAEhE,gBAAgB,UAAU,OAAO,YAAY,gDAAgD;AAAA,EAI7F,QAAQ,UAAU,KAAK,YAAY,4CAA4C;AAAA,EAI/E,QAAQ,UAAU,MAAM,CAAC,KAAK,KAAK,KAAK,MAAM,CAAC,EAAE,YAAY,+CAA+C;AAAA,EAI5G,aAAa,UAAU,OAAO,YAAY,wCAAwC;AAAA,EAIlF,MAAM,UAAU,MAAM,KAAK,EAAE,YAAY,+CAA+C;AAAA,EAIxF,UAAU,UAAU,MAAM,CAAC,WAAW,UAAU,KAAK,CAAC,EAAE,YAAY,8BAA8B;AACpG;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAElD,sBAAsB,YAAY;AAGlC,IAAO,sBAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -6,7 +6,7 @@ import {
|
|
|
6
6
|
useGetGlobalAttributes,
|
|
7
7
|
useValidateTypescriptPropTypes,
|
|
8
8
|
useGetXstyledProps
|
|
9
|
-
} from "@elliemae/ds-
|
|
9
|
+
} from "@elliemae/ds-props-helpers";
|
|
10
10
|
import { StyledSeparator } from "./styles";
|
|
11
11
|
import { propTypes, defaultProps } from "./react-desc-prop-types";
|
|
12
12
|
import { DSSeparatorV2Datatestid } from "./exported-related/DSSeparatorV2Datatestid";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/DSSeparatorV2.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n describe,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useValidateTypescriptPropTypes,\n useGetXstyledProps,\n} from '@elliemae/ds-
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport {\n describe,\n useMemoMergePropsWithDefault,\n useGetGlobalAttributes,\n useValidateTypescriptPropTypes,\n useGetXstyledProps,\n} from '@elliemae/ds-props-helpers';\nimport { StyledSeparator } from './styles';\nimport { propTypes, defaultProps } from './react-desc-prop-types';\nimport { DSSeparatorV2Datatestid } from './exported-related/DSSeparatorV2Datatestid';\nimport type { DSSeparatorV2T } from './react-desc-prop-types';\nimport { DSSeparatorName } from './DSSeparatorDefinitions';\n\nconst DSSeparatorV2 = (props: DSSeparatorV2T.Props): JSX.Element => {\n useValidateTypescriptPropTypes(props, propTypes, DSSeparatorName);\n const propsWithDefault = useMemoMergePropsWithDefault<DSSeparatorV2T.Props>(props, defaultProps);\n\n const { colorType, isDotted, isVertical, color, ...rest } = propsWithDefault;\n\n const { role, ...globalAttrs } = useGetGlobalAttributes(rest);\n const xstyledAttrs = useGetXstyledProps(rest);\n\n return (\n <StyledSeparator\n colorType={colorType}\n isDotted={isDotted}\n isVertical={isVertical}\n color={color}\n role={role}\n {...(role ? { 'aria-orientation': isVertical ? 'vertical' : 'horizontal' } : undefined)}\n data-testid={DSSeparatorV2Datatestid.SEPARATOR}\n {...globalAttrs}\n {...xstyledAttrs}\n />\n );\n};\n\nDSSeparatorV2.displayName = DSSeparatorName;\nconst DSSeparatorV2WithSchema = describe(DSSeparatorV2);\nDSSeparatorV2WithSchema.propTypes = propTypes as WeakValidationMap<unknown>;\n\nexport { DSSeparatorV2, DSSeparatorV2WithSchema };\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACyBnB;AAvBJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,uBAAuB;AAChC,SAAS,WAAW,oBAAoB;AACxC,SAAS,+BAA+B;AAExC,SAAS,uBAAuB;AAEhC,MAAM,gBAAgB,CAAC,UAA6C;AAClE,iCAA+B,OAAO,WAAW,eAAe;AAChE,QAAM,mBAAmB,6BAAmD,OAAO,YAAY;AAE/F,QAAM,EAAE,WAAW,UAAU,YAAY,UAAU,KAAK,IAAI;AAE5D,QAAM,EAAE,SAAS,YAAY,IAAI,uBAAuB,IAAI;AAC5D,QAAM,eAAe,mBAAmB,IAAI;AAE5C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAI,OAAO,EAAE,oBAAoB,aAAa,aAAa,aAAa,IAAI;AAAA,MAC7E,eAAa,wBAAwB;AAAA,MACpC,GAAG;AAAA,MACH,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,0BAA0B,SAAS,aAAa;AACtD,wBAAwB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-
|
|
2
|
+
import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
|
|
3
3
|
const defaultProps = {
|
|
4
4
|
isVertical: false,
|
|
5
5
|
isDotted: false,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/react-desc-prop-types.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport const defaultProps: DSSeparatorV2T.DefaultProps = {\n isVertical: false,\n isDotted: false,\n colorType: 'dark',\n};\n\nexport const propTypes = {\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n isVertical: PropTypes.bool.description('Set vertical orientation.').defaultValue(false),\n isDotted: PropTypes.bool.description('Set dashed style.').defaultValue(false),\n colorType: PropTypes.oneOf(['dark', 'light'])\n .description('Set dark or light color types. Using color property will override this one.')\n .defaultValue('dark'),\n color: PropTypes.string.description('Set a custom color.'),\n};\n\nexport declare namespace DSSeparatorV2T {\n export interface DefaultProps {\n isVertical: boolean;\n isDotted: boolean;\n colorType: 'dark' | 'light';\n }\n\n export interface PropsOptional {\n color?: string;\n }\n\n export interface Props extends Partial<DefaultProps>, PropsOptional {}\n}\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAW,2BAA2B,wBAAwB;AAEhE,MAAM,eAA4C;AAAA,EACvD,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,WAAW;AACb;AAEO,MAAM,YAAY;AAAA,EACvB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,YAAY,UAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,KAAK;AAAA,EACtF,UAAU,UAAU,KAAK,YAAY,mBAAmB,EAAE,aAAa,KAAK;AAAA,EAC5E,WAAW,UAAU,MAAM,CAAC,QAAQ,OAAO,CAAC,EACzC,YAAY,6EAA6E,EACzF,aAAa,MAAM;AAAA,EACtB,OAAO,UAAU,OAAO,YAAY,qBAAqB;AAC3D;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -19,35 +19,35 @@ declare const DSSeparator: {
|
|
|
19
19
|
};
|
|
20
20
|
propTypes: {
|
|
21
21
|
/** class for separator */
|
|
22
|
-
className: import("@elliemae/ds-
|
|
22
|
+
className: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
23
23
|
/** style object for separator */
|
|
24
|
-
style: import("@elliemae/ds-
|
|
24
|
+
style: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
25
25
|
/** Injected props to wrapper element of component */
|
|
26
|
-
containerProps: import("@elliemae/ds-
|
|
26
|
+
containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
27
27
|
/**
|
|
28
28
|
* If the separator has to be dashed or solid
|
|
29
29
|
*/
|
|
30
|
-
dashed: import("@elliemae/ds-
|
|
30
|
+
dashed: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
31
31
|
/**
|
|
32
32
|
* Amount of margin to be added to the separator
|
|
33
33
|
*/
|
|
34
|
-
margin: import("@elliemae/ds-
|
|
34
|
+
margin: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
35
35
|
/**
|
|
36
36
|
* Orientation 'horizontal' or 'vertical'
|
|
37
37
|
*/
|
|
38
|
-
orientation: import("@elliemae/ds-
|
|
38
|
+
orientation: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
39
39
|
/**
|
|
40
40
|
* ['category-level', 'group-level', 'non-form']
|
|
41
41
|
*/
|
|
42
|
-
type: import("@elliemae/ds-
|
|
42
|
+
type: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
43
43
|
/**
|
|
44
44
|
* ['initial', 'center', 'end']
|
|
45
45
|
*/
|
|
46
|
-
position: import("@elliemae/ds-
|
|
46
|
+
position: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
47
47
|
};
|
|
48
48
|
displayName: string;
|
|
49
49
|
};
|
|
50
|
-
declare const DSSeparatorWithSchema: import("@elliemae/ds-
|
|
50
|
+
declare const DSSeparatorWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
|
|
51
51
|
containerProps: any;
|
|
52
52
|
dashed: any;
|
|
53
53
|
margin: any;
|
|
@@ -3,5 +3,5 @@ declare const DSSeparatorV2: {
|
|
|
3
3
|
(props: DSSeparatorV2T.Props): JSX.Element;
|
|
4
4
|
displayName: string;
|
|
5
5
|
};
|
|
6
|
-
declare const DSSeparatorV2WithSchema: import("@elliemae/ds-
|
|
6
|
+
declare const DSSeparatorV2WithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<DSSeparatorV2T.Props>;
|
|
7
7
|
export { DSSeparatorV2, DSSeparatorV2WithSchema };
|