@elliemae/ds-dialog 3.60.0-next.9 → 3.70.0-next.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.
- package/dist/cjs/config/useDialog.js +1 -1
- package/dist/cjs/config/useDialog.js.map +2 -2
- package/dist/cjs/constants/index.js +54 -0
- package/dist/cjs/constants/index.js.map +7 -0
- package/dist/cjs/index.js +27 -50
- package/dist/cjs/index.js.map +2 -2
- package/dist/cjs/parts/DSDialogAddon/DSDialogAddon.js +48 -0
- package/dist/cjs/parts/DSDialogAddon/DSDialogAddon.js.map +7 -0
- package/dist/cjs/parts/DSDialogAddon/constants/index.js +43 -0
- package/dist/cjs/parts/DSDialogAddon/constants/index.js.map +7 -0
- package/dist/cjs/parts/DSDialogAddon/index.js +42 -0
- package/dist/cjs/parts/DSDialogAddon/index.js.map +7 -0
- package/dist/cjs/parts/DSDialogAddon/react-desc-prop-types.js +45 -0
- package/dist/cjs/parts/DSDialogAddon/react-desc-prop-types.js.map +7 -0
- package/dist/cjs/{DSDialogDatatestid.js → parts/DSDialogAddon/styled.js} +11 -9
- package/dist/cjs/parts/DSDialogAddon/styled.js.map +7 -0
- package/dist/cjs/parts/DSDialogBody/DSDialogBody.js +48 -0
- package/dist/cjs/parts/DSDialogBody/DSDialogBody.js.map +7 -0
- package/dist/cjs/parts/DSDialogBody/constants/index.js +43 -0
- package/dist/cjs/parts/DSDialogBody/constants/index.js.map +7 -0
- package/dist/cjs/parts/DSDialogBody/index.js +42 -0
- package/dist/cjs/parts/DSDialogBody/index.js.map +7 -0
- package/dist/cjs/parts/DSDialogBody/react-desc-prop-types.js +46 -0
- package/dist/cjs/parts/DSDialogBody/react-desc-prop-types.js.map +7 -0
- package/dist/cjs/parts/DSDialogBody/styled.js +45 -0
- package/dist/cjs/parts/DSDialogBody/styled.js.map +7 -0
- package/dist/cjs/parts/{dialogContent → DSDialogContent}/DSDialogContent.js +12 -6
- package/dist/cjs/parts/DSDialogContent/DSDialogContent.js.map +7 -0
- package/dist/cjs/parts/{dialogContent → DSDialogContent}/useDialogContent.js +11 -3
- package/dist/cjs/parts/DSDialogContent/useDialogContent.js.map +7 -0
- package/dist/cjs/parts/DSDialogDefaultLayout/DSDialogDefaultLayout.js +55 -0
- package/dist/cjs/parts/DSDialogDefaultLayout/DSDialogDefaultLayout.js.map +7 -0
- package/dist/cjs/parts/DSDialogDefaultLayout/constants/index.js +43 -0
- package/dist/cjs/parts/DSDialogDefaultLayout/constants/index.js.map +7 -0
- package/dist/cjs/parts/DSDialogDefaultLayout/index.js +42 -0
- package/dist/cjs/parts/DSDialogDefaultLayout/index.js.map +7 -0
- package/dist/cjs/parts/DSDialogDefaultLayout/react-desc-prop-types.js +46 -0
- package/dist/cjs/parts/DSDialogDefaultLayout/react-desc-prop-types.js.map +7 -0
- package/dist/cjs/parts/DSDialogDefaultLayout/styled.js +52 -0
- package/dist/cjs/parts/DSDialogDefaultLayout/styled.js.map +7 -0
- package/dist/cjs/parts/DSDialogFooter/DSDialogFooter.js +48 -0
- package/dist/cjs/parts/DSDialogFooter/DSDialogFooter.js.map +7 -0
- package/dist/cjs/parts/DSDialogFooter/constants/index.js +43 -0
- package/dist/cjs/parts/DSDialogFooter/constants/index.js.map +7 -0
- package/dist/cjs/parts/DSDialogFooter/index.js +42 -0
- package/dist/cjs/parts/DSDialogFooter/index.js.map +7 -0
- package/dist/cjs/parts/DSDialogFooter/react-desc-prop-types.js +46 -0
- package/dist/cjs/parts/DSDialogFooter/react-desc-prop-types.js.map +7 -0
- package/dist/cjs/parts/DSDialogFooter/styled.js +50 -0
- package/dist/cjs/parts/DSDialogFooter/styled.js.map +7 -0
- package/dist/cjs/parts/DSDialogHeader/DSDialogHeader.js +48 -0
- package/dist/cjs/parts/DSDialogHeader/DSDialogHeader.js.map +7 -0
- package/dist/cjs/parts/DSDialogHeader/constants/index.js +43 -0
- package/dist/cjs/parts/DSDialogHeader/constants/index.js.map +7 -0
- package/dist/cjs/parts/DSDialogHeader/index.js +42 -0
- package/dist/cjs/parts/DSDialogHeader/index.js.map +7 -0
- package/dist/cjs/parts/DSDialogHeader/react-desc-prop-types.js +46 -0
- package/dist/cjs/parts/DSDialogHeader/react-desc-prop-types.js.map +7 -0
- package/dist/cjs/parts/DSDialogHeader/styled.js +57 -0
- package/dist/cjs/parts/DSDialogHeader/styled.js.map +7 -0
- package/dist/cjs/parts/DSDialogPortal.js +1 -1
- package/dist/cjs/parts/DSDialogPortal.js.map +1 -1
- package/dist/cjs/parts/DSDialogPrimaryMessage/DSDialogPrimaryMessage.js +55 -0
- package/dist/cjs/parts/DSDialogPrimaryMessage/DSDialogPrimaryMessage.js.map +7 -0
- package/dist/cjs/parts/DSDialogPrimaryMessage/constants/index.js +43 -0
- package/dist/cjs/parts/DSDialogPrimaryMessage/constants/index.js.map +7 -0
- package/dist/cjs/parts/DSDialogPrimaryMessage/index.js +42 -0
- package/dist/cjs/parts/DSDialogPrimaryMessage/index.js.map +7 -0
- package/dist/cjs/parts/DSDialogPrimaryMessage/react-desc-prop-types.js +46 -0
- package/dist/cjs/parts/DSDialogPrimaryMessage/react-desc-prop-types.js.map +7 -0
- package/dist/cjs/parts/DSDialogPrimaryMessage/styled.js +43 -0
- package/dist/cjs/parts/DSDialogPrimaryMessage/styled.js.map +7 -0
- package/dist/cjs/parts/DSDialogSecondaryMessage/DSDialogSecondaryMessage.js +55 -0
- package/dist/cjs/parts/DSDialogSecondaryMessage/DSDialogSecondaryMessage.js.map +7 -0
- package/dist/cjs/parts/DSDialogSecondaryMessage/constants/index.js +46 -0
- package/dist/cjs/parts/DSDialogSecondaryMessage/constants/index.js.map +7 -0
- package/dist/cjs/parts/DSDialogSecondaryMessage/index.js +42 -0
- package/dist/cjs/parts/DSDialogSecondaryMessage/index.js.map +7 -0
- package/dist/cjs/parts/DSDialogSecondaryMessage/react-desc-prop-types.js +46 -0
- package/dist/cjs/parts/DSDialogSecondaryMessage/react-desc-prop-types.js.map +7 -0
- package/dist/cjs/parts/DSDialogSecondaryMessage/styled.js +43 -0
- package/dist/cjs/parts/DSDialogSecondaryMessage/styled.js.map +7 -0
- package/dist/cjs/parts/DSDialogSeparator/DSDialogSeparator.js +48 -0
- package/dist/cjs/parts/DSDialogSeparator/DSDialogSeparator.js.map +7 -0
- package/dist/cjs/parts/DSDialogSeparator/constants/index.js +43 -0
- package/dist/cjs/parts/DSDialogSeparator/constants/index.js.map +7 -0
- package/dist/cjs/parts/DSDialogSeparator/index.js +42 -0
- package/dist/cjs/parts/DSDialogSeparator/index.js.map +7 -0
- package/dist/cjs/parts/DSDialogSeparator/react-desc-prop-types.js +46 -0
- package/dist/cjs/parts/DSDialogSeparator/react-desc-prop-types.js.map +7 -0
- package/dist/cjs/parts/DSDialogSeparator/styled.js +46 -0
- package/dist/cjs/parts/DSDialogSeparator/styled.js.map +7 -0
- package/dist/cjs/parts/DSDialogTitle/DSDialogTitle.js +48 -0
- package/dist/cjs/parts/DSDialogTitle/DSDialogTitle.js.map +7 -0
- package/dist/cjs/parts/DSDialogTitle/constants/index.js +43 -0
- package/dist/cjs/parts/DSDialogTitle/constants/index.js.map +7 -0
- package/dist/cjs/parts/DSDialogTitle/index.js +42 -0
- package/dist/cjs/parts/DSDialogTitle/index.js.map +7 -0
- package/dist/cjs/parts/DSDialogTitle/react-desc-prop-types.js +46 -0
- package/dist/cjs/parts/DSDialogTitle/react-desc-prop-types.js.map +7 -0
- package/dist/cjs/parts/DSDialogTitle/styled.js +49 -0
- package/dist/cjs/parts/DSDialogTitle/styled.js.map +7 -0
- package/dist/cjs/parts/index.js +106 -0
- package/dist/cjs/parts/index.js.map +7 -0
- package/dist/cjs/parts/useDialogOwnerProps.js +47 -0
- package/dist/cjs/parts/useDialogOwnerProps.js.map +7 -0
- package/dist/cjs/react-desc-prop-types.js +2 -0
- package/dist/cjs/react-desc-prop-types.js.map +2 -2
- package/dist/cjs/styles.js +12 -75
- package/dist/cjs/styles.js.map +2 -2
- package/dist/esm/config/useDialog.js +2 -2
- package/dist/esm/config/useDialog.js.map +2 -2
- package/dist/esm/constants/index.js +24 -0
- package/dist/esm/constants/index.js.map +7 -0
- package/dist/esm/index.js +21 -34
- package/dist/esm/index.js.map +2 -2
- package/dist/esm/parts/DSDialogAddon/DSDialogAddon.js +18 -0
- package/dist/esm/parts/DSDialogAddon/DSDialogAddon.js.map +7 -0
- package/dist/esm/parts/DSDialogAddon/constants/index.js +13 -0
- package/dist/esm/parts/DSDialogAddon/constants/index.js.map +7 -0
- package/dist/esm/parts/DSDialogAddon/index.js +12 -0
- package/dist/esm/parts/DSDialogAddon/index.js.map +7 -0
- package/dist/esm/parts/DSDialogAddon/react-desc-prop-types.js +15 -0
- package/dist/esm/parts/DSDialogAddon/react-desc-prop-types.js.map +7 -0
- package/dist/esm/parts/DSDialogAddon/styled.js +11 -0
- package/dist/esm/parts/DSDialogAddon/styled.js.map +7 -0
- package/dist/esm/parts/DSDialogBody/DSDialogBody.js +18 -0
- package/dist/esm/parts/DSDialogBody/DSDialogBody.js.map +7 -0
- package/dist/esm/parts/DSDialogBody/constants/index.js +13 -0
- package/dist/esm/parts/DSDialogBody/constants/index.js.map +7 -0
- package/dist/esm/parts/DSDialogBody/index.js +12 -0
- package/dist/esm/parts/DSDialogBody/index.js.map +7 -0
- package/dist/esm/parts/DSDialogBody/react-desc-prop-types.js +16 -0
- package/dist/esm/parts/DSDialogBody/react-desc-prop-types.js.map +7 -0
- package/dist/esm/parts/DSDialogBody/styled.js +15 -0
- package/dist/esm/parts/DSDialogBody/styled.js.map +7 -0
- package/dist/esm/parts/{dialogContent → DSDialogContent}/DSDialogContent.js +10 -4
- package/dist/esm/parts/DSDialogContent/DSDialogContent.js.map +7 -0
- package/dist/esm/parts/DSDialogContent/useDialogContent.js +36 -0
- package/dist/esm/parts/DSDialogContent/useDialogContent.js.map +7 -0
- package/dist/esm/parts/DSDialogDefaultLayout/DSDialogDefaultLayout.js +25 -0
- package/dist/esm/parts/DSDialogDefaultLayout/DSDialogDefaultLayout.js.map +7 -0
- package/dist/esm/parts/DSDialogDefaultLayout/constants/index.js +13 -0
- package/dist/esm/parts/DSDialogDefaultLayout/constants/index.js.map +7 -0
- package/dist/esm/parts/DSDialogDefaultLayout/index.js +12 -0
- package/dist/esm/parts/DSDialogDefaultLayout/index.js.map +7 -0
- package/dist/esm/parts/DSDialogDefaultLayout/react-desc-prop-types.js +16 -0
- package/dist/esm/parts/DSDialogDefaultLayout/react-desc-prop-types.js.map +7 -0
- package/dist/esm/parts/DSDialogDefaultLayout/styled.js +22 -0
- package/dist/esm/parts/DSDialogDefaultLayout/styled.js.map +7 -0
- package/dist/esm/parts/DSDialogFooter/DSDialogFooter.js +18 -0
- package/dist/esm/parts/DSDialogFooter/DSDialogFooter.js.map +7 -0
- package/dist/esm/parts/DSDialogFooter/constants/index.js +13 -0
- package/dist/esm/parts/DSDialogFooter/constants/index.js.map +7 -0
- package/dist/esm/parts/DSDialogFooter/index.js +12 -0
- package/dist/esm/parts/DSDialogFooter/index.js.map +7 -0
- package/dist/esm/parts/DSDialogFooter/react-desc-prop-types.js +16 -0
- package/dist/esm/parts/DSDialogFooter/react-desc-prop-types.js.map +7 -0
- package/dist/esm/parts/DSDialogFooter/styled.js +20 -0
- package/dist/esm/parts/DSDialogFooter/styled.js.map +7 -0
- package/dist/esm/parts/DSDialogHeader/DSDialogHeader.js +18 -0
- package/dist/esm/parts/DSDialogHeader/DSDialogHeader.js.map +7 -0
- package/dist/esm/parts/DSDialogHeader/constants/index.js +13 -0
- package/dist/esm/parts/DSDialogHeader/constants/index.js.map +7 -0
- package/dist/esm/parts/DSDialogHeader/index.js +12 -0
- package/dist/esm/parts/DSDialogHeader/index.js.map +7 -0
- package/dist/esm/parts/DSDialogHeader/react-desc-prop-types.js +16 -0
- package/dist/esm/parts/DSDialogHeader/react-desc-prop-types.js.map +7 -0
- package/dist/esm/parts/DSDialogHeader/styled.js +27 -0
- package/dist/esm/parts/DSDialogHeader/styled.js.map +7 -0
- package/dist/esm/parts/DSDialogPortal.js +1 -1
- package/dist/esm/parts/DSDialogPortal.js.map +1 -1
- package/dist/esm/parts/DSDialogPrimaryMessage/DSDialogPrimaryMessage.js +25 -0
- package/dist/esm/parts/DSDialogPrimaryMessage/DSDialogPrimaryMessage.js.map +7 -0
- package/dist/esm/parts/DSDialogPrimaryMessage/constants/index.js +13 -0
- package/dist/esm/parts/DSDialogPrimaryMessage/constants/index.js.map +7 -0
- package/dist/esm/parts/DSDialogPrimaryMessage/index.js +12 -0
- package/dist/esm/parts/DSDialogPrimaryMessage/index.js.map +7 -0
- package/dist/esm/parts/DSDialogPrimaryMessage/react-desc-prop-types.js +16 -0
- package/dist/esm/parts/DSDialogPrimaryMessage/react-desc-prop-types.js.map +7 -0
- package/dist/esm/parts/DSDialogPrimaryMessage/styled.js +13 -0
- package/dist/esm/parts/DSDialogPrimaryMessage/styled.js.map +7 -0
- package/dist/esm/parts/DSDialogSecondaryMessage/DSDialogSecondaryMessage.js +25 -0
- package/dist/esm/parts/DSDialogSecondaryMessage/DSDialogSecondaryMessage.js.map +7 -0
- package/dist/esm/parts/DSDialogSecondaryMessage/constants/index.js +16 -0
- package/dist/esm/parts/DSDialogSecondaryMessage/constants/index.js.map +7 -0
- package/dist/esm/parts/DSDialogSecondaryMessage/index.js +12 -0
- package/dist/esm/parts/DSDialogSecondaryMessage/index.js.map +7 -0
- package/dist/esm/parts/DSDialogSecondaryMessage/react-desc-prop-types.js +16 -0
- package/dist/esm/parts/DSDialogSecondaryMessage/react-desc-prop-types.js.map +7 -0
- package/dist/esm/parts/DSDialogSecondaryMessage/styled.js +13 -0
- package/dist/esm/parts/DSDialogSecondaryMessage/styled.js.map +7 -0
- package/dist/esm/parts/DSDialogSeparator/DSDialogSeparator.js +18 -0
- package/dist/esm/parts/DSDialogSeparator/DSDialogSeparator.js.map +7 -0
- package/dist/esm/parts/DSDialogSeparator/constants/index.js +13 -0
- package/dist/esm/parts/DSDialogSeparator/constants/index.js.map +7 -0
- package/dist/esm/parts/DSDialogSeparator/index.js +12 -0
- package/dist/esm/parts/DSDialogSeparator/index.js.map +7 -0
- package/dist/esm/parts/DSDialogSeparator/react-desc-prop-types.js +16 -0
- package/dist/esm/parts/DSDialogSeparator/react-desc-prop-types.js.map +7 -0
- package/dist/esm/parts/DSDialogSeparator/styled.js +16 -0
- package/dist/esm/parts/DSDialogSeparator/styled.js.map +7 -0
- package/dist/esm/parts/DSDialogTitle/DSDialogTitle.js +18 -0
- package/dist/esm/parts/DSDialogTitle/DSDialogTitle.js.map +7 -0
- package/dist/esm/parts/DSDialogTitle/constants/index.js +13 -0
- package/dist/esm/parts/DSDialogTitle/constants/index.js.map +7 -0
- package/dist/esm/parts/DSDialogTitle/index.js +12 -0
- package/dist/esm/parts/DSDialogTitle/index.js.map +7 -0
- package/dist/esm/parts/DSDialogTitle/react-desc-prop-types.js +16 -0
- package/dist/esm/parts/DSDialogTitle/react-desc-prop-types.js.map +7 -0
- package/dist/esm/parts/DSDialogTitle/styled.js +19 -0
- package/dist/esm/parts/DSDialogTitle/styled.js.map +7 -0
- package/dist/esm/parts/index.js +100 -0
- package/dist/esm/parts/index.js.map +7 -0
- package/dist/esm/parts/useDialogOwnerProps.js +17 -0
- package/dist/esm/parts/useDialogOwnerProps.js.map +7 -0
- package/dist/esm/react-desc-prop-types.js +3 -1
- package/dist/esm/react-desc-prop-types.js.map +2 -2
- package/dist/esm/styles.js +13 -76
- package/dist/esm/styles.js.map +2 -2
- package/dist/types/constants/index.d.ts +28 -0
- package/dist/types/index.d.ts +3 -13
- package/dist/types/parts/DSDialogAddon/DSDialogAddon.d.ts +5 -0
- package/dist/types/parts/DSDialogAddon/constants/index.d.ts +8 -0
- package/dist/types/parts/DSDialogAddon/index.d.ts +3 -0
- package/dist/types/parts/DSDialogAddon/react-desc-prop-types.d.ts +18 -0
- package/dist/types/parts/DSDialogAddon/styled.d.ts +1 -0
- package/dist/types/parts/DSDialogBody/DSDialogBody.d.ts +5 -0
- package/dist/types/parts/DSDialogBody/constants/index.d.ts +8 -0
- package/dist/types/parts/DSDialogBody/index.d.ts +3 -0
- package/dist/types/parts/DSDialogBody/react-desc-prop-types.d.ts +18 -0
- package/dist/types/parts/DSDialogBody/styled.d.ts +1 -0
- package/dist/types/parts/{dialogContent → DSDialogContent}/useDialogContent.d.ts +2 -1
- package/dist/types/parts/DSDialogDefaultLayout/DSDialogDefaultLayout.d.ts +5 -0
- package/dist/types/parts/DSDialogDefaultLayout/constants/index.d.ts +8 -0
- package/dist/types/parts/DSDialogDefaultLayout/index.d.ts +3 -0
- package/dist/types/parts/DSDialogDefaultLayout/react-desc-prop-types.d.ts +18 -0
- package/dist/types/parts/DSDialogDefaultLayout/styled.d.ts +3 -0
- package/dist/types/parts/DSDialogFooter/DSDialogFooter.d.ts +5 -0
- package/dist/types/parts/DSDialogFooter/constants/index.d.ts +8 -0
- package/dist/types/parts/DSDialogFooter/index.d.ts +3 -0
- package/dist/types/parts/DSDialogFooter/react-desc-prop-types.d.ts +18 -0
- package/dist/types/parts/DSDialogFooter/styled.d.ts +1 -0
- package/dist/types/parts/DSDialogHeader/DSDialogHeader.d.ts +5 -0
- package/dist/types/parts/DSDialogHeader/constants/index.d.ts +8 -0
- package/dist/types/parts/DSDialogHeader/index.d.ts +3 -0
- package/dist/types/parts/DSDialogHeader/react-desc-prop-types.d.ts +18 -0
- package/dist/types/parts/DSDialogHeader/styled.d.ts +4 -0
- package/dist/types/parts/DSDialogPrimaryMessage/DSDialogPrimaryMessage.d.ts +5 -0
- package/dist/types/parts/DSDialogPrimaryMessage/constants/index.d.ts +8 -0
- package/dist/types/parts/DSDialogPrimaryMessage/index.d.ts +3 -0
- package/dist/types/parts/DSDialogPrimaryMessage/react-desc-prop-types.d.ts +18 -0
- package/dist/types/parts/DSDialogPrimaryMessage/styled.d.ts +1 -0
- package/dist/types/parts/DSDialogSecondaryMessage/DSDialogSecondaryMessage.d.ts +5 -0
- package/dist/types/parts/DSDialogSecondaryMessage/constants/index.d.ts +8 -0
- package/dist/types/parts/DSDialogSecondaryMessage/index.d.ts +3 -0
- package/dist/types/parts/DSDialogSecondaryMessage/react-desc-prop-types.d.ts +18 -0
- package/dist/types/parts/DSDialogSecondaryMessage/styled.d.ts +1 -0
- package/dist/types/parts/DSDialogSeparator/DSDialogSeparator.d.ts +5 -0
- package/dist/types/parts/DSDialogSeparator/constants/index.d.ts +8 -0
- package/dist/types/parts/DSDialogSeparator/index.d.ts +3 -0
- package/dist/types/parts/DSDialogSeparator/react-desc-prop-types.d.ts +18 -0
- package/dist/types/parts/DSDialogSeparator/styled.d.ts +3 -0
- package/dist/types/parts/DSDialogTitle/DSDialogTitle.d.ts +5 -0
- package/dist/types/parts/DSDialogTitle/constants/index.d.ts +8 -0
- package/dist/types/parts/DSDialogTitle/index.d.ts +3 -0
- package/dist/types/parts/DSDialogTitle/react-desc-prop-types.d.ts +18 -0
- package/dist/types/parts/DSDialogTitle/styled.d.ts +1 -0
- package/dist/types/parts/index.d.ts +27 -0
- package/dist/types/parts/useDialogOwnerProps.d.ts +4 -0
- package/dist/types/react-desc-prop-types.d.ts +13 -1
- package/dist/types/styles.d.ts +0 -16
- package/dist/types/tests/DSDialog.data-testid.test.d.ts +1 -0
- package/dist/types/tests/DSDialog.events.test.d.ts +1 -0
- package/dist/types/tests/DSDialog.exports.test.d.ts +1 -0
- package/dist/types/tests/DSDialog.keyboard.test.d.ts +1 -0
- package/dist/types/tests/playwright/DSDialog.on-click-outside.test.playwright.d.ts +1 -0
- package/dist/types/tests/playwright/DSDialogOnClickOutsideRenderer.d.ts +2 -0
- package/package.json +28 -27
- package/dist/cjs/DSDialogDatatestid.js.map +0 -7
- package/dist/cjs/parts/dialogContent/DSDialogContent.js.map +0 -7
- package/dist/cjs/parts/dialogContent/useDialogContent.js.map +0 -7
- package/dist/esm/DSDialogDatatestid.js +0 -9
- package/dist/esm/DSDialogDatatestid.js.map +0 -7
- package/dist/esm/parts/dialogContent/DSDialogContent.js.map +0 -7
- package/dist/esm/parts/dialogContent/useDialogContent.js +0 -28
- package/dist/esm/parts/dialogContent/useDialogContent.js.map +0 -7
- package/dist/types/DSDialogDatatestid.d.ts +0 -4
- /package/dist/types/parts/{dialogContent → DSDialogContent}/DSDialogContent.d.ts +0 -0
- /package/dist/types/tests/{DSDialog.test.d.ts → DSDialog.PUI-7832.test.d.ts} +0 -0
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogBody/react-desc-prop-types.ts"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { getPropsPerSlotPropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DIALOG_BODY_SLOTS, DSDialogName } from './constants/index.js';\n\nexport declare namespace DSDialogBodyT {\n export interface RequiredProps {}\n\n export interface DefaultProps {}\n\n export interface OptionalProps\n extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDialogName, typeof DIALOG_BODY_SLOTS> {}\n\n export interface Props\n extends OptionalProps,\n Omit<GlobalAttributesT<HTMLDivElement>, keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n\n export interface InternalProps\n extends DefaultProps,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLDivElement>, keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n}\n\nexport const defaultProps: DSDialogBodyT.DefaultProps = {};\n\nexport const DSDialogBodyPropTypes: DSPropTypesSchema<DSDialogBodyT.Props> = {\n ...getPropsPerSlotPropTypes(DSDialogName, DIALOG_BODY_SLOTS),\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n};\n\nexport const DSDialogBodyPropTypesSchema = DSDialogBodyPropTypes as unknown as ValidationMap<DSDialogBodyT.Props>;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,0BAA0B,2BAA2B,wBAAwB;AAEtF,SAAS,mBAAmB,oBAAoB;AAwBzC,MAAM,eAA2C,CAAC;AAElD,MAAM,wBAAgE;AAAA,EAC3E,GAAG,yBAAyB,cAAc,iBAAiB;AAAA,EAC3D,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,8BAA8B;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { styled, xStyledCommonProps } from "@elliemae/ds-system";
|
|
3
|
+
import { DIALOG_BODY_SLOTS, DSDialogName } from "./constants/index.js";
|
|
4
|
+
const StyledDialogBody = styled("div", {
|
|
5
|
+
name: DSDialogName,
|
|
6
|
+
slot: DIALOG_BODY_SLOTS.ROOT
|
|
7
|
+
})`
|
|
8
|
+
padding: ${({ theme }) => theme.space.xs};
|
|
9
|
+
overflow-y: auto;
|
|
10
|
+
${xStyledCommonProps}
|
|
11
|
+
`;
|
|
12
|
+
export {
|
|
13
|
+
StyledDialogBody
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogBody/styled.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DIALOG_BODY_SLOTS, DSDialogName } from './constants/index.js';\n\nexport const StyledDialogBody = styled('div', {\n name: DSDialogName,\n slot: DIALOG_BODY_SLOTS.ROOT,\n})`\n padding: ${({ theme }) => theme.space.xs};\n overflow-y: auto;\n ${xStyledCommonProps}\n`;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,mBAAmB,oBAAoB;AAEzC,MAAM,mBAAmB,OAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA,aACY,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA;AAAA,IAEtC,kBAAkB;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -4,17 +4,18 @@ import { useCallback, useContext } from "react";
|
|
|
4
4
|
import { useGetGlobalAttributes } from "@elliemae/ds-props-helpers";
|
|
5
5
|
import { PortalStyles, StyledDialogBackground, StyledDialogContainer } from "../../styles.js";
|
|
6
6
|
import { getSpaceProps } from "../../utils.js";
|
|
7
|
-
import { DSDialogDatatestid } from "../../
|
|
7
|
+
import { DSDialogDatatestid } from "../../constants/index.js";
|
|
8
8
|
import { DSDialogContext } from "../../DSDialogCTX.js";
|
|
9
9
|
import { useDialogContent } from "./useDialogContent.js";
|
|
10
10
|
const DSDialogContent = () => {
|
|
11
|
-
const {
|
|
11
|
+
const { handleBackgroundMouseDown, handleBackgroundMouseUp, handleOnKeyDown } = useDialogContent();
|
|
12
12
|
const { props, containerRef, portalInfo, portalClassName } = useContext(DSDialogContext);
|
|
13
13
|
const { removeAutoFocus, zIndex, centered, size, width, children, ...rest } = props;
|
|
14
14
|
const { className, ...restOfGlobalAttributes } = useGetGlobalAttributes(props, {
|
|
15
|
-
onClick: handleOutsideClick,
|
|
16
15
|
onKeyDown: handleOnKeyDown
|
|
17
16
|
});
|
|
17
|
+
const getOwnerProps = useCallback(() => props, [props]);
|
|
18
|
+
const getOwnerPropsArguments = useCallback(() => ({}), []);
|
|
18
19
|
const refCallback = useCallback(
|
|
19
20
|
(_ref) => {
|
|
20
21
|
if (_ref) {
|
|
@@ -28,9 +29,12 @@ const DSDialogContent = () => {
|
|
|
28
29
|
StyledDialogBackground,
|
|
29
30
|
{
|
|
30
31
|
className,
|
|
31
|
-
|
|
32
|
+
onMouseDown: handleBackgroundMouseDown,
|
|
33
|
+
onMouseUp: handleBackgroundMouseUp,
|
|
32
34
|
"data-portalbg": true,
|
|
33
35
|
"data-testid": DSDialogDatatestid.BACKGROUND,
|
|
36
|
+
getOwnerProps,
|
|
37
|
+
getOwnerPropsArguments,
|
|
34
38
|
zIndex,
|
|
35
39
|
children: [
|
|
36
40
|
/* @__PURE__ */ jsx(PortalStyles, { portalInfo, portalClassName }),
|
|
@@ -45,6 +49,8 @@ const DSDialogContent = () => {
|
|
|
45
49
|
...getSpaceProps(rest),
|
|
46
50
|
centered,
|
|
47
51
|
"data-testid": DSDialogDatatestid.CONTAINER,
|
|
52
|
+
getOwnerProps,
|
|
53
|
+
getOwnerPropsArguments,
|
|
48
54
|
...restOfGlobalAttributes,
|
|
49
55
|
size,
|
|
50
56
|
width,
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogContent/DSDialogContent.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useContext } from 'react';\nimport { useGetGlobalAttributes } from '@elliemae/ds-props-helpers';\nimport { PortalStyles, StyledDialogBackground, StyledDialogContainer } from '../../styles.js';\nimport { getSpaceProps } from '../../utils.js';\nimport { DSDialogDatatestid } from '../../constants/index.js';\nimport { DSDialogContext } from '../../DSDialogCTX.js';\nimport { useDialogContent } from './useDialogContent.js';\n\nexport const DSDialogContent = () => {\n const { handleBackgroundMouseDown, handleBackgroundMouseUp, handleOnKeyDown } = useDialogContent();\n const { props, containerRef, portalInfo, portalClassName } = useContext(DSDialogContext);\n\n const { removeAutoFocus, zIndex, centered, size, width, children, ...rest } = props;\n\n const { className, ...restOfGlobalAttributes } = useGetGlobalAttributes(props, {\n onKeyDown: handleOnKeyDown,\n });\n\n const getOwnerProps = useCallback(() => props, [props]);\n const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n const refCallback = useCallback(\n (_ref: HTMLDivElement | null) => {\n if (_ref) {\n containerRef.current = _ref;\n if (!removeAutoFocus) _ref.focus();\n }\n },\n [containerRef, removeAutoFocus],\n );\n\n return (\n <StyledDialogBackground\n className={className}\n onMouseDown={handleBackgroundMouseDown}\n onMouseUp={handleBackgroundMouseUp}\n data-portalbg\n data-testid={DSDialogDatatestid.BACKGROUND}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n zIndex={zIndex}\n >\n <PortalStyles portalInfo={portalInfo} portalClassName={portalClassName} />\n <StyledDialogContainer\n role=\"dialog\"\n aria-modal\n innerRef={refCallback}\n tabIndex={!removeAutoFocus ? 0 : undefined}\n onKeyDown={handleOnKeyDown}\n {...getSpaceProps(rest as unknown as Record<string, unknown>)}\n centered={centered}\n data-testid={DSDialogDatatestid.CONTAINER}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n {...restOfGlobalAttributes}\n size={size}\n width={width}\n >\n {children}\n </StyledDialogContainer>\n </StyledDialogBackground>\n );\n};\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACgCnB,SAUE,KAVF;AAhCJ,SAAgB,aAAa,kBAAkB;AAC/C,SAAS,8BAA8B;AACvC,SAAS,cAAc,wBAAwB,6BAA6B;AAC5E,SAAS,qBAAqB;AAC9B,SAAS,0BAA0B;AACnC,SAAS,uBAAuB;AAChC,SAAS,wBAAwB;AAE1B,MAAM,kBAAkB,MAAM;AACnC,QAAM,EAAE,2BAA2B,yBAAyB,gBAAgB,IAAI,iBAAiB;AACjG,QAAM,EAAE,OAAO,cAAc,YAAY,gBAAgB,IAAI,WAAW,eAAe;AAEvF,QAAM,EAAE,iBAAiB,QAAQ,UAAU,MAAM,OAAO,UAAU,GAAG,KAAK,IAAI;AAE9E,QAAM,EAAE,WAAW,GAAG,uBAAuB,IAAI,uBAAuB,OAAO;AAAA,IAC7E,WAAW;AAAA,EACb,CAAC;AAED,QAAM,gBAAgB,YAAY,MAAM,OAAO,CAAC,KAAK,CAAC;AACtD,QAAM,yBAAyB,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAEzD,QAAM,cAAc;AAAA,IAClB,CAAC,SAAgC;AAC/B,UAAI,MAAM;AACR,qBAAa,UAAU;AACvB,YAAI,CAAC,gBAAiB,MAAK,MAAM;AAAA,MACnC;AAAA,IACF;AAAA,IACA,CAAC,cAAc,eAAe;AAAA,EAChC;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,aAAa;AAAA,MACb,WAAW;AAAA,MACX,iBAAa;AAAA,MACb,eAAa,mBAAmB;AAAA,MAChC;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,4BAAC,gBAAa,YAAwB,iBAAkC;AAAA,QACxE;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,cAAU;AAAA,YACV,UAAU;AAAA,YACV,UAAU,CAAC,kBAAkB,IAAI;AAAA,YACjC,WAAW;AAAA,YACV,GAAG,cAAc,IAA0C;AAAA,YAC5D;AAAA,YACA,eAAa,mBAAmB;AAAA,YAChC;AAAA,YACA;AAAA,YACC,GAAG;AAAA,YACJ;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { useCallback, useContext, useRef } from "react";
|
|
3
|
+
import { DSDialogContext } from "../../DSDialogCTX.js";
|
|
4
|
+
const useDialogContent = () => {
|
|
5
|
+
const {
|
|
6
|
+
props: { onClickOutside, onClose }
|
|
7
|
+
} = useContext(DSDialogContext);
|
|
8
|
+
const mouseDownOnOverlayRef = useRef(false);
|
|
9
|
+
const handleBackgroundMouseDown = useCallback((e) => {
|
|
10
|
+
mouseDownOnOverlayRef.current = Boolean(e.target.dataset.portalbg);
|
|
11
|
+
}, []);
|
|
12
|
+
const handleBackgroundMouseUp = useCallback(
|
|
13
|
+
(e) => {
|
|
14
|
+
if (mouseDownOnOverlayRef.current && e.target.dataset.portalbg) {
|
|
15
|
+
onClickOutside();
|
|
16
|
+
}
|
|
17
|
+
mouseDownOnOverlayRef.current = false;
|
|
18
|
+
},
|
|
19
|
+
[onClickOutside]
|
|
20
|
+
);
|
|
21
|
+
const handleOnKeyDown = useCallback(
|
|
22
|
+
(e) => {
|
|
23
|
+
if (e.key === "Escape") onClose();
|
|
24
|
+
},
|
|
25
|
+
[onClose]
|
|
26
|
+
);
|
|
27
|
+
return {
|
|
28
|
+
handleBackgroundMouseDown,
|
|
29
|
+
handleBackgroundMouseUp,
|
|
30
|
+
handleOnKeyDown
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
export {
|
|
34
|
+
useDialogContent
|
|
35
|
+
};
|
|
36
|
+
//# sourceMappingURL=useDialogContent.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogContent/useDialogContent.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type React from 'react';\nimport { useCallback, useContext, useRef } from 'react';\nimport { DSDialogContext } from '../../DSDialogCTX.js';\n\nexport const useDialogContent = () => {\n const {\n props: { onClickOutside, onClose },\n } = useContext(DSDialogContext);\n\n /**\n * PUI-15050 https://jira.elliemae.io/browse/PUI-15050\n * Tracks whether the current press sequence started on the overlay.\n * onClickOutside fires only when both mousedown AND mouseup land on the overlay,\n * preventing false triggers when the user presses the overlay and releases inside the dialog.\n *\n * Lifecycle note: this ref is intentionally not reset on dialog close because DSDialogContent\n * is fully unmounted when isOpen=false (via DSDialogPortal returning null). The ref is\n * destroyed with the component, so stale state across open/close cycles is not possible.\n */\n\n const mouseDownOnOverlayRef = useRef(false);\n\n const handleBackgroundMouseDown = useCallback((e: React.MouseEvent) => {\n mouseDownOnOverlayRef.current = Boolean((e.target as HTMLElement).dataset.portalbg);\n }, []);\n\n const handleBackgroundMouseUp = useCallback(\n (e: React.MouseEvent) => {\n if (mouseDownOnOverlayRef.current && (e.target as HTMLElement).dataset.portalbg) {\n onClickOutside();\n }\n mouseDownOnOverlayRef.current = false;\n },\n [onClickOutside],\n );\n\n const handleOnKeyDown = useCallback(\n (e: React.KeyboardEvent) => {\n if (e.key === 'Escape') onClose();\n },\n [onClose],\n );\n\n return {\n handleBackgroundMouseDown,\n handleBackgroundMouseUp,\n handleOnKeyDown,\n };\n};\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,aAAa,YAAY,cAAc;AAChD,SAAS,uBAAuB;AAEzB,MAAM,mBAAmB,MAAM;AACpC,QAAM;AAAA,IACJ,OAAO,EAAE,gBAAgB,QAAQ;AAAA,EACnC,IAAI,WAAW,eAAe;AAa9B,QAAM,wBAAwB,OAAO,KAAK;AAE1C,QAAM,4BAA4B,YAAY,CAAC,MAAwB;AACrE,0BAAsB,UAAU,QAAS,EAAE,OAAuB,QAAQ,QAAQ;AAAA,EACpF,GAAG,CAAC,CAAC;AAEL,QAAM,0BAA0B;AAAA,IAC9B,CAAC,MAAwB;AACvB,UAAI,sBAAsB,WAAY,EAAE,OAAuB,QAAQ,UAAU;AAC/E,uBAAe;AAAA,MACjB;AACA,4BAAsB,UAAU;AAAA,IAClC;AAAA,IACA,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,kBAAkB;AAAA,IACtB,CAAC,MAA2B;AAC1B,UAAI,EAAE,QAAQ,SAAU,SAAQ;AAAA,IAClC;AAAA,IACA,CAAC,OAAO;AAAA,EACV;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { describe } from "@elliemae/ds-props-helpers";
|
|
4
|
+
import { useDialogOwnerProps } from "../useDialogOwnerProps.js";
|
|
5
|
+
import { DSDialogDefaultLayoutPropTypesSchema } from "./react-desc-prop-types.js";
|
|
6
|
+
import { StyledDialogDefaultLayout } from "./styled.js";
|
|
7
|
+
const DSDialogDefaultLayout = (props) => {
|
|
8
|
+
const { getOwnerProps, getOwnerPropsArguments } = useDialogOwnerProps(props);
|
|
9
|
+
return /* @__PURE__ */ jsx(
|
|
10
|
+
StyledDialogDefaultLayout,
|
|
11
|
+
{
|
|
12
|
+
...props,
|
|
13
|
+
getOwnerProps,
|
|
14
|
+
getOwnerPropsArguments
|
|
15
|
+
}
|
|
16
|
+
);
|
|
17
|
+
};
|
|
18
|
+
DSDialogDefaultLayout.displayName = "DSDialogDefaultLayout";
|
|
19
|
+
const DSDialogDefaultLayoutWithSchema = describe(DSDialogDefaultLayout);
|
|
20
|
+
DSDialogDefaultLayoutWithSchema.propTypes = DSDialogDefaultLayoutPropTypesSchema;
|
|
21
|
+
export {
|
|
22
|
+
DSDialogDefaultLayout,
|
|
23
|
+
DSDialogDefaultLayoutWithSchema
|
|
24
|
+
};
|
|
25
|
+
//# sourceMappingURL=DSDialogDefaultLayout.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogDefaultLayout/DSDialogDefaultLayout.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useDialogOwnerProps } from '../useDialogOwnerProps.js';\nimport { type DSDialogDefaultLayoutT, DSDialogDefaultLayoutPropTypesSchema } from './react-desc-prop-types.js';\nimport { StyledDialogDefaultLayout } from './styled.js';\n\nconst DSDialogDefaultLayout: React.ComponentType<DSDialogDefaultLayoutT.Props> = (props) => {\n const { getOwnerProps, getOwnerPropsArguments } = useDialogOwnerProps(props);\n\n return (\n <StyledDialogDefaultLayout\n {...props}\n getOwnerProps={getOwnerProps}\n getOwnerPropsArguments={getOwnerPropsArguments}\n />\n );\n};\n\nDSDialogDefaultLayout.displayName = 'DSDialogDefaultLayout';\nconst DSDialogDefaultLayoutWithSchema = describe(DSDialogDefaultLayout);\nDSDialogDefaultLayoutWithSchema.propTypes = DSDialogDefaultLayoutPropTypesSchema;\n\nexport { DSDialogDefaultLayout, DSDialogDefaultLayoutWithSchema };\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACUnB;AATJ,SAAS,gBAAgB;AACzB,SAAS,2BAA2B;AACpC,SAAsC,4CAA4C;AAClF,SAAS,iCAAiC;AAE1C,MAAM,wBAA2E,CAAC,UAAU;AAC1F,QAAM,EAAE,eAAe,uBAAuB,IAAI,oBAAoB,KAAK;AAE3E,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { slotObjectToDataTestIds } from "@elliemae/ds-system";
|
|
3
|
+
import { DSDialogName } from "../../../constants/index.js";
|
|
4
|
+
const DIALOG_DEFAULT_LAYOUT_SLOTS = {
|
|
5
|
+
ROOT: "default-layout"
|
|
6
|
+
};
|
|
7
|
+
const DIALOG_DEFAULT_LAYOUT_DATA_TESTID = slotObjectToDataTestIds(DSDialogName, DIALOG_DEFAULT_LAYOUT_SLOTS);
|
|
8
|
+
export {
|
|
9
|
+
DIALOG_DEFAULT_LAYOUT_DATA_TESTID,
|
|
10
|
+
DIALOG_DEFAULT_LAYOUT_SLOTS,
|
|
11
|
+
DSDialogName
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSDialogDefaultLayout/constants/index.ts"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nimport { DSDialogName } from '../../../constants/index.js';\n\nexport const DIALOG_DEFAULT_LAYOUT_SLOTS = {\n ROOT: 'default-layout',\n} as const;\n\nexport const DIALOG_DEFAULT_LAYOUT_DATA_TESTID = slotObjectToDataTestIds(DSDialogName, DIALOG_DEFAULT_LAYOUT_SLOTS);\nexport { DSDialogName };\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AACxC,SAAS,oBAAoB;AAEtB,MAAM,8BAA8B;AAAA,EACzC,MAAM;AACR;AAEO,MAAM,oCAAoC,wBAAwB,cAAc,2BAA2B;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { DIALOG_DEFAULT_LAYOUT_DATA_TESTID, DIALOG_DEFAULT_LAYOUT_SLOTS } from "./constants/index.js";
|
|
3
|
+
import { DSDialogDefaultLayout, DSDialogDefaultLayoutWithSchema } from "./DSDialogDefaultLayout.js";
|
|
4
|
+
import { DSDialogDefaultLayoutPropTypes } from "./react-desc-prop-types.js";
|
|
5
|
+
export {
|
|
6
|
+
DIALOG_DEFAULT_LAYOUT_DATA_TESTID,
|
|
7
|
+
DIALOG_DEFAULT_LAYOUT_SLOTS,
|
|
8
|
+
DSDialogDefaultLayout,
|
|
9
|
+
DSDialogDefaultLayoutPropTypes,
|
|
10
|
+
DSDialogDefaultLayoutWithSchema
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogDefaultLayout/index.ts"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DIALOG_DEFAULT_LAYOUT_DATA_TESTID, DIALOG_DEFAULT_LAYOUT_SLOTS } from './constants/index.js';\nexport { DSDialogDefaultLayout, DSDialogDefaultLayoutWithSchema } from './DSDialogDefaultLayout.js';\nexport { type DSDialogDefaultLayoutT, DSDialogDefaultLayoutPropTypes } from './react-desc-prop-types.js';\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,mCAAmC,mCAAmC;AAC/E,SAAS,uBAAuB,uCAAuC;AACvE,SAAsC,sCAAsC;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { getPropsPerSlotPropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
|
|
3
|
+
import { DIALOG_DEFAULT_LAYOUT_SLOTS, DSDialogName } from "./constants/index.js";
|
|
4
|
+
const defaultProps = {};
|
|
5
|
+
const DSDialogDefaultLayoutPropTypes = {
|
|
6
|
+
...getPropsPerSlotPropTypes(DSDialogName, DIALOG_DEFAULT_LAYOUT_SLOTS),
|
|
7
|
+
...globalAttributesPropTypes,
|
|
8
|
+
...xstyledPropTypes
|
|
9
|
+
};
|
|
10
|
+
const DSDialogDefaultLayoutPropTypesSchema = DSDialogDefaultLayoutPropTypes;
|
|
11
|
+
export {
|
|
12
|
+
DSDialogDefaultLayoutPropTypes,
|
|
13
|
+
DSDialogDefaultLayoutPropTypesSchema,
|
|
14
|
+
defaultProps
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=react-desc-prop-types.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogDefaultLayout/react-desc-prop-types.ts"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { getPropsPerSlotPropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DIALOG_DEFAULT_LAYOUT_SLOTS, DSDialogName } from './constants/index.js';\n\nexport declare namespace DSDialogDefaultLayoutT {\n export interface RequiredProps {}\n\n export interface DefaultProps {}\n\n export interface OptionalProps\n extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDialogName, typeof DIALOG_DEFAULT_LAYOUT_SLOTS> {}\n\n export interface Props\n extends OptionalProps,\n Omit<GlobalAttributesT<HTMLDivElement>, keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n\n export interface InternalProps\n extends DefaultProps,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLDivElement>, keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n}\n\nexport const defaultProps: DSDialogDefaultLayoutT.DefaultProps = {};\n\nexport const DSDialogDefaultLayoutPropTypes: DSPropTypesSchema<DSDialogDefaultLayoutT.Props> = {\n ...getPropsPerSlotPropTypes(DSDialogName, DIALOG_DEFAULT_LAYOUT_SLOTS),\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n};\n\nexport const DSDialogDefaultLayoutPropTypesSchema =\n DSDialogDefaultLayoutPropTypes as unknown as ValidationMap<DSDialogDefaultLayoutT.Props>;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,0BAA0B,2BAA2B,wBAAwB;AAEtF,SAAS,6BAA6B,oBAAoB;AAwBnD,MAAM,eAAoD,CAAC;AAE3D,MAAM,iCAAkF;AAAA,EAC7F,GAAG,yBAAyB,cAAc,2BAA2B;AAAA,EACrE,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,uCACX;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { styled } from "@elliemae/ds-system";
|
|
3
|
+
import { StyledDialogSecondaryMessage } from "../DSDialogSecondaryMessage/styled.js";
|
|
4
|
+
import { DIALOG_DEFAULT_LAYOUT_SLOTS, DSDialogName } from "./constants/index.js";
|
|
5
|
+
const StyledDialogDefaultLayout = styled("div", {
|
|
6
|
+
name: DSDialogName,
|
|
7
|
+
slot: DIALOG_DEFAULT_LAYOUT_SLOTS.ROOT
|
|
8
|
+
})`
|
|
9
|
+
display: grid;
|
|
10
|
+
grid-auto-flow: row;
|
|
11
|
+
justify-items: center;
|
|
12
|
+
align-items: center;
|
|
13
|
+
grid-gap: ${({ theme }) => theme.space.xxs};
|
|
14
|
+
|
|
15
|
+
${StyledDialogSecondaryMessage} {
|
|
16
|
+
text-align: center;
|
|
17
|
+
}
|
|
18
|
+
`;
|
|
19
|
+
export {
|
|
20
|
+
StyledDialogDefaultLayout
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogDefaultLayout/styled.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { StyledDialogSecondaryMessage } from '../DSDialogSecondaryMessage/styled.js';\nimport { DIALOG_DEFAULT_LAYOUT_SLOTS, DSDialogName } from './constants/index.js';\n\nexport const StyledDialogDefaultLayout = styled('div', {\n name: DSDialogName,\n slot: DIALOG_DEFAULT_LAYOUT_SLOTS.ROOT,\n})<React.PropsWithChildren>`\n display: grid;\n grid-auto-flow: row;\n justify-items: center;\n align-items: center;\n grid-gap: ${({ theme }) => theme.space.xxs};\n\n ${StyledDialogSecondaryMessage} {\n text-align: center;\n }\n`;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,oCAAoC;AAC7C,SAAS,6BAA6B,oBAAoB;AAEnD,MAAM,4BAA4B,OAAO,OAAO;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,4BAA4B;AACpC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,cAKa,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA,IAExC,4BAA4B;AAAA;AAAA;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { describe } from "@elliemae/ds-props-helpers";
|
|
4
|
+
import { useDialogOwnerProps } from "../useDialogOwnerProps.js";
|
|
5
|
+
import { DSDialogFooterPropTypesSchema } from "./react-desc-prop-types.js";
|
|
6
|
+
import { StyledDialogFooter } from "./styled.js";
|
|
7
|
+
const DSDialogFooter = (props) => {
|
|
8
|
+
const { getOwnerProps, getOwnerPropsArguments } = useDialogOwnerProps(props);
|
|
9
|
+
return /* @__PURE__ */ jsx(StyledDialogFooter, { ...props, getOwnerProps, getOwnerPropsArguments });
|
|
10
|
+
};
|
|
11
|
+
DSDialogFooter.displayName = "DSDialogFooter";
|
|
12
|
+
const DSDialogFooterWithSchema = describe(DSDialogFooter);
|
|
13
|
+
DSDialogFooterWithSchema.propTypes = DSDialogFooterPropTypesSchema;
|
|
14
|
+
export {
|
|
15
|
+
DSDialogFooter,
|
|
16
|
+
DSDialogFooterWithSchema
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=DSDialogFooter.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogFooter/DSDialogFooter.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useDialogOwnerProps } from '../useDialogOwnerProps.js';\nimport { type DSDialogFooterT, DSDialogFooterPropTypesSchema } from './react-desc-prop-types.js';\nimport { StyledDialogFooter } from './styled.js';\n\nconst DSDialogFooter: React.ComponentType<DSDialogFooterT.Props> = (props) => {\n const { getOwnerProps, getOwnerPropsArguments } = useDialogOwnerProps(props);\n\n return (\n <StyledDialogFooter {...props} getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />\n );\n};\n\nDSDialogFooter.displayName = 'DSDialogFooter';\nconst DSDialogFooterWithSchema = describe(DSDialogFooter);\nDSDialogFooterWithSchema.propTypes = DSDialogFooterPropTypesSchema;\n\nexport { DSDialogFooter, DSDialogFooterWithSchema };\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACUnB;AATJ,SAAS,gBAAgB;AACzB,SAAS,2BAA2B;AACpC,SAA+B,qCAAqC;AACpE,SAAS,0BAA0B;AAEnC,MAAM,iBAA6D,CAAC,UAAU;AAC5E,QAAM,EAAE,eAAe,uBAAuB,IAAI,oBAAoB,KAAK;AAE3E,SACE,oBAAC,sBAAoB,GAAG,OAAO,eAA8B,wBAAgD;AAEjH;AAEA,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { slotObjectToDataTestIds } from "@elliemae/ds-system";
|
|
3
|
+
import { DSDialogName } from "../../../constants/index.js";
|
|
4
|
+
const DIALOG_FOOTER_SLOTS = {
|
|
5
|
+
ROOT: "footer"
|
|
6
|
+
};
|
|
7
|
+
const DIALOG_FOOTER_DATA_TESTID = slotObjectToDataTestIds(DSDialogName, DIALOG_FOOTER_SLOTS);
|
|
8
|
+
export {
|
|
9
|
+
DIALOG_FOOTER_DATA_TESTID,
|
|
10
|
+
DIALOG_FOOTER_SLOTS,
|
|
11
|
+
DSDialogName
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSDialogFooter/constants/index.ts"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nimport { DSDialogName } from '../../../constants/index.js';\n\nexport const DIALOG_FOOTER_SLOTS = {\n ROOT: 'footer',\n} as const;\n\nexport const DIALOG_FOOTER_DATA_TESTID = slotObjectToDataTestIds(DSDialogName, DIALOG_FOOTER_SLOTS);\nexport { DSDialogName };\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AACxC,SAAS,oBAAoB;AAEtB,MAAM,sBAAsB;AAAA,EACjC,MAAM;AACR;AAEO,MAAM,4BAA4B,wBAAwB,cAAc,mBAAmB;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { DIALOG_FOOTER_DATA_TESTID, DIALOG_FOOTER_SLOTS } from "./constants/index.js";
|
|
3
|
+
import { DSDialogFooter, DSDialogFooterWithSchema } from "./DSDialogFooter.js";
|
|
4
|
+
import { DSDialogFooterPropTypes } from "./react-desc-prop-types.js";
|
|
5
|
+
export {
|
|
6
|
+
DIALOG_FOOTER_DATA_TESTID,
|
|
7
|
+
DIALOG_FOOTER_SLOTS,
|
|
8
|
+
DSDialogFooter,
|
|
9
|
+
DSDialogFooterPropTypes,
|
|
10
|
+
DSDialogFooterWithSchema
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogFooter/index.ts"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DIALOG_FOOTER_DATA_TESTID, DIALOG_FOOTER_SLOTS } from './constants/index.js';\nexport { DSDialogFooter, DSDialogFooterWithSchema } from './DSDialogFooter.js';\nexport { type DSDialogFooterT, DSDialogFooterPropTypes } from './react-desc-prop-types.js';\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,2BAA2B,2BAA2B;AAC/D,SAAS,gBAAgB,gCAAgC;AACzD,SAA+B,+BAA+B;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { getPropsPerSlotPropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
|
|
3
|
+
import { DIALOG_FOOTER_SLOTS, DSDialogName } from "./constants/index.js";
|
|
4
|
+
const defaultProps = {};
|
|
5
|
+
const DSDialogFooterPropTypes = {
|
|
6
|
+
...getPropsPerSlotPropTypes(DSDialogName, DIALOG_FOOTER_SLOTS),
|
|
7
|
+
...globalAttributesPropTypes,
|
|
8
|
+
...xstyledPropTypes
|
|
9
|
+
};
|
|
10
|
+
const DSDialogFooterPropTypesSchema = DSDialogFooterPropTypes;
|
|
11
|
+
export {
|
|
12
|
+
DSDialogFooterPropTypes,
|
|
13
|
+
DSDialogFooterPropTypesSchema,
|
|
14
|
+
defaultProps
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=react-desc-prop-types.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogFooter/react-desc-prop-types.ts"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { getPropsPerSlotPropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DIALOG_FOOTER_SLOTS, DSDialogName } from './constants/index.js';\n\nexport declare namespace DSDialogFooterT {\n export interface RequiredProps {}\n\n export interface DefaultProps {}\n\n export interface OptionalProps\n extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDialogName, typeof DIALOG_FOOTER_SLOTS> {}\n\n export interface Props\n extends OptionalProps,\n Omit<GlobalAttributesT<HTMLDivElement>, keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n\n export interface InternalProps\n extends DefaultProps,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLDivElement>, keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n}\n\nexport const defaultProps: DSDialogFooterT.DefaultProps = {};\n\nexport const DSDialogFooterPropTypes: DSPropTypesSchema<DSDialogFooterT.Props> = {\n ...getPropsPerSlotPropTypes(DSDialogName, DIALOG_FOOTER_SLOTS),\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n};\n\nexport const DSDialogFooterPropTypesSchema = DSDialogFooterPropTypes as unknown as ValidationMap<DSDialogFooterT.Props>;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,0BAA0B,2BAA2B,wBAAwB;AAEtF,SAAS,qBAAqB,oBAAoB;AAwB3C,MAAM,eAA6C,CAAC;AAEpD,MAAM,0BAAoE;AAAA,EAC/E,GAAG,yBAAyB,cAAc,mBAAmB;AAAA,EAC7D,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,gCAAgC;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { styled, xStyledCommonProps } from "@elliemae/ds-system";
|
|
3
|
+
import { DIALOG_FOOTER_SLOTS, DSDialogName } from "./constants/index.js";
|
|
4
|
+
const StyledDialogFooter = styled("div", {
|
|
5
|
+
name: DSDialogName,
|
|
6
|
+
slot: DIALOG_FOOTER_SLOTS.ROOT
|
|
7
|
+
})`
|
|
8
|
+
display: grid;
|
|
9
|
+
grid-auto-flow: column;
|
|
10
|
+
align-items: center;
|
|
11
|
+
justify-content: flex-end;
|
|
12
|
+
grid-gap: ${({ theme }) => theme.space.xxs};
|
|
13
|
+
min-height: ${({ theme }) => theme.space.m};
|
|
14
|
+
padding: ${({ theme }) => theme.space.xxs} ${({ theme }) => theme.space.xs};
|
|
15
|
+
${xStyledCommonProps}
|
|
16
|
+
`;
|
|
17
|
+
export {
|
|
18
|
+
StyledDialogFooter
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogFooter/styled.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { DIALOG_FOOTER_SLOTS, DSDialogName } from './constants/index.js';\n\nexport const StyledDialogFooter = styled('div', {\n name: DSDialogName,\n slot: DIALOG_FOOTER_SLOTS.ROOT,\n})`\n display: grid;\n grid-auto-flow: column;\n align-items: center;\n justify-content: flex-end;\n grid-gap: ${({ theme }) => theme.space.xxs};\n min-height: ${({ theme }) => theme.space.m};\n padding: ${({ theme }) => theme.space.xxs} ${({ theme }) => theme.space.xs};\n ${xStyledCommonProps}\n`;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,qBAAqB,oBAAoB;AAE3C,MAAM,qBAAqB,OAAO,OAAO;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,oBAAoB;AAC5B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA,cAKa,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG;AAAA,gBAC5B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA,aAC/B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,GAAG,IAAI,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA,IACxE,kBAAkB;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { jsx } from "react/jsx-runtime";
|
|
3
|
+
import { describe } from "@elliemae/ds-props-helpers";
|
|
4
|
+
import { useDialogOwnerProps } from "../useDialogOwnerProps.js";
|
|
5
|
+
import { DSDialogHeaderPropTypesSchema } from "./react-desc-prop-types.js";
|
|
6
|
+
import { StyledDialogHeader } from "./styled.js";
|
|
7
|
+
const DSDialogHeader = (props) => {
|
|
8
|
+
const { getOwnerProps, getOwnerPropsArguments } = useDialogOwnerProps(props);
|
|
9
|
+
return /* @__PURE__ */ jsx(StyledDialogHeader, { ...props, getOwnerProps, getOwnerPropsArguments });
|
|
10
|
+
};
|
|
11
|
+
DSDialogHeader.displayName = "DSDialogHeader";
|
|
12
|
+
const DSDialogHeaderWithSchema = describe(DSDialogHeader);
|
|
13
|
+
DSDialogHeaderWithSchema.propTypes = DSDialogHeaderPropTypesSchema;
|
|
14
|
+
export {
|
|
15
|
+
DSDialogHeader,
|
|
16
|
+
DSDialogHeaderWithSchema
|
|
17
|
+
};
|
|
18
|
+
//# sourceMappingURL=DSDialogHeader.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogHeader/DSDialogHeader.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { useDialogOwnerProps } from '../useDialogOwnerProps.js';\nimport { type DSDialogHeaderT, DSDialogHeaderPropTypesSchema } from './react-desc-prop-types.js';\nimport { StyledDialogHeader } from './styled.js';\n\nconst DSDialogHeader: React.ComponentType<DSDialogHeaderT.Props> = (props) => {\n const { getOwnerProps, getOwnerPropsArguments } = useDialogOwnerProps(props);\n\n return (\n <StyledDialogHeader {...props} getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments} />\n );\n};\n\nDSDialogHeader.displayName = 'DSDialogHeader';\nconst DSDialogHeaderWithSchema = describe(DSDialogHeader);\nDSDialogHeaderWithSchema.propTypes = DSDialogHeaderPropTypesSchema;\n\nexport { DSDialogHeader, DSDialogHeaderWithSchema };\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACUnB;AATJ,SAAS,gBAAgB;AACzB,SAAS,2BAA2B;AACpC,SAA+B,qCAAqC;AACpE,SAAS,0BAA0B;AAEnC,MAAM,iBAA6D,CAAC,UAAU;AAC5E,QAAM,EAAE,eAAe,uBAAuB,IAAI,oBAAoB,KAAK;AAE3E,SACE,oBAAC,sBAAoB,GAAG,OAAO,eAA8B,wBAAgD;AAEjH;AAEA,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { slotObjectToDataTestIds } from "@elliemae/ds-system";
|
|
3
|
+
import { DSDialogName } from "../../../constants/index.js";
|
|
4
|
+
const DIALOG_HEADER_SLOTS = {
|
|
5
|
+
ROOT: "header"
|
|
6
|
+
};
|
|
7
|
+
const DIALOG_HEADER_DATA_TESTID = slotObjectToDataTestIds(DSDialogName, DIALOG_HEADER_SLOTS);
|
|
8
|
+
export {
|
|
9
|
+
DIALOG_HEADER_DATA_TESTID,
|
|
10
|
+
DIALOG_HEADER_SLOTS,
|
|
11
|
+
DSDialogName
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/parts/DSDialogHeader/constants/index.ts"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\nimport { DSDialogName } from '../../../constants/index.js';\n\nexport const DIALOG_HEADER_SLOTS = {\n ROOT: 'header',\n} as const;\n\nexport const DIALOG_HEADER_DATA_TESTID = slotObjectToDataTestIds(DSDialogName, DIALOG_HEADER_SLOTS);\nexport { DSDialogName };\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AACxC,SAAS,oBAAoB;AAEtB,MAAM,sBAAsB;AAAA,EACjC,MAAM;AACR;AAEO,MAAM,4BAA4B,wBAAwB,cAAc,mBAAmB;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { DIALOG_HEADER_DATA_TESTID, DIALOG_HEADER_SLOTS } from "./constants/index.js";
|
|
3
|
+
import { DSDialogHeader, DSDialogHeaderWithSchema } from "./DSDialogHeader.js";
|
|
4
|
+
import { DSDialogHeaderPropTypes } from "./react-desc-prop-types.js";
|
|
5
|
+
export {
|
|
6
|
+
DIALOG_HEADER_DATA_TESTID,
|
|
7
|
+
DIALOG_HEADER_SLOTS,
|
|
8
|
+
DSDialogHeader,
|
|
9
|
+
DSDialogHeaderPropTypes,
|
|
10
|
+
DSDialogHeaderWithSchema
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogHeader/index.ts"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DIALOG_HEADER_DATA_TESTID, DIALOG_HEADER_SLOTS } from './constants/index.js';\nexport { DSDialogHeader, DSDialogHeaderWithSchema } from './DSDialogHeader.js';\nexport { type DSDialogHeaderT, DSDialogHeaderPropTypes } from './react-desc-prop-types.js';\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,2BAA2B,2BAA2B;AAC/D,SAAS,gBAAgB,gCAAgC;AACzD,SAA+B,+BAA+B;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { getPropsPerSlotPropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
|
|
3
|
+
import { DIALOG_HEADER_SLOTS, DSDialogName } from "./constants/index.js";
|
|
4
|
+
const defaultProps = {};
|
|
5
|
+
const DSDialogHeaderPropTypes = {
|
|
6
|
+
...getPropsPerSlotPropTypes(DSDialogName, DIALOG_HEADER_SLOTS),
|
|
7
|
+
...globalAttributesPropTypes,
|
|
8
|
+
...xstyledPropTypes
|
|
9
|
+
};
|
|
10
|
+
const DSDialogHeaderPropTypesSchema = DSDialogHeaderPropTypes;
|
|
11
|
+
export {
|
|
12
|
+
DSDialogHeaderPropTypes,
|
|
13
|
+
DSDialogHeaderPropTypesSchema,
|
|
14
|
+
defaultProps
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=react-desc-prop-types.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogHeader/react-desc-prop-types.ts"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { DSPropTypesSchema, GlobalAttributesT, ValidationMap, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { getPropsPerSlotPropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport { DIALOG_HEADER_SLOTS, DSDialogName } from './constants/index.js';\n\nexport declare namespace DSDialogHeaderT {\n export interface RequiredProps {}\n\n export interface DefaultProps {}\n\n export interface OptionalProps\n extends TypescriptHelpersT.PropsForGlobalOnSlots<typeof DSDialogName, typeof DIALOG_HEADER_SLOTS> {}\n\n export interface Props\n extends OptionalProps,\n Omit<GlobalAttributesT<HTMLDivElement>, keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n\n export interface InternalProps\n extends DefaultProps,\n OptionalProps,\n Omit<GlobalAttributesT<HTMLDivElement>, keyof XstyledProps>,\n XstyledProps,\n RequiredProps {}\n}\n\nexport const defaultProps: DSDialogHeaderT.DefaultProps = {};\n\nexport const DSDialogHeaderPropTypes: DSPropTypesSchema<DSDialogHeaderT.Props> = {\n ...getPropsPerSlotPropTypes(DSDialogName, DIALOG_HEADER_SLOTS),\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n};\n\nexport const DSDialogHeaderPropTypesSchema = DSDialogHeaderPropTypes as unknown as ValidationMap<DSDialogHeaderT.Props>;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,0BAA0B,2BAA2B,wBAAwB;AAEtF,SAAS,qBAAqB,oBAAoB;AAwB3C,MAAM,eAA6C,CAAC;AAEpD,MAAM,0BAAoE;AAAA,EAC/E,GAAG,yBAAyB,cAAc,mBAAmB;AAAA,EAC7D,GAAG;AAAA,EACH,GAAG;AACL;AAEO,MAAM,gCAAgC;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { styled, xStyledCommonProps } from "@elliemae/ds-system";
|
|
3
|
+
import { StyledDialogAddon } from "../DSDialogAddon/styled.js";
|
|
4
|
+
import { StyledDialogTitle } from "../DSDialogTitle/styled.js";
|
|
5
|
+
import { DIALOG_HEADER_SLOTS, DSDialogName } from "./constants/index.js";
|
|
6
|
+
const StyledDialogHeader = styled("div", {
|
|
7
|
+
name: DSDialogName,
|
|
8
|
+
slot: DIALOG_HEADER_SLOTS.ROOT
|
|
9
|
+
})`
|
|
10
|
+
display: grid;
|
|
11
|
+
align-items: center;
|
|
12
|
+
grid-auto-flow: column;
|
|
13
|
+
min-height: ${({ theme }) => theme.space.m};
|
|
14
|
+
padding: 10px ${({ theme }) => theme.space.xs};
|
|
15
|
+
& ${StyledDialogTitle} + ${StyledDialogAddon} {
|
|
16
|
+
align-self: flex-start;
|
|
17
|
+
justify-self: flex-end;
|
|
18
|
+
}
|
|
19
|
+
& ${StyledDialogAddon}:only-child {
|
|
20
|
+
justify-self: flex-end;
|
|
21
|
+
}
|
|
22
|
+
${xStyledCommonProps}
|
|
23
|
+
`;
|
|
24
|
+
export {
|
|
25
|
+
StyledDialogHeader
|
|
26
|
+
};
|
|
27
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/DSDialogHeader/styled.tsx"],
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { XstyledProps } from '@elliemae/ds-props-helpers';\nimport { styled, xStyledCommonProps } from '@elliemae/ds-system';\nimport { StyledDialogAddon } from '../DSDialogAddon/styled.js';\nimport { StyledDialogTitle } from '../DSDialogTitle/styled.js';\nimport { DIALOG_HEADER_SLOTS, DSDialogName } from './constants/index.js';\n\nexport const StyledDialogHeader = styled('div', {\n name: DSDialogName,\n slot: DIALOG_HEADER_SLOTS.ROOT,\n})<React.PropsWithChildren & XstyledProps>`\n display: grid;\n align-items: center;\n grid-auto-flow: column;\n min-height: ${({ theme }) => theme.space.m};\n padding: 10px ${({ theme }) => theme.space.xs};\n & ${StyledDialogTitle} + ${StyledDialogAddon} {\n align-self: flex-start;\n justify-self: flex-end;\n }\n & ${StyledDialogAddon}:only-child {\n justify-self: flex-end;\n }\n ${xStyledCommonProps}\n`;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,yBAAyB;AAClC,SAAS,yBAAyB;AAClC,SAAS,qBAAqB,oBAAoB;AAE3C,MAAM,qBAAqB,OAAO,OAAO;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,oBAAoB;AAC5B,CAAC;AAAA;AAAA;AAAA;AAAA,gBAIe,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA,kBAC1B,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA,MACzC,iBAAiB,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA,MAIxC,iBAAiB;AAAA;AAAA;AAAA,IAGnB,kBAAkB;AAAA;",
|
|
6
|
+
"names": []
|
|
7
|
+
}
|
|
@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
3
3
|
import { useContext } from "react";
|
|
4
4
|
import ReactDOM from "react-dom";
|
|
5
5
|
import { DSDialogContext } from "../DSDialogCTX.js";
|
|
6
|
-
import { DSDialogContent } from "./
|
|
6
|
+
import { DSDialogContent } from "./DSDialogContent/DSDialogContent.js";
|
|
7
7
|
const DSDialogPortal = () => {
|
|
8
8
|
const {
|
|
9
9
|
props: { isOpen },
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/DSDialogPortal.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport ReactDOM from 'react-dom';\nimport { DSDialogContext } from '../DSDialogCTX.js';\nimport { DSDialogContent } from './
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport ReactDOM from 'react-dom';\nimport { DSDialogContext } from '../DSDialogCTX.js';\nimport { DSDialogContent } from './DSDialogContent/DSDialogContent.js';\n\nexport const DSDialogPortal = (): JSX.Element | null => {\n const {\n props: { isOpen },\n actualPortalRef,\n } = useContext(DSDialogContext);\n\n if (isOpen && actualPortalRef.current) {\n return ReactDOM.createPortal(<DSDialogContent />, actualPortalRef.current);\n }\n\n return null;\n};\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACYU;AAZjC,SAAgB,kBAAkB;AAClC,OAAO,cAAc;AACrB,SAAS,uBAAuB;AAChC,SAAS,uBAAuB;AAEzB,MAAM,iBAAiB,MAA0B;AACtD,QAAM;AAAA,IACJ,OAAO,EAAE,OAAO;AAAA,IAChB;AAAA,EACF,IAAI,WAAW,eAAe;AAE9B,MAAI,UAAU,gBAAgB,SAAS;AACrC,WAAO,SAAS,aAAa,oBAAC,mBAAgB,GAAI,gBAAgB,OAAO;AAAA,EAC3E;AAEA,SAAO;AACT;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|