smarthr-ui 29.0.2 → 30.0.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 (120) hide show
  1. package/esm/components/Dialog/{ActionDialog.d.ts → ActionDialog/ActionDialog.d.ts} +1 -1
  2. package/esm/components/Dialog/{ActionDialog.js → ActionDialog/ActionDialog.js} +3 -3
  3. package/esm/components/Dialog/ActionDialog/ActionDialog.js.map +1 -0
  4. package/{lib/components/Dialog → esm/components/Dialog/ActionDialog}/ActionDialogContent.d.ts +1 -1
  5. package/esm/components/Dialog/{ActionDialogContent.js → ActionDialog/ActionDialogContent.js} +4 -4
  6. package/esm/components/Dialog/ActionDialog/ActionDialogContent.js.map +1 -0
  7. package/{lib/components/Dialog → esm/components/Dialog/ActionDialog}/ActionDialogContentInner.d.ts +7 -5
  8. package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js +57 -0
  9. package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -0
  10. package/esm/components/Dialog/ActionDialog/index.d.ts +2 -0
  11. package/esm/components/Dialog/ActionDialog/index.js +3 -0
  12. package/esm/components/Dialog/ActionDialog/index.js.map +1 -0
  13. package/{lib/components/Dialog → esm/components/Dialog/MessageDialog}/MessageDialog.d.ts +1 -1
  14. package/esm/components/Dialog/{MessageDialog.js → MessageDialog/MessageDialog.js} +3 -3
  15. package/esm/components/Dialog/MessageDialog/MessageDialog.js.map +1 -0
  16. package/{lib/components/Dialog → esm/components/Dialog/MessageDialog}/MessageDialogContent.d.ts +1 -1
  17. package/esm/components/Dialog/{MessageDialogContent.js → MessageDialog/MessageDialogContent.js} +4 -4
  18. package/esm/components/Dialog/MessageDialog/MessageDialogContent.js.map +1 -0
  19. package/esm/components/Dialog/{MessageDialogContentInner.d.ts → MessageDialog/MessageDialogContentInner.d.ts} +2 -2
  20. package/esm/components/Dialog/{MessageDialogContentInner.js → MessageDialog/MessageDialogContentInner.js} +6 -6
  21. package/esm/components/Dialog/MessageDialog/MessageDialogContentInner.js.map +1 -0
  22. package/esm/components/Dialog/MessageDialog/index.d.ts +2 -0
  23. package/esm/components/Dialog/MessageDialog/index.js +3 -0
  24. package/esm/components/Dialog/MessageDialog/index.js.map +1 -0
  25. package/esm/components/Dialog/index.d.ts +2 -4
  26. package/esm/components/Dialog/index.js +2 -4
  27. package/esm/components/Dialog/index.js.map +1 -1
  28. package/esm/components/Dialog/useClassNames.d.ts +0 -1
  29. package/esm/components/Dialog/useClassNames.js +0 -1
  30. package/esm/components/Dialog/useClassNames.js.map +1 -1
  31. package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.d.ts +3 -5
  32. package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +4 -4
  33. package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
  34. package/esm/components/FloatArea/FloatArea.d.ts +7 -6
  35. package/esm/components/FloatArea/FloatArea.js +8 -19
  36. package/esm/components/FloatArea/FloatArea.js.map +1 -1
  37. package/esm/components/Header/HeaderDropdownMenuButton.d.ts +174 -164
  38. package/esm/components/Icon/Icon.d.ts +310 -346
  39. package/esm/components/Icon/Icon.js +2 -67
  40. package/esm/components/Icon/Icon.js.map +1 -1
  41. package/esm/components/Icon/WarningIcon.d.ts +2 -3
  42. package/esm/components/Icon/WarningIcon.js +4 -3
  43. package/esm/components/Icon/WarningIcon.js.map +1 -1
  44. package/esm/components/Icon/generateIcon.d.ts +38 -0
  45. package/esm/components/Icon/generateIcon.js +65 -0
  46. package/esm/components/Icon/generateIcon.js.map +1 -0
  47. package/esm/components/Icon/index.d.ts +1 -0
  48. package/esm/components/Icon/index.js +1 -0
  49. package/esm/components/Icon/index.js.map +1 -1
  50. package/esm/components/Pagination/PaginationItem.js +1 -1
  51. package/esm/components/Pagination/PaginationItem.js.map +1 -1
  52. package/esm/components/Table/ThCheckbox.d.ts +1 -1
  53. package/esm/components/Table/ThCheckbox.js.map +1 -1
  54. package/lib/components/Dialog/{ActionDialog.d.ts → ActionDialog/ActionDialog.d.ts} +1 -1
  55. package/lib/components/Dialog/{ActionDialog.js → ActionDialog/ActionDialog.js} +3 -3
  56. package/lib/components/Dialog/ActionDialog/ActionDialog.js.map +1 -0
  57. package/{esm/components/Dialog → lib/components/Dialog/ActionDialog}/ActionDialogContent.d.ts +1 -1
  58. package/lib/components/Dialog/{ActionDialogContent.js → ActionDialog/ActionDialogContent.js} +4 -4
  59. package/lib/components/Dialog/ActionDialog/ActionDialogContent.js.map +1 -0
  60. package/{esm/components/Dialog → lib/components/Dialog/ActionDialog}/ActionDialogContentInner.d.ts +7 -5
  61. package/lib/components/Dialog/{ActionDialogContentInner.js → ActionDialog/ActionDialogContentInner.js} +30 -64
  62. package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -0
  63. package/lib/components/Dialog/ActionDialog/index.d.ts +2 -0
  64. package/lib/components/Dialog/ActionDialog/index.js +8 -0
  65. package/lib/components/Dialog/ActionDialog/index.js.map +1 -0
  66. package/{esm/components/Dialog → lib/components/Dialog/MessageDialog}/MessageDialog.d.ts +1 -1
  67. package/lib/components/Dialog/{MessageDialog.js → MessageDialog/MessageDialog.js} +3 -3
  68. package/lib/components/Dialog/MessageDialog/MessageDialog.js.map +1 -0
  69. package/{esm/components/Dialog → lib/components/Dialog/MessageDialog}/MessageDialogContent.d.ts +1 -1
  70. package/lib/components/Dialog/{MessageDialogContent.js → MessageDialog/MessageDialogContent.js} +4 -4
  71. package/lib/components/Dialog/MessageDialog/MessageDialogContent.js.map +1 -0
  72. package/lib/components/Dialog/{MessageDialogContentInner.d.ts → MessageDialog/MessageDialogContentInner.d.ts} +2 -2
  73. package/lib/components/Dialog/{MessageDialogContentInner.js → MessageDialog/MessageDialogContentInner.js} +6 -6
  74. package/lib/components/Dialog/MessageDialog/MessageDialogContentInner.js.map +1 -0
  75. package/lib/components/Dialog/MessageDialog/index.d.ts +2 -0
  76. package/lib/components/Dialog/MessageDialog/index.js +8 -0
  77. package/lib/components/Dialog/MessageDialog/index.js.map +1 -0
  78. package/lib/components/Dialog/index.d.ts +2 -4
  79. package/lib/components/Dialog/index.js +3 -5
  80. package/lib/components/Dialog/index.js.map +1 -1
  81. package/lib/components/Dialog/useClassNames.d.ts +0 -1
  82. package/lib/components/Dialog/useClassNames.js +0 -1
  83. package/lib/components/Dialog/useClassNames.js.map +1 -1
  84. package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.d.ts +3 -5
  85. package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +3 -3
  86. package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
  87. package/lib/components/FloatArea/FloatArea.d.ts +7 -6
  88. package/lib/components/FloatArea/FloatArea.js +7 -18
  89. package/lib/components/FloatArea/FloatArea.js.map +1 -1
  90. package/lib/components/Header/HeaderDropdownMenuButton.d.ts +174 -164
  91. package/lib/components/Icon/Icon.d.ts +310 -346
  92. package/lib/components/Icon/Icon.js +312 -402
  93. package/lib/components/Icon/Icon.js.map +1 -1
  94. package/lib/components/Icon/WarningIcon.d.ts +2 -3
  95. package/lib/components/Icon/WarningIcon.js +5 -3
  96. package/lib/components/Icon/WarningIcon.js.map +1 -1
  97. package/lib/components/Icon/generateIcon.d.ts +38 -0
  98. package/lib/components/Icon/generateIcon.js +96 -0
  99. package/lib/components/Icon/generateIcon.js.map +1 -0
  100. package/lib/components/Icon/index.d.ts +1 -0
  101. package/lib/components/Icon/index.js +3 -0
  102. package/lib/components/Icon/index.js.map +1 -1
  103. package/lib/components/Pagination/PaginationItem.js +1 -1
  104. package/lib/components/Pagination/PaginationItem.js.map +1 -1
  105. package/lib/components/Table/ThCheckbox.d.ts +1 -1
  106. package/lib/components/Table/ThCheckbox.js.map +1 -1
  107. package/package.json +5 -5
  108. package/esm/components/Dialog/ActionDialog.js.map +0 -1
  109. package/esm/components/Dialog/ActionDialogContent.js.map +0 -1
  110. package/esm/components/Dialog/ActionDialogContentInner.js +0 -91
  111. package/esm/components/Dialog/ActionDialogContentInner.js.map +0 -1
  112. package/esm/components/Dialog/MessageDialog.js.map +0 -1
  113. package/esm/components/Dialog/MessageDialogContent.js.map +0 -1
  114. package/esm/components/Dialog/MessageDialogContentInner.js.map +0 -1
  115. package/lib/components/Dialog/ActionDialog.js.map +0 -1
  116. package/lib/components/Dialog/ActionDialogContent.js.map +0 -1
  117. package/lib/components/Dialog/ActionDialogContentInner.js.map +0 -1
  118. package/lib/components/Dialog/MessageDialog.js.map +0 -1
  119. package/lib/components/Dialog/MessageDialogContent.js.map +0 -1
  120. package/lib/components/Dialog/MessageDialogContentInner.js.map +0 -1
@@ -1,6 +1,6 @@
1
1
  import React, { HTMLAttributes } from 'react';
2
+ import { DialogProps } from '../types';
2
3
  import { ActionDialogContentInnerProps } from './ActionDialogContentInner';
3
- import { DialogProps } from './types';
4
4
  type Props = Omit<ActionDialogContentInnerProps, 'titleId'> & DialogProps;
5
5
  type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
6
6
  export declare const ActionDialog: React.VFC<Props & ElementProps>;
@@ -1,8 +1,8 @@
1
1
  import React, { useCallback } from 'react';
2
- import { useId } from '../../hooks/useId';
2
+ import { useId } from '../../../hooks/useId';
3
+ import { DialogContentInner } from '../DialogContentInner';
4
+ import { useDialogPortal } from '../useDialogPortal';
3
5
  import { ActionDialogContentInner } from './ActionDialogContentInner';
4
- import { DialogContentInner } from './DialogContentInner';
5
- import { useDialogPortal } from './useDialogPortal';
6
6
  export const ActionDialog = ({ children, title, subtitle, titleTag, actionText, actionTheme, onClickAction, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, className = '', portalParent, decorators, ...props }) => {
7
7
  const { createPortal } = useDialogPortal(portalParent);
8
8
  const titleId = useId();
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ActionDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,wBAAwB,EAAiC,MAAM,4BAA4B,CAAA;AAKpG,MAAM,CAAC,MAAM,YAAY,GAAoC,CAAC,EAC5D,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IACtD,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAEhC,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAE/C,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,wBAAwB,IACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,aAAa,EAAE,iBAAiB,EAChC,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,IAErB,QAAQ,CACgB,CACR,CACtB,CAAA;AACH,CAAC,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import React, { HTMLAttributes } from 'react';
2
+ import { UncontrolledDialogProps } from '../types';
2
3
  import { BaseProps } from './ActionDialogContentInner';
3
- import { UncontrolledDialogProps } from './types';
4
4
  type Props = BaseProps & UncontrolledDialogProps;
5
5
  type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
6
6
  export declare const ActionDialogContent: React.VFC<Props & ElementProps>;
@@ -1,9 +1,9 @@
1
1
  import React, { useCallback, useContext } from 'react';
2
- import { useId } from '../../hooks/useId';
2
+ import { useId } from '../../../hooks/useId';
3
+ import { DialogContentInner } from '../DialogContentInner';
4
+ import { DialogContext } from '../DialogWrapper';
5
+ import { useDialogPortal } from '../useDialogPortal';
3
6
  import { ActionDialogContentInner } from './ActionDialogContentInner';
4
- import { DialogContentInner } from './DialogContentInner';
5
- import { DialogContext } from './DialogWrapper';
6
- import { useDialogPortal } from './useDialogPortal';
7
7
  export const ActionDialogContent = ({ children, title, actionText, actionTheme, onClickAction, actionDisabled = false, portalParent, className = '', decorators, ...props }) => {
8
8
  const { onClickClose, active } = useContext(DialogContext);
9
9
  const { createPortal } = useDialogPortal(portalParent);
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ActionDialogContent.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAE,wBAAwB,EAAa,MAAM,4BAA4B,CAAA;AAKhF,MAAM,CAAC,MAAM,mBAAmB,GAAoC,CAAC,EACnE,QAAQ,EACR,KAAK,EACL,UAAU,EACV,WAAW,EACX,aAAa,EACb,cAAc,GAAG,KAAK,EACtB,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAEtD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,MAAM,EAAE;YACX,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAE1B,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,MAAM,EAAE;YACX,OAAM;SACP;QACD,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC,CAAA;IAEzC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,cAAc,EAAE,YAAY,EAC5B,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS;QAEpB,oBAAC,wBAAwB,IACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,iBAAiB,EAChC,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,IAErB,QAAQ,CACgB,CACR,CACtB,CAAA;AACH,CAAC,CAAA"}
@@ -1,6 +1,6 @@
1
- import { ReactNode, VFC } from 'react';
2
- import { DecoratorsType } from '../../types/props';
3
- import { HeadingTagTypes } from '../Heading';
1
+ import { FC, ReactNode } from 'react';
2
+ import { DecoratorsType } from '../../../types/props';
3
+ import { HeadingTagTypes } from '../../Heading';
4
4
  export type BaseProps = {
5
5
  /**
6
6
  * ダイアログの内容
@@ -47,13 +47,15 @@ export type BaseProps = {
47
47
  decorators?: DecoratorsType<'closeButtonLabel'>;
48
48
  };
49
49
  type responseMessageType = {
50
- status: 'success' | 'error' | 'processing';
50
+ status: 'success' | 'error';
51
51
  text: string;
52
+ } | {
53
+ status: 'processing';
52
54
  };
53
55
  export type ActionDialogContentInnerProps = BaseProps & {
54
56
  onClickClose: () => void;
55
57
  responseMessage?: responseMessageType;
56
58
  titleId: string;
57
59
  };
58
- export declare const ActionDialogContentInner: VFC<ActionDialogContentInnerProps>;
60
+ export declare const ActionDialogContentInner: FC<ActionDialogContentInnerProps>;
59
61
  export {};
@@ -0,0 +1,57 @@
1
+ import React, { useCallback } from 'react';
2
+ import styled, { css } from 'styled-components';
3
+ import { useTheme } from '../../../hooks/useTheme';
4
+ import { Button } from '../../Button';
5
+ import { FaCheckCircleIcon, FaExclamationCircleIcon } from '../../Icon';
6
+ import { Cluster, Stack } from '../../Layout';
7
+ import { Text } from '../../Text';
8
+ import { useOffsetHeight } from '../dialogHelper';
9
+ import { useClassNames } from '../useClassNames';
10
+ const CLOSE_BUTTON_LABEL = 'キャンセル';
11
+ export const ActionDialogContentInner = ({ children, title, titleId, subtitle, titleTag = 'h2', actionText, actionTheme = 'primary', onClickAction, onClickClose, responseMessage, actionDisabled = false, closeDisabled, decorators, }) => {
12
+ const classNames = useClassNames().dialog;
13
+ const theme = useTheme();
14
+ const handleClickAction = useCallback(() => {
15
+ onClickAction(onClickClose);
16
+ }, [onClickAction, onClickClose]);
17
+ const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
18
+ const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
19
+ return (React.createElement(React.Fragment, null,
20
+ React.createElement(TitleArea, { gap: 0.25, themes: theme, ref: titleRef, className: classNames.titleArea, as: titleTag },
21
+ subtitle && (React.createElement(Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
22
+ React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title)),
23
+ React.createElement(Body, { offsetHeight: offsetHeight, className: classNames.body }, children),
24
+ React.createElement(ActionArea, { themes: theme, ref: bottomRef, className: classNames.actionArea },
25
+ React.createElement(ButtonArea, { className: classNames.buttonArea },
26
+ React.createElement(Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: classNames.closeButton }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
27
+ React.createElement(Button, { variant: actionTheme, onClick: handleClickAction, disabled: actionDisabled, loading: isRequestProcessing, className: classNames.actionButton }, actionText)),
28
+ responseMessage && (React.createElement(React.Fragment, null,
29
+ responseMessage.status === 'success' && (React.createElement(Message, null,
30
+ React.createElement(FaCheckCircleIcon, { color: theme.color.MAIN, text: responseMessage.text, role: "alert" }))),
31
+ responseMessage.status === 'error' && (React.createElement(Message, null,
32
+ React.createElement(FaExclamationCircleIcon, { color: theme.color.DANGER, text: responseMessage.text, role: "alert" }))))))));
33
+ };
34
+ const TitleArea = styled(Stack) `
35
+ ${({ themes: { border, space } }) => css `
36
+ margin-block: unset;
37
+ border-bottom: ${border.shorthand};
38
+ padding: ${space(1)} ${space(1.5)};
39
+ `}
40
+ `;
41
+ const Body = styled.div `
42
+ ${({ offsetHeight }) => css `
43
+ max-height: calc(100vh - ${offsetHeight}px);
44
+ overflow: auto;
45
+ `}
46
+ `;
47
+ const ActionArea = styled(Stack).attrs({ gap: 0.5 }) `
48
+ ${({ themes: { space, border } }) => css `
49
+ border-top: ${border.shorthand};
50
+ padding: ${space(1)} ${space(1.5)};
51
+ `}
52
+ `;
53
+ const ButtonArea = styled(Cluster).attrs({ gap: { row: 0.5, column: 1 }, justify: 'flex-end' }) ``;
54
+ const Message = styled.div `
55
+ text-align: right;
56
+ `;
57
+ //# sourceMappingURL=ActionDialogContentInner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ActionDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/ActionDialogContentInner.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export { ActionDialog } from './ActionDialog';
2
+ export { ActionDialogContent } from './ActionDialogContent';
@@ -0,0 +1,3 @@
1
+ export { ActionDialog } from './ActionDialog';
2
+ export { ActionDialogContent } from './ActionDialogContent';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/ActionDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import React, { HTMLAttributes } from 'react';
2
+ import { DialogProps } from '../types';
2
3
  import { MessageDialogContentInnerProps } from './MessageDialogContentInner';
3
- import { DialogProps } from './types';
4
4
  type Props = Omit<MessageDialogContentInnerProps, 'titleId'> & DialogProps;
5
5
  type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
6
6
  export declare const MessageDialog: React.VFC<Props & ElementProps>;
@@ -1,8 +1,8 @@
1
1
  import React, { useCallback } from 'react';
2
- import { useId } from '../../hooks/useId';
3
- import { DialogContentInner } from './DialogContentInner';
2
+ import { useId } from '../../../hooks/useId';
3
+ import { DialogContentInner } from '../DialogContentInner';
4
+ import { useDialogPortal } from '../useDialogPortal';
4
5
  import { MessageDialogContentInner, } from './MessageDialogContentInner';
5
- import { useDialogPortal } from './useDialogPortal';
6
6
  export const MessageDialog = ({ title, subtitle, titleTag, description, onClickClose, onPressEscape = onClickClose, className = '', portalParent, decorators, ...props }) => {
7
7
  const { createPortal } = useDialogPortal(portalParent);
8
8
  const handleClickClose = useCallback(() => {
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MessageDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EACL,yBAAyB,GAE1B,MAAM,6BAA6B,CAAA;AAKpC,MAAM,CAAC,MAAM,aAAa,GAAoC,CAAC,EAC7D,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,WAAW,EACX,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IACtD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAChC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,qBACQ,OAAO,EACxB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EAAE,UAAU,GACtB,CACiB,CACtB,CAAA;AACH,CAAC,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import React, { HTMLAttributes } from 'react';
2
+ import { UncontrolledDialogProps } from '../types';
2
3
  import { BaseProps } from './MessageDialogContentInner';
3
- import { UncontrolledDialogProps } from './types';
4
4
  type Props = BaseProps & UncontrolledDialogProps;
5
5
  type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
6
6
  export declare const MessageDialogContent: React.VFC<Props & ElementProps>;
@@ -1,9 +1,9 @@
1
1
  import React, { useCallback, useContext } from 'react';
2
- import { useId } from '../../hooks/useId';
3
- import { DialogContentInner } from './DialogContentInner';
4
- import { DialogContext } from './DialogWrapper';
2
+ import { useId } from '../../../hooks/useId';
3
+ import { DialogContentInner } from '../DialogContentInner';
4
+ import { DialogContext } from '../DialogWrapper';
5
+ import { useDialogPortal } from '../useDialogPortal';
5
6
  import { MessageDialogContentInner } from './MessageDialogContentInner';
6
- import { useDialogPortal } from './useDialogPortal';
7
7
  export const MessageDialogContent = ({ title, description, portalParent, className = '', decorators, ...props }) => {
8
8
  const { onClickClose, active } = useContext(DialogContext);
9
9
  const { createPortal } = useDialogPortal(portalParent);
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MessageDialogContent.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEtE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAA;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAEhD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,EAAa,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAKlF,MAAM,CAAC,MAAM,oBAAoB,GAAoC,CAAC,EACpE,KAAK,EACL,WAAW,EACX,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,EAAE,YAAY,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAEtD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,MAAM,EAAE;YACX,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAC1B,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,cAAc,EAAE,YAAY,EAC5B,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS;QAEpB,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EAAE,UAAU,GACtB,CACiB,CACtB,CAAA;AACH,CAAC,CAAA"}
@@ -1,6 +1,6 @@
1
1
  import React, { VFC } from 'react';
2
- import { DecoratorsType } from '../../types/props';
3
- import { HeadingTagTypes } from '../Heading';
2
+ import { DecoratorsType } from '../../../types/props';
3
+ import { HeadingTagTypes } from '../../Heading';
4
4
  export type BaseProps = {
5
5
  /**
6
6
  * ダイアログのタイトル
@@ -1,11 +1,11 @@
1
1
  import React from 'react';
2
2
  import styled, { css } from 'styled-components';
3
- import { useTheme } from '../../hooks/useTheme';
4
- import { Button } from '../Button';
5
- import { Stack } from '../Layout';
6
- import { Text } from '../Text';
7
- import { useOffsetHeight } from './dialogHelper';
8
- import { useClassNames } from './useClassNames';
3
+ import { useTheme } from '../../../hooks/useTheme';
4
+ import { Button } from '../../Button';
5
+ import { Stack } from '../../Layout';
6
+ import { Text } from '../../Text';
7
+ import { useOffsetHeight } from '../dialogHelper';
8
+ import { useClassNames } from '../useClassNames';
9
9
  const CLOSE_BUTTON_LABEL = '閉じる';
10
10
  export const MessageDialogContentInner = ({ title, subtitle, titleTag = 'h2', titleId, description, onClickClose, decorators, }) => {
11
11
  const classNames = useClassNames().dialog;
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MessageDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/MessageDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAClC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAErC,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AACpC,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAA;AACjC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AA4BhD,MAAM,kBAAkB,GAAG,KAAK,CAAA;AAEhC,MAAM,CAAC,MAAM,yBAAyB,GAAwC,CAAC,EAC7E,KAAK,EACL,QAAQ,EACR,QAAQ,GAAG,IAAI,EACf,OAAO,EACP,WAAW,EACX,YAAY,EACZ,UAAU,GACX,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,MAAM,CAAA;IACzC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,YAAY,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,eAAe,EAAE,CAAA;IAE/D,OAAO,CACL;QACE,oBAAC,SAAS,IACR,GAAG,EAAE,IAAI,EACT,MAAM,EAAE,KAAK,EACb,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,UAAU,CAAC,SAAS,EAC/B,EAAE,EAAE,QAAQ;YAEX,QAAQ,IAAI,CACX,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,OAAO,EAAC,KAAK,EAAC,WAAW,EAAC,SAAS,EAAE,UAAU,CAAC,QAAQ,IAC5E,QAAQ,CACJ,CACR;YACD,oBAAC,IAAI,IAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,OAAO,EAAC,SAAS,EAAE,UAAU,CAAC,KAAK,IACpE,KAAK,CACD,CACG;QACZ,oBAAC,WAAW,IAAC,MAAM,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,IACtF,WAAW,CACA;QACd,oBAAC,MAAM,IAAC,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,CAAC,UAAU;YACrE,oBAAC,MAAM,IAAC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,UAAU,CAAC,WAAW,IAC7D,UAAU,EAAE,gBAAgB,EAAE,CAAC,kBAAkB,CAAC,IAAI,kBAAkB,CAClE,CACF,CACR,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAC7B,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;qBAErB,MAAM,CAAC,SAAS;eACtB,OAAO,CAAC,EAAE,IAAI,OAAO,CAAC,CAAC;GACnC,CACF,CAAA;AACD,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAyC;IACnE,CAAC,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,YAAY,EAAE,EAAE,EAAE;IAC1D,OAAO,GAAG,CAAA;iCACmB,YAAY;;mBAE1B,aAAa,CAAC,GAAG,CAAC;mBAClB,QAAQ,CAAC,CAAC;;KAExB,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAmB;IACxC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,aAAa,EAAE,MAAM,EAAE,GAAG,MAAM,CAAA;IACxC,OAAO,GAAG,CAAA;;;iBAGG,aAAa,CAAC,CAAC,CAAC,IAAI,aAAa,CAAC,GAAG,CAAC;oBACnC,MAAM,CAAC,SAAS;KAC/B,CAAA;AACH,CAAC;CACF,CAAA"}
@@ -0,0 +1,2 @@
1
+ export { MessageDialog } from './MessageDialog';
2
+ export { MessageDialogContent } from './MessageDialogContent';
@@ -0,0 +1,3 @@
1
+ export { MessageDialog } from './MessageDialog';
2
+ export { MessageDialogContent } from './MessageDialogContent';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/MessageDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA"}
@@ -1,10 +1,8 @@
1
1
  export { Dialog } from './Dialog';
2
- export { MessageDialog } from './MessageDialog';
3
- export { ActionDialog } from './ActionDialog';
2
+ export { MessageDialog, MessageDialogContent } from './MessageDialog';
3
+ export { ActionDialog, ActionDialogContent } from './ActionDialog';
4
4
  export { DialogWrapper } from './DialogWrapper';
5
5
  export { DialogTrigger } from './DialogTrigger';
6
6
  export { DialogContent } from './DialogContent';
7
7
  export { DialogCloser } from './DialogCloser';
8
- export { MessageDialogContent } from './MessageDialogContent';
9
- export { ActionDialogContent } from './ActionDialogContent';
10
8
  export { ModelessDialog } from './ModelessDialog';
@@ -1,11 +1,9 @@
1
1
  export { Dialog } from './Dialog';
2
- export { MessageDialog } from './MessageDialog';
3
- export { ActionDialog } from './ActionDialog';
2
+ export { MessageDialog, MessageDialogContent } from './MessageDialog';
3
+ export { ActionDialog, ActionDialogContent } from './ActionDialog';
4
4
  export { DialogWrapper } from './DialogWrapper';
5
5
  export { DialogTrigger } from './DialogTrigger';
6
6
  export { DialogContent } from './DialogContent';
7
7
  export { DialogCloser } from './DialogCloser';
8
- export { MessageDialogContent } from './MessageDialogContent';
9
- export { ActionDialogContent } from './ActionDialogContent';
10
8
  export { ModelessDialog } from './ModelessDialog';
11
9
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA;AAC3D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,aAAa,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA"}
@@ -12,7 +12,6 @@ export declare function useClassNames(): {
12
12
  buttonArea: string;
13
13
  closeButton: string;
14
14
  actionButton: string;
15
- alert: string;
16
15
  };
17
16
  modelessDialog: {
18
17
  wrapper: string;
@@ -18,7 +18,6 @@ export function useClassNames() {
18
18
  buttonArea: generateForDialog('buttonArea'),
19
19
  closeButton: generateForDialog('closeButton'),
20
20
  actionButton: generateForDialog('actionButton'),
21
- alert: generateForDialog('alert'),
22
21
  },
23
22
  modelessDialog: {
24
23
  wrapper: generateForModeless(),
@@ -1 +1 @@
1
- {"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/Dialog/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAE1C,MAAM,UAAU,aAAa;IAC3B,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,MAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAA;IAC/E,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,cAAc,CAAC,WAAW,IAAI,gBAAgB,CAAC,CAAA;IACjG,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE;YACN,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC;YACrC,MAAM,EAAE,iBAAiB,EAAE;YAC3B,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC;YACzC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC;YACjC,QAAQ,EAAE,iBAAiB,CAAC,UAAU,CAAC;YACvC,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC;YAC/B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC;YAC7C,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC;YAC7C,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAAC;YAC/C,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC;SAClC;QACD,cAAc,EAAE;YACd,OAAO,EAAE,mBAAmB,EAAE;YAC9B,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC;YAC/B,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;YACrC,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;YACrC,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC;YAC/C,OAAO,EAAE,mBAAmB,CAAC,SAAS,CAAC;YACvC,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;SACtC;KACF,CAAC,EACF,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,CACzC,CAAA;AACH,CAAC"}
1
+ {"version":3,"file":"useClassNames.js","sourceRoot":"","sources":["../../../src/components/Dialog/useClassNames.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAE/B,OAAO,EAAE,qBAAqB,EAAE,MAAM,mCAAmC,CAAA;AAEzE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,GAAG,CAAA;AAE1C,MAAM,UAAU,aAAa;IAC3B,MAAM,iBAAiB,GAAG,qBAAqB,CAAC,MAAM,CAAC,WAAW,IAAI,QAAQ,CAAC,CAAA;IAC/E,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,cAAc,CAAC,WAAW,IAAI,gBAAgB,CAAC,CAAA;IACjG,OAAO,OAAO,CACZ,GAAG,EAAE,CAAC,CAAC;QACL,MAAM,EAAE;YACN,OAAO,EAAE,iBAAiB,CAAC,SAAS,CAAC;YACrC,MAAM,EAAE,iBAAiB,EAAE;YAC3B,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,SAAS,EAAE,iBAAiB,CAAC,WAAW,CAAC;YACzC,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC;YACjC,QAAQ,EAAE,iBAAiB,CAAC,UAAU,CAAC;YACvC,IAAI,EAAE,iBAAiB,CAAC,MAAM,CAAC;YAC/B,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC;YAC7C,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,UAAU,EAAE,iBAAiB,CAAC,YAAY,CAAC;YAC3C,WAAW,EAAE,iBAAiB,CAAC,aAAa,CAAC;YAC7C,YAAY,EAAE,iBAAiB,CAAC,cAAc,CAAC;SAChD;QACD,cAAc,EAAE;YACd,OAAO,EAAE,mBAAmB,EAAE;YAC9B,GAAG,EAAE,mBAAmB,CAAC,KAAK,CAAC;YAC/B,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;YACrC,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;YACrC,WAAW,EAAE,mBAAmB,CAAC,aAAa,CAAC;YAC/C,OAAO,EAAE,mBAAmB,CAAC,SAAS,CAAC;YACvC,MAAM,EAAE,mBAAmB,CAAC,QAAQ,CAAC;SACtC;KACF,CAAC,EACF,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,CACzC,CAAA;AACH,CAAC"}
@@ -1,4 +1,4 @@
1
- import { ComponentProps, HTMLAttributes, ReactElement, ReactNode, VFC } from 'react';
1
+ import { ButtonHTMLAttributes, ComponentProps, FC, ReactElement, ReactNode } from 'react';
2
2
  import { AnchorButton, Button, BaseProps as ButtonProps } from '../../Button';
3
3
  type Actions = ActionItem | ActionItem[];
4
4
  type ActionItem = ReactElement<ComponentProps<typeof Button>> | ReactElement<ComponentProps<typeof AnchorButton>> | null | boolean;
@@ -11,9 +11,7 @@ type Props = {
11
11
  triggerSize?: ButtonProps['size'];
12
12
  /** 引き金となるボタンをアイコンのみとするかどうか */
13
13
  onlyIconTrigger?: boolean;
14
- /** 引き金となるボタンの `disabled` 属性の値 */
15
- disabled?: boolean;
16
14
  };
17
- type ElementProps = Omit<HTMLAttributes<HTMLElement>, keyof Props>;
18
- export declare const DropdownMenuButton: VFC<Props & ElementProps>;
15
+ type ElementProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof Props>;
16
+ export declare const DropdownMenuButton: FC<Props & ElementProps>;
19
17
  export {};
@@ -1,4 +1,4 @@
1
- import React, { useMemo } from 'react';
1
+ import React, { useMemo, } from 'react';
2
2
  import innerText from 'react-innertext';
3
3
  import styled, { css } from 'styled-components';
4
4
  import { Dropdown, DropdownContent, DropdownTrigger } from '..';
@@ -7,16 +7,16 @@ import { Button } from '../../Button';
7
7
  import { FaCaretDownIcon, FaEllipsisHIcon } from '../../Icon';
8
8
  import { Stack } from '../../Layout';
9
9
  import { useClassNames } from './useClassNames';
10
- export const DropdownMenuButton = ({ label, children, triggerSize, onlyIconTrigger = false, disabled = false, className = '', ...props }) => {
10
+ export const DropdownMenuButton = ({ label, children, triggerSize, onlyIconTrigger = false, className = '', ...props }) => {
11
11
  const themes = useTheme();
12
12
  const classNames = useClassNames();
13
13
  const triggerLabel = useMemo(() => onlyIconTrigger ? (React.createElement(FaEllipsisHIcon, { alt: typeof label === 'string' ? label : innerText(label) })) : (label), [onlyIconTrigger, label]);
14
14
  const triggerSuffix = useMemo(
15
15
  // eslint-disable-next-line react/jsx-no-useless-fragment
16
16
  () => (onlyIconTrigger ? React.createElement(React.Fragment, null) : React.createElement(FaCaretDownIcon, { alt: "\u5019\u88DC\u3092\u958B\u304F" })), [onlyIconTrigger]);
17
- return (React.createElement(Dropdown, { ...props },
17
+ return (React.createElement(Dropdown, null,
18
18
  React.createElement(DropdownTrigger, { className: `${classNames.wrapper}${className && ` ${className}`}` },
19
- React.createElement(TriggerButton, { suffix: triggerSuffix, size: triggerSize, disabled: disabled, square: onlyIconTrigger, className: classNames.trigger }, triggerLabel)),
19
+ React.createElement(TriggerButton, { ...props, suffix: triggerSuffix, size: triggerSize, square: onlyIconTrigger, className: classNames.trigger }, triggerLabel)),
20
20
  React.createElement(DropdownContent, null,
21
21
  React.createElement(ActionList, { themes: themes, className: classNames.panel }, React.Children.map(children, (item, i) =>
22
22
  // MEMO: {flag && <Button/>}のような書き方に対応させるためbooleanの判定を入れています
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownMenuButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/DropdownMenuButton.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DropdownMenuButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/DropdownMenuButton.tsx"],"names":[],"mappings":"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"}
@@ -1,10 +1,11 @@
1
- import { ComponentProps, FunctionComponentElement, HTMLAttributes, ReactNode, VFC } from 'react';
1
+ import { ComponentProps, FC, FunctionComponentElement, HTMLAttributes, ReactNode } from 'react';
2
+ import { AbstractSize, CharRelativeSize } from '../../themes/createSpacing';
2
3
  import { FaExclamationCircleIcon } from '../Icon';
3
4
  type StyleProps = {
4
- /** コンポーネントの上端から、包含ブロックの上端までの距離 */
5
- top?: number | string;
6
- /** コンポーネントの下端から、包含ブロックの下端までの距離 */
7
- bottom?: number | string;
5
+ /** コンポーネントの上端から、包含ブロックの上端までの間隔(基準フォントサイズの相対値または抽象値) */
6
+ top?: CharRelativeSize | AbstractSize;
7
+ /** コンポーネントの下端から、包含ブロックの下端までの間隔(基準フォントサイズの相対値または抽象値) */
8
+ bottom?: CharRelativeSize | AbstractSize;
8
9
  /** コンポーネントの `z-index` 値 */
9
10
  zIndex?: number;
10
11
  };
@@ -29,5 +30,5 @@ type Props = StyleProps & {
29
30
  className?: string;
30
31
  };
31
32
  type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
32
- export declare const FloatArea: VFC<Props & ElementProps>;
33
+ export declare const FloatArea: FC<Props & ElementProps>;
33
34
  export {};
@@ -1,13 +1,11 @@
1
1
  import React from 'react';
2
2
  import styled, { css } from 'styled-components';
3
+ import { useSpacing } from '../../hooks/useSpacing';
3
4
  import { useTheme } from '../../hooks/useTheme';
4
- import { DialogBase as BaseComponent } from '../Base';
5
+ import { Base as shrBase } from '../Base';
5
6
  import { Cluster, LineUp } from '../Layout';
6
7
  import { Text } from '../Text';
7
8
  import { useClassNames } from './useClassNames';
8
- const exist = (value) => {
9
- return value !== undefined && value !== null;
10
- };
11
9
  export const FloatArea = ({ primaryButton, secondaryButton, tertiaryButton, errorText, errorIcon, fixed = false, className = '', width, ...props }) => {
12
10
  const theme = useTheme();
13
11
  const classNames = useClassNames();
@@ -23,23 +21,14 @@ export const FloatArea = ({ primaryButton, secondaryButton, tertiaryButton, erro
23
21
  secondaryButton && secondaryButton,
24
22
  primaryButton && primaryButton))))));
25
23
  };
26
- const Base = styled(BaseComponent) `
27
- ${({ themes: { spacingByChar }, top, bottom, $width, fixed, zIndex = 500 }) => css `
24
+ const Base = styled(shrBase).attrs({ layer: 3 }) `
25
+ ${({ themes: { space }, top, bottom, $width, fixed, zIndex = 500 }) => css `
28
26
  position: ${fixed ? 'fixed' : 'sticky'};
29
- ${exist(top) &&
30
- css `
31
- top: ${typeof top === 'number' ? `${top}px` : top};
32
- `}
33
- ${exist(bottom) &&
34
- css `
35
- bottom: ${typeof bottom === 'number' ? `${bottom}px` : bottom};
36
- `}
27
+ ${(top || top === 0) && `top: ${useSpacing(top)};`}
28
+ ${(bottom || bottom === 0) && `bottom: ${useSpacing(bottom)};`}
37
29
  z-index: ${zIndex};
38
- ${$width &&
39
- css `
40
- width: ${$width};
41
- `}
42
- padding: ${spacingByChar(1)};
30
+ padding: ${space(1)};
31
+ ${$width && `width: ${$width};`}
43
32
  `}
44
33
  `;
45
34
  const RightSide = styled.div `
@@ -1 +1 @@
1
- {"version":3,"file":"FloatArea.js","sourceRoot":"","sources":["../../../src/components/FloatArea/FloatArea.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"FloatArea.js","sourceRoot":"","sources":["../../../src/components/FloatArea/FloatArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAMN,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,MAAM,SAAS,CAAA;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAC3C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAgC/C,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,aAAa,EACb,eAAe,EACf,cAAc,EACd,SAAS,EACT,SAAS,EACT,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,EAAE,EACd,KAAK,EACL,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,IAAI,OACC,KAAK,EACT,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,YACvC,KAAK,EACb,KAAK,EAAE,KAAK;QAEZ,oBAAC,OAAO,IAAC,GAAG,EAAE,CAAC;YACZ,cAAc,IAAI,cAAc;YACjC,oBAAC,SAAS;gBACR,oBAAC,OAAO,IAAC,GAAG,EAAE,CAAC;oBACZ,SAAS,IAAI,CACZ,oBAAC,YAAY,IAAC,GAAG,EAAE,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,UAAU,CAAC,SAAS;wBAC5E,SAAS,IAAI,oBAAC,SAAS,IAAC,MAAM,EAAE,KAAK,IAAG,SAAS,CAAa;wBAC/D,oBAAC,IAAI,IAAC,IAAI,EAAC,GAAG,IAAE,SAAS,CAAQ,CACpB,CAChB;oBACD,oBAAC,OAAO,IAAC,GAAG,EAAE,CAAC;wBACZ,eAAe,IAAI,eAAe;wBAClC,aAAa,IAAI,aAAa,CACvB,CACF,CACA,CACJ,CACL,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,CAAC,CAE/C;IACG,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,GAAG,EAAE,EAAE,EAAE,CACpE,GAAG,CAAA;kBACW,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ;QACpC,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,CAAC,IAAI,QAAQ,UAAU,CAAC,GAAG,CAAC,GAAG;QAChD,CAAC,MAAM,IAAI,MAAM,KAAK,CAAC,CAAC,IAAI,WAAW,UAAU,CAAC,MAAM,CAAC,GAAG;iBACnD,MAAM;iBACN,KAAK,CAAC,CAAC,CAAC;QACjB,MAAM,IAAI,UAAU,MAAM,GAAG;KAChC;CACJ,CAAA;AACD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE3B,CAAA;AACD,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;;;CAGlC,CAAA;AACD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAmB;;;;;;CAM/C,CAAA"}