@elliemae/ds-dialog 2.2.0-next.3 → 2.3.0-alpha.1

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 (45) hide show
  1. package/cjs/DSDialog.js +88 -102
  2. package/cjs/DSDialog.js.map +7 -0
  3. package/cjs/DSDialogDatatestid.js +36 -8
  4. package/cjs/DSDialogDatatestid.js.map +7 -0
  5. package/cjs/DSDialogInternalTypes.js +27 -0
  6. package/cjs/DSDialogInternalTypes.js.map +7 -0
  7. package/cjs/DSDialogTypes.js +27 -2
  8. package/cjs/DSDialogTypes.js.map +7 -0
  9. package/cjs/defaultProps.js +38 -11
  10. package/cjs/defaultProps.js.map +7 -0
  11. package/cjs/index.js +47 -70
  12. package/cjs/index.js.map +7 -0
  13. package/cjs/propTypes.js +45 -31
  14. package/cjs/propTypes.js.map +7 -0
  15. package/cjs/styles.js +149 -119
  16. package/cjs/styles.js.map +7 -0
  17. package/cjs/utils.js +50 -30
  18. package/cjs/utils.js.map +7 -0
  19. package/esm/DSDialog.js +51 -82
  20. package/esm/DSDialog.js.map +7 -0
  21. package/esm/DSDialogDatatestid.js +7 -4
  22. package/esm/DSDialogDatatestid.js.map +7 -0
  23. package/esm/DSDialogInternalTypes.js +2 -0
  24. package/esm/DSDialogInternalTypes.js.map +7 -0
  25. package/esm/DSDialogTypes.js +2 -1
  26. package/esm/DSDialogTypes.js.map +7 -0
  27. package/esm/defaultProps.js +8 -6
  28. package/esm/defaultProps.js.map +7 -0
  29. package/esm/index.js +28 -46
  30. package/esm/index.js.map +7 -0
  31. package/esm/propTypes.js +16 -23
  32. package/esm/propTypes.js.map +7 -0
  33. package/esm/styles.js +120 -99
  34. package/esm/styles.js.map +7 -0
  35. package/esm/utils.js +21 -23
  36. package/esm/utils.js.map +7 -0
  37. package/package.json +6 -6
  38. package/types/DSDialog.d.ts +4 -2167
  39. package/types/DSDialogInternalTypes.d.ts +25 -0
  40. package/types/DSDialogTypes.d.ts +1 -0
  41. package/types/index.d.ts +1 -148
  42. package/types/propTypes.d.ts +3 -2166
  43. package/types/styles.d.ts +13 -13
  44. package/cjs/DSDialogInternalTypes.d.js +0 -2
  45. package/esm/DSDialogInternalTypes.d.js +0 -1
package/cjs/DSDialog.js CHANGED
@@ -1,112 +1,98 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _defineProperty = require('@babel/runtime/helpers/defineProperty');
6
- var _jsx = require('@babel/runtime/helpers/jsx');
7
- var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
8
- require('core-js/modules/web.dom-collections.iterator.js');
9
- require('core-js/modules/esnext.async-iterator.filter.js');
10
- require('core-js/modules/esnext.iterator.constructor.js');
11
- require('core-js/modules/esnext.iterator.filter.js');
12
- require('core-js/modules/esnext.async-iterator.for-each.js');
13
- require('core-js/modules/esnext.iterator.for-each.js');
14
- var ReactDOM = require('react-dom');
15
- var react = require('react');
16
- var reactDesc = require('react-desc');
17
- var dsPropsHelpers = require('@elliemae/ds-props-helpers');
18
- var styles = require('./styles.js');
19
- var propTypes = require('./propTypes.js');
20
- var defaultProps = require('./defaultProps.js');
21
- var utils = require('./utils.js');
22
- var DSDialogDatatestid = require('./DSDialogDatatestid.js');
23
- var jsxRuntime = require('react/jsx-runtime');
24
-
25
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
26
-
27
- var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
28
- var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
29
- var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
30
- var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
31
-
32
- const _excluded = ["children", "isOpen", "onClickOutside", "centered", "size", "removeAutoFocus", "zIndex"];
33
-
34
- 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; }
35
-
36
- 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; }
37
-
38
- const DSDialog = props => {
39
- var _FixedBody;
40
-
41
- const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props, defaultProps.defaultProps);
42
- const [isBodyOverflow, setIsBodyOverflow] = react.useState(false);
43
- dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, propTypes.propTypes);
44
-
45
- const {
46
- children,
47
- isOpen,
48
- onClickOutside,
49
- centered,
50
- size,
51
- removeAutoFocus,
52
- zIndex
53
- } = propsWithDefault,
54
- rest = _objectWithoutProperties__default["default"](propsWithDefault, _excluded);
55
-
56
- const containerRef = react.useRef(null);
57
- const handleOutsideClick = react.useCallback(e => {
58
- if (e.target.dataset.portalbg) onClickOutside();
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
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 DSDialog_exports = {};
29
+ __export(DSDialog_exports, {
30
+ DSDialog: () => DSDialog,
31
+ DSDialogWithSchema: () => DSDialogWithSchema
32
+ });
33
+ var React = __toESM(require("react"));
34
+ var import_react_dom = __toESM(require("react-dom"));
35
+ var import_react = __toESM(require("react"));
36
+ var import_react_desc = require("react-desc");
37
+ var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
38
+ var import_styles = require("./styles");
39
+ var import_propTypes = require("./propTypes");
40
+ var import_defaultProps = require("./defaultProps");
41
+ var import_utils = require("./utils");
42
+ var import_DSDialogDatatestid = require("./DSDialogDatatestid");
43
+ const DSDialog = (props) => {
44
+ const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_defaultProps.defaultProps);
45
+ const [bodyInfo, setBodyInfo] = (0, import_react.useState)({ overflow: false, padding: "0px" });
46
+ (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_propTypes.propTypes);
47
+ const { children, isOpen, onClickOutside, centered, size, removeAutoFocus, zIndex, ...rest } = propsWithDefault;
48
+ const containerRef = (0, import_react.useRef)(null);
49
+ const handleOutsideClick = (0, import_react.useCallback)((e) => {
50
+ if (e.target.dataset.portalbg)
51
+ onClickOutside();
59
52
  }, [onClickOutside]);
60
- const handleOnKeyDown = react.useCallback(e => {
61
- if (e.key === 'Escape') onClickOutside();
53
+ const handleOnKeyDown = (0, import_react.useCallback)((e) => {
54
+ if (e.key === "Escape")
55
+ onClickOutside();
62
56
  }, [onClickOutside]);
63
- react.useEffect(() => {
64
- const body = document.getElementsByTagName('body')[0];
65
- const {
66
- offsetHeight,
67
- scrollHeight
68
- } = body;
69
- if (!isOpen) return setIsBodyOverflow(false);
70
- return setIsBodyOverflow(offsetHeight < scrollHeight);
57
+ (0, import_react.useEffect)(() => {
58
+ const body = document.getElementsByTagName("body")[0];
59
+ const { offsetHeight, scrollHeight } = body;
60
+ const padding = window.getComputedStyle(body, null)?.getPropertyValue("padding-right");
61
+ if (!isOpen)
62
+ return setBodyInfo({ overflow: false, padding: "0px" });
63
+ return setBodyInfo({
64
+ overflow: offsetHeight < scrollHeight,
65
+ padding
66
+ });
71
67
  }, [isOpen]);
72
- react.useEffect(() => {
73
- var _containerRef$current;
74
-
75
- if (isOpen && !removeAutoFocus) containerRef === null || containerRef === void 0 ? void 0 : (_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.focus();
68
+ (0, import_react.useEffect)(() => {
69
+ if (isOpen && !removeAutoFocus)
70
+ containerRef?.current?.focus();
76
71
  }, [isOpen, removeAutoFocus]);
77
- const globalAttributes = dsPropsHelpers.useGetGlobalAttributes(propsWithDefault, {
78
- onClick: handleOutsideClick
79
- });
80
-
81
72
  if (isOpen) {
82
- return /*#__PURE__*/ReactDOM__default["default"].createPortal( /*#__PURE__*/jsxRuntime.jsxs(styles.StyledDialogBackground, _objectSpread(_objectSpread({
73
+ return import_react_dom.default.createPortal(/* @__PURE__ */ import_react.default.createElement(import_styles.StyledDialogBackground, {
83
74
  onClick: handleOutsideClick,
84
75
  "data-portalbg": true,
85
- "data-testid": DSDialogDatatestid.DSDialogDatatestid.BACKGROUND,
86
- zIndex: zIndex
87
- }, globalAttributes), {}, {
88
- children: [_FixedBody || (_FixedBody = /*#__PURE__*/_jsx__default["default"](styles.FixedBody, {
89
- isBodyOverflow: isBodyOverflow
90
- })), /*#__PURE__*/jsxRuntime.jsx(styles.StyledDialogContainer, _objectSpread(_objectSpread({
91
- role: "dialog",
92
- "aria-modal": true,
93
- ref: containerRef,
94
- tabIndex: !removeAutoFocus ? 0 : undefined,
95
- onKeyDown: handleOnKeyDown
96
- }, utils.getSpaceProps(rest)), {}, {
97
- size: size,
98
- centered: centered,
99
- "data-testid": DSDialogDatatestid.DSDialogDatatestid.CONTAINER,
100
- children: children
101
- }))]
102
- })), document.getElementsByTagName('body')[0]);
76
+ "data-testid": import_DSDialogDatatestid.DSDialogDatatestid.BACKGROUND,
77
+ zIndex
78
+ }, /* @__PURE__ */ import_react.default.createElement(import_styles.FixedBody, {
79
+ bodyInfo
80
+ }), /* @__PURE__ */ import_react.default.createElement(import_styles.StyledDialogContainer, {
81
+ role: "dialog",
82
+ "aria-modal": true,
83
+ ref: containerRef,
84
+ tabIndex: !removeAutoFocus ? 0 : void 0,
85
+ onKeyDown: handleOnKeyDown,
86
+ ...(0, import_utils.getSpaceProps)(rest),
87
+ size,
88
+ centered,
89
+ "data-testid": import_DSDialogDatatestid.DSDialogDatatestid.CONTAINER
90
+ }, children)), document.getElementsByTagName("body")[0]);
103
91
  }
104
-
105
92
  return null;
106
93
  };
107
-
108
- const DSDialogWithSchema = reactDesc.describe(DSDialog);
109
- DSDialogWithSchema.propTypes = propTypes.propTypes;
110
-
111
- exports.DSDialog = DSDialog;
112
- exports.DSDialogWithSchema = DSDialogWithSchema;
94
+ DSDialog.propTypes = import_propTypes.propTypes;
95
+ const DSDialogWithSchema = (0, import_react_desc.describe)(DSDialog);
96
+ DSDialogWithSchema.propTypes = import_propTypes.propTypes;
97
+ module.exports = __toCommonJS(DSDialog_exports);
98
+ //# sourceMappingURL=DSDialog.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/DSDialog.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["import ReactDOM from 'react-dom';\nimport React, { useCallback, useRef, useEffect, useState } from 'react';\nimport { describe } from 'react-desc';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { FixedBody, StyledDialogBackground, StyledDialogContainer } from './styles';\nimport { propTypes } from './propTypes';\nimport { defaultProps } from './defaultProps';\nimport { getSpaceProps } from './utils';\nimport { DSDialogDatatestid } from './DSDialogDatatestid';\nimport type { BodyInfoT, DSDialogPropsWithDefaultT } from './DSDialogInternalTypes';\nimport type { DSDialogPropsT } from './DSDialogTypes';\n\nconst DSDialog = (props: DSDialogPropsT): React.ReactNode => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps) as DSDialogPropsWithDefaultT;\n const [bodyInfo, setBodyInfo] = useState<BodyInfoT>({ overflow: false, padding: '0px' });\n\n useValidateTypescriptPropTypes(propsWithDefault, propTypes);\n\n const { children, isOpen, onClickOutside, centered, size, removeAutoFocus, zIndex, ...rest } = propsWithDefault;\n\n const containerRef = useRef<HTMLDivElement | null>(null);\n\n const handleOutsideClick = useCallback(\n (e: React.MouseEvent) => {\n if ((e.target as HTMLDivElement).dataset.portalbg) onClickOutside();\n },\n [onClickOutside],\n );\n\n const handleOnKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === 'Escape') onClickOutside();\n },\n [onClickOutside],\n );\n\n useEffect(() => {\n const body = document.getElementsByTagName('body')[0];\n const { offsetHeight, scrollHeight } = body;\n const padding = window.getComputedStyle(body, null)?.getPropertyValue('padding-right');\n\n if (!isOpen) return setBodyInfo({ overflow: false, padding: '0px' });\n\n return setBodyInfo({\n overflow: offsetHeight < scrollHeight,\n padding,\n });\n }, [isOpen]);\n\n useEffect(() => {\n if (isOpen && !removeAutoFocus) containerRef?.current?.focus();\n }, [isOpen, removeAutoFocus]);\n\n if (isOpen) {\n return ReactDOM.createPortal(\n <StyledDialogBackground\n onClick={handleOutsideClick}\n data-portalbg\n data-testid={DSDialogDatatestid.BACKGROUND}\n zIndex={zIndex}\n >\n <FixedBody bodyInfo={bodyInfo} />\n <StyledDialogContainer\n role=\"dialog\"\n aria-modal\n ref={containerRef}\n tabIndex={!removeAutoFocus ? 0 : undefined}\n onKeyDown={handleOnKeyDown}\n {...getSpaceProps(rest)}\n size={size}\n centered={centered}\n data-testid={DSDialogDatatestid.CONTAINER}\n >\n {children}\n </StyledDialogContainer>\n </StyledDialogBackground>,\n document.getElementsByTagName('body')[0],\n );\n }\n\n return null;\n};\n\nDSDialog.propTypes = propTypes;\n\nconst DSDialogWithSchema = describe(DSDialog);\nDSDialogWithSchema.propTypes = propTypes;\n\nexport { DSDialog, DSDialogWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAqB;AACrB,mBAAgE;AAChE,wBAAyB;AACzB,8BAA6E;AAC7E,oBAAyE;AACzE,uBAA0B;AAC1B,0BAA6B;AAC7B,mBAA8B;AAC9B,gCAAmC;AAInC,MAAM,WAAW,CAAC,UAA2C;AAC3D,QAAM,mBAAmB,0DAA6B,OAAO;AAC7D,QAAM,CAAC,UAAU,eAAe,2BAAoB,EAAE,UAAU,OAAO,SAAS;AAEhF,8DAA+B,kBAAkB;AAEjD,QAAM,EAAE,UAAU,QAAQ,gBAAgB,UAAU,MAAM,iBAAiB,WAAW,SAAS;AAE/F,QAAM,eAAe,yBAA8B;AAEnD,QAAM,qBAAqB,8BACzB,CAAC,MAAwB;AACvB,QAAK,EAAE,OAA0B,QAAQ;AAAU;AAAA,KAErD,CAAC;AAGH,QAAM,kBAAkB,8BACtB,CAAC,MAA2B;AAC1B,QAAI,EAAE,QAAQ;AAAU;AAAA,KAE1B,CAAC;AAGH,8BAAU,MAAM;AACd,UAAM,OAAO,SAAS,qBAAqB,QAAQ;AACnD,UAAM,EAAE,cAAc,iBAAiB;AACvC,UAAM,UAAU,OAAO,iBAAiB,MAAM,OAAO,iBAAiB;AAEtE,QAAI,CAAC;AAAQ,aAAO,YAAY,EAAE,UAAU,OAAO,SAAS;AAE5D,WAAO,YAAY;AAAA,MACjB,UAAU,eAAe;AAAA,MACzB;AAAA;AAAA,KAED,CAAC;AAEJ,8BAAU,MAAM;AACd,QAAI,UAAU,CAAC;AAAiB,oBAAc,SAAS;AAAA,KACtD,CAAC,QAAQ;AAEZ,MAAI,QAAQ;AACV,WAAO,yBAAS,aACd,mDAAC,sCAAD;AAAA,MACE,SAAS;AAAA,MACT,iBAAa;AAAA,MACb,eAAa,6CAAmB;AAAA,MAChC;AAAA,OAEA,mDAAC,yBAAD;AAAA,MAAW;AAAA,QACX,mDAAC,qCAAD;AAAA,MACE,MAAK;AAAA,MACL,cAAU;AAAA,MACV,KAAK;AAAA,MACL,UAAU,CAAC,kBAAkB,IAAI;AAAA,MACjC,WAAW;AAAA,SACP,gCAAc;AAAA,MAClB;AAAA,MACA;AAAA,MACA,eAAa,6CAAmB;AAAA,OAE/B,YAGL,SAAS,qBAAqB,QAAQ;AAAA;AAI1C,SAAO;AAAA;AAGT,SAAS,YAAY;AAErB,MAAM,qBAAqB,gCAAS;AACpC,mBAAmB,YAAY;",
6
+ "names": []
7
+ }
@@ -1,10 +1,38 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
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 DSDialogDatatestid_exports = {};
29
+ __export(DSDialogDatatestid_exports, {
30
+ DSDialogDatatestid: () => DSDialogDatatestid
31
+ });
32
+ var React = __toESM(require("react"));
5
33
  const DSDialogDatatestid = {
6
- CONTAINER: 'ds-dialog-container',
7
- BACKGROUND: 'ds-dialog-background'
34
+ CONTAINER: "ds-dialog-container",
35
+ BACKGROUND: "ds-dialog-background"
8
36
  };
9
-
10
- exports.DSDialogDatatestid = DSDialogDatatestid;
37
+ module.exports = __toCommonJS(DSDialogDatatestid_exports);
38
+ //# sourceMappingURL=DSDialogDatatestid.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/DSDialogDatatestid.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["export const DSDialogDatatestid = {\n CONTAINER: 'ds-dialog-container',\n BACKGROUND: 'ds-dialog-background',\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qBAAqB;AAAA,EAChC,WAAW;AAAA,EACX,YAAY;AAAA;",
6
+ "names": []
7
+ }
@@ -0,0 +1,27 @@
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __reExport = (target, module2, copyDefault, desc) => {
9
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
10
+ for (let key of __getOwnPropNames(module2))
11
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
12
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
13
+ }
14
+ return target;
15
+ };
16
+ var __toESM = (module2, isNodeMode) => {
17
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
18
+ };
19
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
20
+ return (module2, temp) => {
21
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
22
+ };
23
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
24
+ var DSDialogInternalTypes_exports = {};
25
+ var React = __toESM(require("react"));
26
+ module.exports = __toCommonJS(DSDialogInternalTypes_exports);
27
+ //# sourceMappingURL=DSDialogInternalTypes.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/DSDialogInternalTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["import type { DSDialogPropsT, Sizes } from './DSDialogTypes';\n\nexport interface BodyInfoT {\n overflow: boolean;\n padding: string;\n}\n\nexport interface DSDialogDefaultPropsT {\n isOpen: boolean;\n centered: boolean;\n size: Sizes;\n removeAutoFocus: boolean;\n onClickOutside: () => void;\n zIndex: number;\n}\n\nexport interface StyledDialogContainerPropsT {\n size: Sizes;\n centered: boolean;\n}\n\nexport interface StyledDialogFixedBodyPropsT {\n bodyInfo: BodyInfoT;\n}\n\nexport interface StyledDialogBackgroundPropsT {\n zIndex: number;\n}\n\nexport type DSDialogPropsWithDefaultT = Required<DSDialogPropsT>;\n\nexport type GetSpaceArgsT = Partial<Record<string, string | number>>;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
6
+ "names": []
7
+ }
@@ -1,2 +1,27 @@
1
- 'use strict';
2
-
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __reExport = (target, module2, copyDefault, desc) => {
9
+ if (module2 && typeof module2 === "object" || typeof module2 === "function") {
10
+ for (let key of __getOwnPropNames(module2))
11
+ if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
12
+ __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
13
+ }
14
+ return target;
15
+ };
16
+ var __toESM = (module2, isNodeMode) => {
17
+ return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
18
+ };
19
+ var __toCommonJS = /* @__PURE__ */ ((cache) => {
20
+ return (module2, temp) => {
21
+ return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
22
+ };
23
+ })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
24
+ var DSDialogTypes_exports = {};
25
+ var React = __toESM(require("react"));
26
+ module.exports = __toCommonJS(DSDialogTypes_exports);
27
+ //# sourceMappingURL=DSDialogTypes.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/DSDialogTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["export type Sizes = 'default' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';\n\nexport interface DSDialogPropsT {\n isOpen?: boolean;\n children: React.ReactNode;\n onClickOutside?: () => void;\n size?: Sizes;\n centered?: boolean;\n removeAutoFocus?: boolean;\n zIndex?: number;\n}\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
6
+ "names": []
7
+ }
@@ -1,18 +1,45 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var utils = require('./utils.js');
6
-
7
- const noop = () => {};
8
-
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
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 defaultProps_exports = {};
29
+ __export(defaultProps_exports, {
30
+ defaultProps: () => defaultProps
31
+ });
32
+ var React = __toESM(require("react"));
33
+ var import_utils = require("./utils");
34
+ const noop = () => {
35
+ };
9
36
  const defaultProps = {
10
37
  isOpen: false,
11
38
  centered: false,
12
- size: utils.DSDialogSizes.DEFAULT,
39
+ size: import_utils.DSDialogSizes.DEFAULT,
13
40
  removeAutoFocus: false,
14
41
  onClickOutside: noop,
15
42
  zIndex: 10
16
43
  };
17
-
18
- exports.defaultProps = defaultProps;
44
+ module.exports = __toCommonJS(defaultProps_exports);
45
+ //# sourceMappingURL=defaultProps.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/defaultProps.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["import { DSDialogSizes } from './utils';\nimport type { DSDialogDefaultPropsT } from './DSDialogInternalTypes';\n\nconst noop = () => {};\n\nexport const defaultProps: DSDialogDefaultPropsT = {\n isOpen: false,\n centered: false,\n size: DSDialogSizes.DEFAULT,\n removeAutoFocus: false,\n onClickOutside: noop,\n zIndex: 10,\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAG9B,MAAM,OAAO,MAAM;AAAA;AAEZ,MAAM,eAAsC;AAAA,EACjD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM,2BAAc;AAAA,EACpB,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAChB,QAAQ;AAAA;",
6
+ "names": []
7
+ }
package/cjs/index.js CHANGED
@@ -1,70 +1,47 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var reactDesc = require('react-desc');
6
- var dsPropsHelpers = require('@elliemae/ds-props-helpers');
7
- var styles = require('./styles.js');
8
- var DSDialog = require('./DSDialog.js');
9
- var DSDialogDatatestid = require('./DSDialogDatatestid.js');
10
- var utils = require('./utils.js');
11
-
12
- styles.DSDialogBody.propTypes = dsPropsHelpers.globalAttributesPropTypes;
13
- styles.DSDialogHeader.propTypes = dsPropsHelpers.globalAttributesPropTypes;
14
- styles.DSDialogFooter.propTypes = dsPropsHelpers.globalAttributesPropTypes;
15
- styles.DSDialogSeparator.propTypes = dsPropsHelpers.globalAttributesPropTypes;
16
- styles.DSDialogTitle.propTypes = dsPropsHelpers.globalAttributesPropTypes;
17
- styles.DSDialogAddon.propTypes = dsPropsHelpers.globalAttributesPropTypes;
18
- styles.DSDialogDefaultLayout.propTypes = dsPropsHelpers.globalAttributesPropTypes;
19
- styles.DSDialogPrimaryMessage.propTypes = dsPropsHelpers.globalAttributesPropTypes;
20
- styles.DSDialogSecondaryMessage.propTypes = dsPropsHelpers.globalAttributesPropTypes;
21
- styles.DSDialogBody.displayName = 'DSDialogBody';
22
- styles.DSDialogHeader.displayName = 'DSDialogHeader';
23
- styles.DSDialogFooter.displayName = 'DSDialogFooter';
24
- styles.DSDialogSeparator.displayName = 'DSDialogSeparator';
25
- styles.DSDialogTitle.displayName = 'DSDialogTitle';
26
- styles.DSDialogAddon.displayName = 'DSDialogAddon';
27
- styles.DSDialogDefaultLayout.displayName = 'DSDialogDefaultLayout';
28
- styles.DSDialogPrimaryMessage.displayName = 'DSDialogPrimaryMessage';
29
- styles.DSDialogSecondaryMessage.displayName = 'DSDialogSecondaryMessage';
30
- const DSDialogBodyWithSchema = reactDesc.describe(styles.DSDialogBody);
31
- const DSDialogHeaderWithSchema = reactDesc.describe(styles.DSDialogHeader);
32
- const DSDialogFooterWithSchema = reactDesc.describe(styles.DSDialogFooter);
33
- const DSDialogSeparatorWithSchema = reactDesc.describe(styles.DSDialogSeparator);
34
- const DSDialogTitleWithSchema = reactDesc.describe(styles.DSDialogTitle);
35
- const DSDialogAddonWithSchema = reactDesc.describe(styles.DSDialogAddon);
36
- const DSDialogDefaultLayoutWithSchema = reactDesc.describe(styles.DSDialogDefaultLayout);
37
- const DSDialogPrimaryMessageWithSchema = reactDesc.describe(styles.DSDialogPrimaryMessage);
38
- const DSDialogSecondaryMessageWithSchema = reactDesc.describe(styles.DSDialogSecondaryMessage);
39
- DSDialogBodyWithSchema.propTypes = dsPropsHelpers.globalAttributesPropTypes;
40
- DSDialogHeaderWithSchema.propTypes = dsPropsHelpers.globalAttributesPropTypes;
41
- DSDialogFooterWithSchema.propTypes = dsPropsHelpers.globalAttributesPropTypes;
42
- DSDialogSeparatorWithSchema.propTypes = dsPropsHelpers.globalAttributesPropTypes;
43
- DSDialogTitleWithSchema.propTypes = dsPropsHelpers.globalAttributesPropTypes;
44
- DSDialogAddonWithSchema.propTypes = dsPropsHelpers.globalAttributesPropTypes;
45
- DSDialogDefaultLayoutWithSchema.propTypes = dsPropsHelpers.globalAttributesPropTypes;
46
- DSDialogPrimaryMessageWithSchema.propTypes = dsPropsHelpers.globalAttributesPropTypes;
47
- DSDialogSecondaryMessageWithSchema.propTypes = dsPropsHelpers.globalAttributesPropTypes;
48
-
49
- exports.DSDialogAddon = styles.DSDialogAddon;
50
- exports.DSDialogBody = styles.DSDialogBody;
51
- exports.DSDialogDefaultLayout = styles.DSDialogDefaultLayout;
52
- exports.DSDialogFooter = styles.DSDialogFooter;
53
- exports.DSDialogHeader = styles.DSDialogHeader;
54
- exports.DSDialogPrimaryMessage = styles.DSDialogPrimaryMessage;
55
- exports.DSDialogSecondaryMessage = styles.DSDialogSecondaryMessage;
56
- exports.DSDialogSeparator = styles.DSDialogSeparator;
57
- exports.DSDialogTitle = styles.DSDialogTitle;
58
- exports.DSDialog = DSDialog.DSDialog;
59
- exports.DSDialogWithSchema = DSDialog.DSDialogWithSchema;
60
- exports.DSDialogDatatestid = DSDialogDatatestid.DSDialogDatatestid;
61
- exports.DSDialogSizes = utils.DSDialogSizes;
62
- exports.DSDialogAddonWithSchema = DSDialogAddonWithSchema;
63
- exports.DSDialogBodyWithSchema = DSDialogBodyWithSchema;
64
- exports.DSDialogDefaultLayoutWithSchema = DSDialogDefaultLayoutWithSchema;
65
- exports.DSDialogFooterWithSchema = DSDialogFooterWithSchema;
66
- exports.DSDialogHeaderWithSchema = DSDialogHeaderWithSchema;
67
- exports.DSDialogPrimaryMessageWithSchema = DSDialogPrimaryMessageWithSchema;
68
- exports.DSDialogSecondaryMessageWithSchema = DSDialogSecondaryMessageWithSchema;
69
- exports.DSDialogSeparatorWithSchema = DSDialogSeparatorWithSchema;
70
- exports.DSDialogTitleWithSchema = DSDialogTitleWithSchema;
1
+ var __create = Object.create;
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __getProtoOf = Object.getPrototypeOf;
6
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
7
+ var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
8
+ var __export = (target, all) => {
9
+ for (var name in all)
10
+ __defProp(target, name, { get: all[name], enumerable: true });
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
+ DSDialogAddon: () => import_styles.DSDialogAddon,
31
+ DSDialogBody: () => import_styles.DSDialogBody,
32
+ DSDialogDefaultLayout: () => import_styles.DSDialogDefaultLayout,
33
+ DSDialogFooter: () => import_styles.DSDialogFooter,
34
+ DSDialogHeader: () => import_styles.DSDialogHeader,
35
+ DSDialogPrimaryMessage: () => import_styles.DSDialogPrimaryMessage,
36
+ DSDialogSecondaryMessage: () => import_styles.DSDialogSecondaryMessage,
37
+ DSDialogSeparator: () => import_styles.DSDialogSeparator,
38
+ DSDialogSizes: () => import_utils.DSDialogSizes,
39
+ DSDialogTitle: () => import_styles.DSDialogTitle
40
+ });
41
+ var React = __toESM(require("react"));
42
+ __reExport(src_exports, require("./DSDialog"));
43
+ __reExport(src_exports, require("./DSDialogDatatestid"));
44
+ var import_utils = require("./utils");
45
+ var import_styles = require("./styles");
46
+ module.exports = __toCommonJS(src_exports);
47
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1,7 @@
1
+ {
2
+ "version": 3,
3
+ "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["export * from './DSDialog';\nexport * from './DSDialogDatatestid';\nexport { DSDialogSizes } from './utils';\n\nexport {\n DSDialogBody,\n DSDialogHeader,\n DSDialogFooter,\n DSDialogSeparator,\n DSDialogTitle,\n DSDialogAddon,\n DSDialogDefaultLayout,\n DSDialogPrimaryMessage,\n DSDialogSecondaryMessage,\n} from './styles';\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AACd,mBAA8B;AAE9B,oBAUO;",
6
+ "names": []
7
+ }