smarthr-ui 30.8.0 → 30.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (65) hide show
  1. package/esm/components/Button/Button.js +1 -0
  2. package/esm/components/Button/Button.js.map +1 -1
  3. package/esm/components/ComboBox/types.d.ts +1 -1
  4. package/esm/components/ComboBox/useListBox.d.ts +1 -1
  5. package/esm/components/ComboBox/useListBox.js +2 -2
  6. package/esm/components/Dialog/FormDialog/FormDialog.d.ts +7 -0
  7. package/esm/components/Dialog/FormDialog/FormDialog.js +24 -0
  8. package/esm/components/Dialog/FormDialog/FormDialog.js.map +1 -0
  9. package/esm/components/Dialog/FormDialog/FormDialogContent.d.ts +7 -0
  10. package/esm/components/Dialog/FormDialog/FormDialogContent.js +26 -0
  11. package/esm/components/Dialog/FormDialog/FormDialogContent.js.map +1 -0
  12. package/esm/components/Dialog/FormDialog/FormDialogContentInner.d.ts +61 -0
  13. package/esm/components/Dialog/FormDialog/FormDialogContentInner.js +57 -0
  14. package/esm/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -0
  15. package/esm/components/Dialog/FormDialog/index.d.ts +2 -0
  16. package/esm/components/Dialog/FormDialog/index.js +3 -0
  17. package/esm/components/Dialog/FormDialog/index.js.map +1 -0
  18. package/esm/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.d.ts +6 -0
  19. package/esm/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.js +8 -0
  20. package/esm/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.js.map +1 -0
  21. package/esm/components/Dialog/RemoteTriggerFormDialog/index.d.ts +1 -0
  22. package/esm/components/Dialog/RemoteTriggerFormDialog/index.js +2 -0
  23. package/esm/components/Dialog/RemoteTriggerFormDialog/index.js.map +1 -0
  24. package/esm/components/Dialog/index.d.ts +2 -0
  25. package/esm/components/Dialog/index.js +2 -0
  26. package/esm/components/Dialog/index.js.map +1 -1
  27. package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +1 -0
  28. package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
  29. package/esm/components/Experimental/SideMenu/SideMenuItem.js +1 -1
  30. package/esm/index.d.ts +1 -1
  31. package/esm/index.js +1 -1
  32. package/esm/index.js.map +1 -1
  33. package/lib/components/Button/Button.js +1 -0
  34. package/lib/components/Button/Button.js.map +1 -1
  35. package/lib/components/ComboBox/types.d.ts +1 -1
  36. package/lib/components/ComboBox/useListBox.d.ts +1 -1
  37. package/lib/components/ComboBox/useListBox.js +2 -2
  38. package/lib/components/Dialog/FormDialog/FormDialog.d.ts +7 -0
  39. package/lib/components/Dialog/FormDialog/FormDialog.js +51 -0
  40. package/lib/components/Dialog/FormDialog/FormDialog.js.map +1 -0
  41. package/lib/components/Dialog/FormDialog/FormDialogContent.d.ts +7 -0
  42. package/lib/components/Dialog/FormDialog/FormDialogContent.js +53 -0
  43. package/lib/components/Dialog/FormDialog/FormDialogContent.js.map +1 -0
  44. package/lib/components/Dialog/FormDialog/FormDialogContentInner.d.ts +61 -0
  45. package/lib/components/Dialog/FormDialog/FormDialogContentInner.js +84 -0
  46. package/lib/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -0
  47. package/lib/components/Dialog/FormDialog/index.d.ts +2 -0
  48. package/lib/components/Dialog/FormDialog/index.js +8 -0
  49. package/lib/components/Dialog/FormDialog/index.js.map +1 -0
  50. package/lib/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.d.ts +6 -0
  51. package/lib/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.js +15 -0
  52. package/lib/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.js.map +1 -0
  53. package/lib/components/Dialog/RemoteTriggerFormDialog/index.d.ts +1 -0
  54. package/lib/components/Dialog/RemoteTriggerFormDialog/index.js +6 -0
  55. package/lib/components/Dialog/RemoteTriggerFormDialog/index.js.map +1 -0
  56. package/lib/components/Dialog/index.d.ts +2 -0
  57. package/lib/components/Dialog/index.js +6 -1
  58. package/lib/components/Dialog/index.js.map +1 -1
  59. package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +1 -0
  60. package/lib/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js.map +1 -1
  61. package/lib/components/Experimental/SideMenu/SideMenuItem.js +1 -1
  62. package/lib/index.d.ts +1 -1
  63. package/lib/index.js +6 -3
  64. package/lib/index.js.map +1 -1
  65. package/package.json +25 -25
@@ -50,6 +50,7 @@ const Loader = styled(shrLoader) `
50
50
  const DisabledDetailWrapper = styled(Cluster).attrs({
51
51
  inline: true,
52
52
  align: 'center',
53
+ gap: 0.25,
53
54
  }) `
54
55
  ${({ themes: { color, space } }) => css `
55
56
  > .smarthr-ui-Tooltip {
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
@@ -67,7 +67,7 @@ export type BaseProps<T> = {
67
67
  /**
68
68
  * `items` 内に存在しないアイテムが追加されたときに発火するコールバック関数
69
69
  */
70
- onAdd?: (label: ReactNode) => void;
70
+ onAdd?: (label: string) => void;
71
71
  /**
72
72
  * アイテムが選択された時に発火するコールバック関数
73
73
  */
@@ -5,7 +5,7 @@ type Props<T> = {
5
5
  options: Array<ComboBoxOption<T>>;
6
6
  dropdownHelpMessage?: ReactNode;
7
7
  dropdownWidth?: string | number;
8
- onAdd?: (label: ReactNode) => void;
8
+ onAdd?: (label: string) => void;
9
9
  onSelect: (item: ComboBoxItem<T>) => void;
10
10
  isExpanded: boolean;
11
11
  isLoading?: boolean;
@@ -104,7 +104,7 @@ export function useListBox({ options, dropdownHelpMessage, dropdownWidth, onAdd,
104
104
  }
105
105
  e.stopPropagation();
106
106
  if (activeOption.isNew) {
107
- onAdd && onAdd(activeOption.item.label);
107
+ onAdd && onAdd(activeOption.item.value);
108
108
  }
109
109
  else {
110
110
  onSelect(activeOption.item);
@@ -126,7 +126,7 @@ export function useListBox({ options, dropdownHelpMessage, dropdownWidth, onAdd,
126
126
  // HINT: Dropdown系コンポーネント内でComboBoxを使うと、選択肢がportalで表現されている関係上Dropdownが閉じてしまう
127
127
  // requestAnimationFrameを追加、処理を遅延させることで正常に閉じる/閉じないの判定を行えるようにする
128
128
  requestAnimationFrame(() => {
129
- onAdd && onAdd(option.item.label);
129
+ onAdd && onAdd(option.item.value);
130
130
  });
131
131
  }, [onAdd]);
132
132
  const handleSelect = useCallback((option) => {
@@ -0,0 +1,7 @@
1
+ import React, { HTMLAttributes } from 'react';
2
+ import { DialogProps } from '../types';
3
+ import { FormDialogContentInnerProps } from './FormDialogContentInner';
4
+ type Props = Omit<FormDialogContentInnerProps, 'titleId'> & DialogProps;
5
+ type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
6
+ export declare const FormDialog: React.VFC<Props & ElementProps>;
7
+ export {};
@@ -0,0 +1,24 @@
1
+ import React, { useCallback } from 'react';
2
+ import { useId } from '../../../hooks/useId';
3
+ import { DialogContentInner } from '../DialogContentInner';
4
+ import { useDialogPortal } from '../useDialogPortal';
5
+ import { FormDialogContentInner } from './FormDialogContentInner';
6
+ export const FormDialog = ({ children, title, subtitle, titleTag, actionText, actionTheme, onSubmit, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, className = '', portalParent, decorators, ...props }) => {
7
+ const { createPortal } = useDialogPortal(portalParent);
8
+ const titleId = useId();
9
+ const handleClickClose = useCallback(() => {
10
+ if (!props.isOpen) {
11
+ return;
12
+ }
13
+ onClickClose();
14
+ }, [onClickClose, props.isOpen]);
15
+ const handleSubmitAction = useCallback(() => {
16
+ if (!props.isOpen) {
17
+ return;
18
+ }
19
+ onSubmit(onClickClose);
20
+ }, [onSubmit, onClickClose, props.isOpen]);
21
+ return createPortal(React.createElement(DialogContentInner, { ...props, ariaLabelledby: titleId, className: className, onPressEscape: onPressEscape },
22
+ React.createElement(FormDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, titleTag: titleTag, actionText: actionText, actionTheme: actionTheme, actionDisabled: actionDisabled, closeDisabled: closeDisabled, onClickClose: handleClickClose, onSubmit: handleSubmitAction, responseMessage: responseMessage, decorators: decorators }, children)));
23
+ };
24
+ //# sourceMappingURL=FormDialog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialog.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,sBAAsB,EAA+B,MAAM,0BAA0B,CAAA;AAK9F,MAAM,CAAC,MAAM,UAAU,GAAoC,CAAC,EAC1D,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,QAAQ,EACR,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,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,QAAQ,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAE1C,OAAO,YAAY,CACjB,oBAAC,kBAAkB,OACb,KAAK,EACT,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,oBAAC,sBAAsB,IACrB,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,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,IAErB,QAAQ,CACc,CACN,CACtB,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,7 @@
1
+ import React, { HTMLAttributes } from 'react';
2
+ import { UncontrolledDialogProps } from '../types';
3
+ import { BaseProps } from './FormDialogContentInner';
4
+ type Props = BaseProps & UncontrolledDialogProps;
5
+ type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
6
+ export declare const FormDialogContent: React.VFC<Props & ElementProps>;
7
+ export {};
@@ -0,0 +1,26 @@
1
+ import React, { useCallback, useContext } from 'react';
2
+ import { useId } from '../../../hooks/useId';
3
+ import { DialogContentInner } from '../DialogContentInner';
4
+ import { DialogContext } from '../DialogWrapper';
5
+ import { useDialogPortal } from '../useDialogPortal';
6
+ import { FormDialogContentInner } from './FormDialogContentInner';
7
+ export const FormDialogContent = ({ children, title, actionText, actionTheme, onSubmit, actionDisabled = false, portalParent, className = '', decorators, ...props }) => {
8
+ const { onClickClose, active } = useContext(DialogContext);
9
+ const { createPortal } = useDialogPortal(portalParent);
10
+ const handleClickClose = useCallback(() => {
11
+ if (!active) {
12
+ return;
13
+ }
14
+ onClickClose();
15
+ }, [active, onClickClose]);
16
+ const handleSubmitAction = useCallback(() => {
17
+ if (!active) {
18
+ return;
19
+ }
20
+ onSubmit(onClickClose);
21
+ }, [active, onSubmit, onClickClose]);
22
+ const titleId = useId();
23
+ return createPortal(React.createElement(DialogContentInner, { ...props, onClickOverlay: onClickClose, onPressEscape: onClickClose, isOpen: active, ariaLabelledby: titleId, className: className },
24
+ React.createElement(FormDialogContentInner, { title: title, titleId: titleId, actionText: actionText, actionTheme: actionTheme, onSubmit: handleSubmitAction, onClickClose: handleClickClose, actionDisabled: actionDisabled, decorators: decorators }, children)));
25
+ };
26
+ //# sourceMappingURL=FormDialogContent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormDialogContent.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContent.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,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AAK5E,MAAM,CAAC,MAAM,iBAAiB,GAAoC,CAAC,EACjE,QAAQ,EACR,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,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,kBAAkB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,MAAM,EAAE;YACX,OAAM;SACP;QACD,QAAQ,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAA;IAEpC,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,sBAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,kBAAkB,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,IAErB,QAAQ,CACc,CACN,CACtB,CAAA;AACH,CAAC,CAAA"}
@@ -0,0 +1,61 @@
1
+ import { FC, ReactNode } from 'react';
2
+ import { DecoratorsType } from '../../../types/props';
3
+ import { HeadingTagTypes } from '../../Heading';
4
+ export type BaseProps = {
5
+ /**
6
+ * ダイアログの内容
7
+ */
8
+ children: ReactNode;
9
+ /**
10
+ * ダイアログのタイトル
11
+ */
12
+ title: ReactNode;
13
+ /**
14
+ * ダイアログのサブタイトル
15
+ */
16
+ subtitle?: ReactNode;
17
+ /**
18
+ * ダイアログタイトルの HTML タグ
19
+ */
20
+ titleTag?: HeadingTagTypes;
21
+ /**
22
+ * アクションボタンのラベル
23
+ */
24
+ actionText: ReactNode;
25
+ /**
26
+ * アクションボタンのスタイル
27
+ */
28
+ actionTheme?: 'primary' | 'secondary' | 'danger';
29
+ /**
30
+ * アクションボタンをクリックした時に発火するコールバック関数
31
+ * @param closeDialog - ダイアログを閉じる関数
32
+ */
33
+ onSubmit: (closeDialog: () => void) => void;
34
+ /**
35
+ * アクションボタンを無効にするかどうか
36
+ */
37
+ actionDisabled?: boolean;
38
+ /**
39
+ * 閉じるボタンを無効にするかどうか
40
+ */
41
+ closeDisabled?: boolean;
42
+ /**
43
+ * コンポーネントに適用するクラス名
44
+ */
45
+ className?: string;
46
+ /** コンポーネント内の文言を変更するための関数を設定 */
47
+ decorators?: DecoratorsType<'closeButtonLabel'>;
48
+ };
49
+ type responseMessageType = {
50
+ status: 'success' | 'error';
51
+ text: ReactNode;
52
+ } | {
53
+ status: 'processing';
54
+ };
55
+ export type FormDialogContentInnerProps = BaseProps & {
56
+ onClickClose: () => void;
57
+ responseMessage?: responseMessageType;
58
+ titleId: string;
59
+ };
60
+ export declare const FormDialogContentInner: FC<FormDialogContentInnerProps>;
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 FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag = 'h2', actionText, actionTheme = 'primary', onSubmit, onClickClose, responseMessage, actionDisabled = false, closeDisabled, decorators, }) => {
12
+ const classNames = useClassNames().dialog;
13
+ const theme = useTheme();
14
+ const handleSubmitAction = useCallback(() => {
15
+ onSubmit(onClickClose);
16
+ }, [onSubmit, onClickClose]);
17
+ const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
18
+ const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
19
+ return (React.createElement("form", { onSubmit: handleSubmitAction },
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, { type: "submit", variant: actionTheme, 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=FormDialogContentInner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export { FormDialog } from './FormDialog';
2
+ export { FormDialogContent } from './FormDialogContent';
@@ -0,0 +1,3 @@
1
+ export { FormDialog } from './FormDialog';
2
+ export { FormDialogContent } from './FormDialogContent';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA"}
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import { FormDialog } from '../FormDialog';
3
+ import { useRemoteTrigger } from '../useRemoteTrigger';
4
+ type Props = Omit<React.ComponentProps<typeof FormDialog>, 'isOpen' | 'onClickClose' | 'id'> & Parameters<typeof useRemoteTrigger>[0];
5
+ export declare const RemoteTriggerFormDialog: React.FC<Props>;
6
+ export {};
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { FormDialog } from '../FormDialog';
3
+ import { useRemoteTrigger } from '../useRemoteTrigger';
4
+ export const RemoteTriggerFormDialog = ({ id, onClickClose, ...props }) => {
5
+ const { isOpen, onClickClose: actualOnClickClose } = useRemoteTrigger({ id, onClickClose });
6
+ return React.createElement(FormDialog, { ...props, id: id, isOpen: isOpen, onClickClose: actualOnClickClose });
7
+ };
8
+ //# sourceMappingURL=RemoteTriggerFormDialog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RemoteTriggerFormDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAKtD,MAAM,CAAC,MAAM,uBAAuB,GAAoB,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzF,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,GAAG,gBAAgB,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,CAAA;IAE3F,OAAO,oBAAC,UAAU,OAAK,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,GAAI,CAAA;AAC5F,CAAC,CAAA"}
@@ -0,0 +1 @@
1
+ export { RemoteTriggerFormDialog } from './RemoteTriggerFormDialog';
@@ -0,0 +1,2 @@
1
+ export { RemoteTriggerFormDialog } from './RemoteTriggerFormDialog';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerFormDialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA"}
@@ -2,11 +2,13 @@ export { Dialog } from './Dialog';
2
2
  export { MessageDialog, MessageDialogContent } from './MessageDialog';
3
3
  export { ActionDialog, ActionDialogContent } from './ActionDialog';
4
4
  export { ActionDialogWithTrigger } from './ActionDialogWithTrigger';
5
+ export { FormDialog, FormDialogContent } from './FormDialog';
5
6
  export { DialogWrapper } from './DialogWrapper';
6
7
  export { DialogTrigger } from './DialogTrigger';
7
8
  export { DialogContent } from './DialogContent';
8
9
  export { DialogCloser } from './DialogCloser';
9
10
  export { ModelessDialog } from './ModelessDialog';
10
11
  export { RemoteTriggerActionDialog } from './RemoteTriggerActionDialog';
12
+ export { RemoteTriggerFormDialog } from './RemoteTriggerFormDialog';
11
13
  export { RemoteTriggerMessageDialog } from './RemoteTriggerMessageDialog';
12
14
  export { RemoteDialogTrigger } from './RemoteDialogTrigger';
@@ -2,12 +2,14 @@ export { Dialog } from './Dialog';
2
2
  export { MessageDialog, MessageDialogContent } from './MessageDialog';
3
3
  export { ActionDialog, ActionDialogContent } from './ActionDialog';
4
4
  export { ActionDialogWithTrigger } from './ActionDialogWithTrigger';
5
+ export { FormDialog, FormDialogContent } from './FormDialog';
5
6
  export { DialogWrapper } from './DialogWrapper';
6
7
  export { DialogTrigger } from './DialogTrigger';
7
8
  export { DialogContent } from './DialogContent';
8
9
  export { DialogCloser } from './DialogCloser';
9
10
  export { ModelessDialog } from './ModelessDialog';
10
11
  export { RemoteTriggerActionDialog } from './RemoteTriggerActionDialog';
12
+ export { RemoteTriggerFormDialog } from './RemoteTriggerFormDialog';
11
13
  export { RemoteTriggerMessageDialog } from './RemoteTriggerMessageDialog';
12
14
  export { RemoteDialogTrigger } from './RemoteDialogTrigger';
13
15
  //# 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,oBAAoB,EAAE,MAAM,iBAAiB,CAAA;AACrE,OAAO,EAAE,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,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;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAA;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,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,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAC5D,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;AACjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AACvE,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAA;AACnE,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAA;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAA"}
@@ -47,6 +47,7 @@ const ActionList = styled(Stack).attrs({ as: 'ul', gap: 0 }) `
47
47
  }
48
48
 
49
49
  .smarthr-ui-Button-disabledWrapper {
50
+ column-gap: ${space(0.5)};
50
51
  /* unset した Button の右 padding 分 */
51
52
  padding-inline-end: ${space(1)};
52
53
 
@@ -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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"}
@@ -42,7 +42,7 @@ const Item = styled.li `
42
42
  background-color: ${color.hoverColor(color.GREY_9)};
43
43
  }
44
44
 
45
- &:focus {
45
+ &:focus-visible {
46
46
  /* フォーカスリングを前に出したいので、スタッキングコンテキストを発生させている */
47
47
  position: relative;
48
48
  z-index: 1;
package/esm/index.d.ts CHANGED
@@ -9,7 +9,7 @@ export { InputFile } from './components/InputFile';
9
9
  export { Textarea } from './components/Textarea';
10
10
  export { TextLink } from './components/TextLink';
11
11
  export { Loader } from './components/Loader';
12
- export { ActionDialog, ActionDialogContent, ActionDialogWithTrigger, Dialog, DialogCloser, DialogContent, DialogTrigger, DialogWrapper, MessageDialog, MessageDialogContent, ModelessDialog, RemoteDialogTrigger, RemoteTriggerActionDialog, RemoteTriggerMessageDialog, } from './components/Dialog';
12
+ export { ActionDialog, ActionDialogContent, ActionDialogWithTrigger, FormDialog, FormDialogContent, Dialog, DialogCloser, DialogContent, DialogTrigger, DialogWrapper, MessageDialog, MessageDialogContent, ModelessDialog, RemoteDialogTrigger, RemoteTriggerActionDialog, RemoteTriggerFormDialog, RemoteTriggerMessageDialog, } from './components/Dialog';
13
13
  export { Pagination } from './components/Pagination';
14
14
  export { RadioButton } from './components/RadioButton';
15
15
  export { RadioButtonPanel } from './components/RadioButtonPanel';
package/esm/index.js CHANGED
@@ -10,7 +10,7 @@ export { InputFile } from './components/InputFile';
10
10
  export { Textarea } from './components/Textarea';
11
11
  export { TextLink } from './components/TextLink';
12
12
  export { Loader } from './components/Loader';
13
- export { ActionDialog, ActionDialogContent, ActionDialogWithTrigger, Dialog, DialogCloser, DialogContent, DialogTrigger, DialogWrapper, MessageDialog, MessageDialogContent, ModelessDialog, RemoteDialogTrigger, RemoteTriggerActionDialog, RemoteTriggerMessageDialog, } from './components/Dialog';
13
+ export { ActionDialog, ActionDialogContent, ActionDialogWithTrigger, FormDialog, FormDialogContent, Dialog, DialogCloser, DialogContent, DialogTrigger, DialogWrapper, MessageDialog, MessageDialogContent, ModelessDialog, RemoteDialogTrigger, RemoteTriggerActionDialog, RemoteTriggerFormDialog, RemoteTriggerMessageDialog, } from './components/Dialog';
14
14
  export { Pagination } from './components/Pagination';
15
15
  export { RadioButton } from './components/RadioButton';
16
16
  export { RadioButtonPanel } from './components/RadioButtonPanel';
package/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
@@ -76,6 +76,7 @@ const Loader = (0, styled_components_1.default)(Loader_1.Loader) `
76
76
  const DisabledDetailWrapper = (0, styled_components_1.default)(Layout_1.Cluster).attrs({
77
77
  inline: true,
78
78
  align: 'center',
79
+ gap: 0.25,
79
80
  }) `
80
81
  ${({ themes: { color, space } }) => (0, styled_components_1.css) `
81
82
  > .smarthr-ui-Tooltip {
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA+D;AAC/D,uEAA+C;AAE/C,mDAAsD;AACtD,kCAA0C;AAC1C,sCAAmC;AACnC,sCAA+C;AAC/C,wCAAoC;AAEpC,+CAA2C;AAC3C,mDAA+C;AAE/C,mDAA+C;AAIlC,QAAA,MAAM,GAAG,IAAA,kBAAU,EAC9B,CACE,EACE,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,KAAK,EACd,MAAM,EACN,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,WAAW,EACrB,QAAQ,EACR,cAAc,EACd,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,OAAO,GAAG,KAAK,EACf,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAC,MAAM,CAAA;IAEzC,MAAM,MAAM,GAAG,8BAAC,MAAM,IAAC,IAAI,EAAC,GAAG,EAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,GAAI,CAAA;IAChF,MAAM,YAAY,GAAG,CAAC,OAAO,IAAI,MAAM,CAAA;IACvC,MAAM,YAAY,GAAG,OAAO,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAA;IACzD,MAAM,iBAAiB,GAAG,OAAO,IAAI,QAAQ,CAAA;IAC7C,MAAM,cAAc,GAAG,OAAO,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAA;IAE5D,MAAM,MAAM,GAAG,CACb,8BAAC,6BAAa,OACR,KAAK,EACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,EAC/C,SAAS,EAAE,GAAG,EACd,QAAQ,EAAE,iBAAiB,cACjB,OAAO;QAEjB,8BAAC,yBAAW,IAAC,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,YAAY,IACpD,cAAc,CACH,CACA,CACjB,CAAA;IAED,IAAI,QAAQ,IAAI,cAAc,EAAE;QAC9B,MAAM,kBAAkB,GAAG,cAAc,CAAC,IAAI,IAAI,uBAAgB,CAAA;QAElE,OAAO,CACL,8BAAC,qBAAqB,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,eAAe;YACxE,MAAM;YACP,8BAAC,iBAAO,IACN,OAAO,EAAE,cAAc,CAAC,OAAO,EAC/B,WAAW,EAAC,MAAM,EAClB,UAAU,EAAC,MAAM,EACjB,QAAQ,EAAC,MAAM;gBAEf,8BAAC,kBAAkB,OAAG,CACd,CACY,CACzB,CAAA;KACF;IAED,OAAO,MAAM,CAAA;AACf,CAAC,CACF,CAAA;AACD,oDAAoD;AACpD,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAA;AAE7B,MAAM,MAAM,GAAG,IAAA,2BAAM,EAAC,eAAS,CAAC,CAAqC;IACjE,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;;;;;;;;;;;sBAWrB,OAAO,KAAK,WAAW;IACrC,CAAC,CAAC,KAAK,CAAC,aAAa;IACrB,CAAC,CAAC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC;;GAE3C;CACF,CAAA;AAED,MAAM,qBAAqB,GAAG,IAAA,2BAAM,EAAC,gBAAO,CAAC,CAAC,KAAK,CAAC;IAClD,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,QAAQ;CAChB,CAAC,CAAmB;IACjB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;;;;;;kBAMvB,KAAK,CAAC,CAAC,IAAI,CAAC;mBACX,KAAK,CAAC,IAAI,CAAC;;;;iBAIb,KAAK,CAAC,SAAS;;;GAG7B;CACF,CAAA"}
1
+ {"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"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"}
@@ -67,7 +67,7 @@ export type BaseProps<T> = {
67
67
  /**
68
68
  * `items` 内に存在しないアイテムが追加されたときに発火するコールバック関数
69
69
  */
70
- onAdd?: (label: ReactNode) => void;
70
+ onAdd?: (label: string) => void;
71
71
  /**
72
72
  * アイテムが選択された時に発火するコールバック関数
73
73
  */
@@ -5,7 +5,7 @@ type Props<T> = {
5
5
  options: Array<ComboBoxOption<T>>;
6
6
  dropdownHelpMessage?: ReactNode;
7
7
  dropdownWidth?: string | number;
8
- onAdd?: (label: ReactNode) => void;
8
+ onAdd?: (label: string) => void;
9
9
  onSelect: (item: ComboBoxItem<T>) => void;
10
10
  isExpanded: boolean;
11
11
  isLoading?: boolean;
@@ -130,7 +130,7 @@ function useListBox({ options, dropdownHelpMessage, dropdownWidth, onAdd, onSele
130
130
  }
131
131
  e.stopPropagation();
132
132
  if (activeOption.isNew) {
133
- onAdd && onAdd(activeOption.item.label);
133
+ onAdd && onAdd(activeOption.item.value);
134
134
  }
135
135
  else {
136
136
  onSelect(activeOption.item);
@@ -152,7 +152,7 @@ function useListBox({ options, dropdownHelpMessage, dropdownWidth, onAdd, onSele
152
152
  // HINT: Dropdown系コンポーネント内でComboBoxを使うと、選択肢がportalで表現されている関係上Dropdownが閉じてしまう
153
153
  // requestAnimationFrameを追加、処理を遅延させることで正常に閉じる/閉じないの判定を行えるようにする
154
154
  requestAnimationFrame(() => {
155
- onAdd && onAdd(option.item.label);
155
+ onAdd && onAdd(option.item.value);
156
156
  });
157
157
  }, [onAdd]);
158
158
  const handleSelect = (0, react_1.useCallback)((option) => {
@@ -0,0 +1,7 @@
1
+ import React, { HTMLAttributes } from 'react';
2
+ import { DialogProps } from '../types';
3
+ import { FormDialogContentInnerProps } from './FormDialogContentInner';
4
+ type Props = Omit<FormDialogContentInnerProps, 'titleId'> & DialogProps;
5
+ type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
6
+ export declare const FormDialog: React.VFC<Props & ElementProps>;
7
+ export {};
@@ -0,0 +1,51 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ exports.FormDialog = void 0;
27
+ const react_1 = __importStar(require("react"));
28
+ const useId_1 = require("../../../hooks/useId");
29
+ const DialogContentInner_1 = require("../DialogContentInner");
30
+ const useDialogPortal_1 = require("../useDialogPortal");
31
+ const FormDialogContentInner_1 = require("./FormDialogContentInner");
32
+ const FormDialog = ({ children, title, subtitle, titleTag, actionText, actionTheme, onSubmit, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, className = '', portalParent, decorators, ...props }) => {
33
+ const { createPortal } = (0, useDialogPortal_1.useDialogPortal)(portalParent);
34
+ const titleId = (0, useId_1.useId)();
35
+ const handleClickClose = (0, react_1.useCallback)(() => {
36
+ if (!props.isOpen) {
37
+ return;
38
+ }
39
+ onClickClose();
40
+ }, [onClickClose, props.isOpen]);
41
+ const handleSubmitAction = (0, react_1.useCallback)(() => {
42
+ if (!props.isOpen) {
43
+ return;
44
+ }
45
+ onSubmit(onClickClose);
46
+ }, [onSubmit, onClickClose, props.isOpen]);
47
+ return createPortal(react_1.default.createElement(DialogContentInner_1.DialogContentInner, { ...props, ariaLabelledby: titleId, className: className, onPressEscape: onPressEscape },
48
+ react_1.default.createElement(FormDialogContentInner_1.FormDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, titleTag: titleTag, actionText: actionText, actionTheme: actionTheme, actionDisabled: actionDisabled, closeDisabled: closeDisabled, onClickClose: handleClickClose, onSubmit: handleSubmitAction, responseMessage: responseMessage, decorators: decorators }, children)));
49
+ };
50
+ exports.FormDialog = FormDialog;
51
+ //# sourceMappingURL=FormDialog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialog.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0D;AAE1D,gDAA4C;AAC5C,8DAA0D;AAE1D,wDAAoD;AAEpD,qEAA8F;AAKvF,MAAM,UAAU,GAAoC,CAAC,EAC1D,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,WAAW,EACX,QAAQ,EACR,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,IAAA,iCAAe,EAAC,YAAY,CAAC,CAAA;IACtD,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAA;IAEvB,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,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,kBAAkB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,QAAQ,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,QAAQ,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAE1C,OAAO,YAAY,CACjB,8BAAC,uCAAkB,OACb,KAAK,EACT,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa;QAE5B,8BAAC,+CAAsB,IACrB,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,QAAQ,EAAE,kBAAkB,EAC5B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,IAErB,QAAQ,CACc,CACN,CACtB,CAAA;AACH,CAAC,CAAA;AA5DY,QAAA,UAAU,cA4DtB"}
@@ -0,0 +1,7 @@
1
+ import React, { HTMLAttributes } from 'react';
2
+ import { UncontrolledDialogProps } from '../types';
3
+ import { BaseProps } from './FormDialogContentInner';
4
+ type Props = BaseProps & UncontrolledDialogProps;
5
+ type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
6
+ export declare const FormDialogContent: React.VFC<Props & ElementProps>;
7
+ export {};
@@ -0,0 +1,53 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ exports.FormDialogContent = void 0;
27
+ const react_1 = __importStar(require("react"));
28
+ const useId_1 = require("../../../hooks/useId");
29
+ const DialogContentInner_1 = require("../DialogContentInner");
30
+ const DialogWrapper_1 = require("../DialogWrapper");
31
+ const useDialogPortal_1 = require("../useDialogPortal");
32
+ const FormDialogContentInner_1 = require("./FormDialogContentInner");
33
+ const FormDialogContent = ({ children, title, actionText, actionTheme, onSubmit, actionDisabled = false, portalParent, className = '', decorators, ...props }) => {
34
+ const { onClickClose, active } = (0, react_1.useContext)(DialogWrapper_1.DialogContext);
35
+ const { createPortal } = (0, useDialogPortal_1.useDialogPortal)(portalParent);
36
+ const handleClickClose = (0, react_1.useCallback)(() => {
37
+ if (!active) {
38
+ return;
39
+ }
40
+ onClickClose();
41
+ }, [active, onClickClose]);
42
+ const handleSubmitAction = (0, react_1.useCallback)(() => {
43
+ if (!active) {
44
+ return;
45
+ }
46
+ onSubmit(onClickClose);
47
+ }, [active, onSubmit, onClickClose]);
48
+ const titleId = (0, useId_1.useId)();
49
+ return createPortal(react_1.default.createElement(DialogContentInner_1.DialogContentInner, { ...props, onClickOverlay: onClickClose, onPressEscape: onClickClose, isOpen: active, ariaLabelledby: titleId, className: className },
50
+ react_1.default.createElement(FormDialogContentInner_1.FormDialogContentInner, { title: title, titleId: titleId, actionText: actionText, actionTheme: actionTheme, onSubmit: handleSubmitAction, onClickClose: handleClickClose, actionDisabled: actionDisabled, decorators: decorators }, children)));
51
+ };
52
+ exports.FormDialogContent = FormDialogContent;
53
+ //# sourceMappingURL=FormDialogContent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormDialogContent.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAsE;AAEtE,gDAA4C;AAC5C,8DAA0D;AAC1D,oDAAgD;AAEhD,wDAAoD;AAEpD,qEAA4E;AAKrE,MAAM,iBAAiB,GAAoC,CAAC,EACjE,QAAQ,EACR,KAAK,EACL,UAAU,EACV,WAAW,EACX,QAAQ,EACR,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,IAAA,kBAAU,EAAC,6BAAa,CAAC,CAAA;IAC1D,MAAM,EAAE,YAAY,EAAE,GAAG,IAAA,iCAAe,EAAC,YAAY,CAAC,CAAA;IAEtD,MAAM,gBAAgB,GAAG,IAAA,mBAAW,EAAC,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,kBAAkB,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,MAAM,EAAE;YACX,OAAM;SACP;QACD,QAAQ,CAAC,YAAY,CAAC,CAAA;IACxB,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAA;IAEpC,MAAM,OAAO,GAAG,IAAA,aAAK,GAAE,CAAA;IAEvB,OAAO,YAAY,CACjB,8BAAC,uCAAkB,OACb,KAAK,EACT,cAAc,EAAE,YAAY,EAC5B,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS;QAEpB,8BAAC,+CAAsB,IACrB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,kBAAkB,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,IAErB,QAAQ,CACc,CACN,CACtB,CAAA;AACH,CAAC,CAAA;AAtDY,QAAA,iBAAiB,qBAsD7B"}
@@ -0,0 +1,61 @@
1
+ import { FC, ReactNode } from 'react';
2
+ import { DecoratorsType } from '../../../types/props';
3
+ import { HeadingTagTypes } from '../../Heading';
4
+ export type BaseProps = {
5
+ /**
6
+ * ダイアログの内容
7
+ */
8
+ children: ReactNode;
9
+ /**
10
+ * ダイアログのタイトル
11
+ */
12
+ title: ReactNode;
13
+ /**
14
+ * ダイアログのサブタイトル
15
+ */
16
+ subtitle?: ReactNode;
17
+ /**
18
+ * ダイアログタイトルの HTML タグ
19
+ */
20
+ titleTag?: HeadingTagTypes;
21
+ /**
22
+ * アクションボタンのラベル
23
+ */
24
+ actionText: ReactNode;
25
+ /**
26
+ * アクションボタンのスタイル
27
+ */
28
+ actionTheme?: 'primary' | 'secondary' | 'danger';
29
+ /**
30
+ * アクションボタンをクリックした時に発火するコールバック関数
31
+ * @param closeDialog - ダイアログを閉じる関数
32
+ */
33
+ onSubmit: (closeDialog: () => void) => void;
34
+ /**
35
+ * アクションボタンを無効にするかどうか
36
+ */
37
+ actionDisabled?: boolean;
38
+ /**
39
+ * 閉じるボタンを無効にするかどうか
40
+ */
41
+ closeDisabled?: boolean;
42
+ /**
43
+ * コンポーネントに適用するクラス名
44
+ */
45
+ className?: string;
46
+ /** コンポーネント内の文言を変更するための関数を設定 */
47
+ decorators?: DecoratorsType<'closeButtonLabel'>;
48
+ };
49
+ type responseMessageType = {
50
+ status: 'success' | 'error';
51
+ text: ReactNode;
52
+ } | {
53
+ status: 'processing';
54
+ };
55
+ export type FormDialogContentInnerProps = BaseProps & {
56
+ onClickClose: () => void;
57
+ responseMessage?: responseMessageType;
58
+ titleId: string;
59
+ };
60
+ export declare const FormDialogContentInner: FC<FormDialogContentInnerProps>;
61
+ export {};
@@ -0,0 +1,84 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ exports.FormDialogContentInner = void 0;
27
+ const react_1 = __importStar(require("react"));
28
+ const styled_components_1 = __importStar(require("styled-components"));
29
+ const useTheme_1 = require("../../../hooks/useTheme");
30
+ const Button_1 = require("../../Button");
31
+ const Icon_1 = require("../../Icon");
32
+ const Layout_1 = require("../../Layout");
33
+ const Text_1 = require("../../Text");
34
+ const dialogHelper_1 = require("../dialogHelper");
35
+ const useClassNames_1 = require("../useClassNames");
36
+ const CLOSE_BUTTON_LABEL = 'キャンセル';
37
+ const FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag = 'h2', actionText, actionTheme = 'primary', onSubmit, onClickClose, responseMessage, actionDisabled = false, closeDisabled, decorators, }) => {
38
+ const classNames = (0, useClassNames_1.useClassNames)().dialog;
39
+ const theme = (0, useTheme_1.useTheme)();
40
+ const handleSubmitAction = (0, react_1.useCallback)(() => {
41
+ onSubmit(onClickClose);
42
+ }, [onSubmit, onClickClose]);
43
+ const { offsetHeight, titleRef, bottomRef } = (0, dialogHelper_1.useOffsetHeight)();
44
+ const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
45
+ return (react_1.default.createElement("form", { onSubmit: handleSubmitAction },
46
+ react_1.default.createElement(TitleArea, { gap: 0.25, themes: theme, ref: titleRef, className: classNames.titleArea, as: titleTag },
47
+ subtitle && (react_1.default.createElement(Text_1.Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
48
+ react_1.default.createElement(Text_1.Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title)),
49
+ react_1.default.createElement(Body, { offsetHeight: offsetHeight, className: classNames.body }, children),
50
+ react_1.default.createElement(ActionArea, { themes: theme, ref: bottomRef, className: classNames.actionArea },
51
+ react_1.default.createElement(ButtonArea, { className: classNames.buttonArea },
52
+ react_1.default.createElement(Button_1.Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: classNames.closeButton }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
53
+ react_1.default.createElement(Button_1.Button, { type: "submit", variant: actionTheme, disabled: actionDisabled, loading: isRequestProcessing, className: classNames.actionButton }, actionText)),
54
+ responseMessage && (react_1.default.createElement(react_1.default.Fragment, null,
55
+ responseMessage.status === 'success' && (react_1.default.createElement(Message, null,
56
+ react_1.default.createElement(Icon_1.FaCheckCircleIcon, { color: theme.color.MAIN, text: responseMessage.text, role: "alert" }))),
57
+ responseMessage.status === 'error' && (react_1.default.createElement(Message, null,
58
+ react_1.default.createElement(Icon_1.FaExclamationCircleIcon, { color: theme.color.DANGER, text: responseMessage.text, role: "alert" }))))))));
59
+ };
60
+ exports.FormDialogContentInner = FormDialogContentInner;
61
+ const TitleArea = (0, styled_components_1.default)(Layout_1.Stack) `
62
+ ${({ themes: { border, space } }) => (0, styled_components_1.css) `
63
+ margin-block: unset;
64
+ border-bottom: ${border.shorthand};
65
+ padding: ${space(1)} ${space(1.5)};
66
+ `}
67
+ `;
68
+ const Body = styled_components_1.default.div `
69
+ ${({ offsetHeight }) => (0, styled_components_1.css) `
70
+ max-height: calc(100vh - ${offsetHeight}px);
71
+ overflow: auto;
72
+ `}
73
+ `;
74
+ const ActionArea = (0, styled_components_1.default)(Layout_1.Stack).attrs({ gap: 0.5 }) `
75
+ ${({ themes: { space, border } }) => (0, styled_components_1.css) `
76
+ border-top: ${border.shorthand};
77
+ padding: ${space(1)} ${space(1.5)};
78
+ `}
79
+ `;
80
+ const ButtonArea = (0, styled_components_1.default)(Layout_1.Cluster).attrs({ gap: { row: 0.5, column: 1 }, justify: 'flex-end' }) ``;
81
+ const Message = styled_components_1.default.div `
82
+ text-align: right;
83
+ `;
84
+ //# sourceMappingURL=FormDialogContentInner.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export { FormDialog } from './FormDialog';
2
+ export { FormDialogContent } from './FormDialogContent';
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.FormDialogContent = exports.FormDialog = void 0;
4
+ var FormDialog_1 = require("./FormDialog");
5
+ Object.defineProperty(exports, "FormDialog", { enumerable: true, get: function () { return FormDialog_1.FormDialog; } });
6
+ var FormDialogContent_1 = require("./FormDialogContent");
7
+ Object.defineProperty(exports, "FormDialogContent", { enumerable: true, get: function () { return FormDialogContent_1.FormDialogContent; } });
8
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/index.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AAAhC,wGAAA,UAAU,OAAA;AACnB,yDAAuD;AAA9C,sHAAA,iBAAiB,OAAA"}
@@ -0,0 +1,6 @@
1
+ import React from 'react';
2
+ import { FormDialog } from '../FormDialog';
3
+ import { useRemoteTrigger } from '../useRemoteTrigger';
4
+ type Props = Omit<React.ComponentProps<typeof FormDialog>, 'isOpen' | 'onClickClose' | 'id'> & Parameters<typeof useRemoteTrigger>[0];
5
+ export declare const RemoteTriggerFormDialog: React.FC<Props>;
6
+ export {};
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.RemoteTriggerFormDialog = void 0;
7
+ const react_1 = __importDefault(require("react"));
8
+ const FormDialog_1 = require("../FormDialog");
9
+ const useRemoteTrigger_1 = require("../useRemoteTrigger");
10
+ const RemoteTriggerFormDialog = ({ id, onClickClose, ...props }) => {
11
+ const { isOpen, onClickClose: actualOnClickClose } = (0, useRemoteTrigger_1.useRemoteTrigger)({ id, onClickClose });
12
+ return react_1.default.createElement(FormDialog_1.FormDialog, { ...props, id: id, isOpen: isOpen, onClickClose: actualOnClickClose });
13
+ };
14
+ exports.RemoteTriggerFormDialog = RemoteTriggerFormDialog;
15
+ //# sourceMappingURL=RemoteTriggerFormDialog.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"RemoteTriggerFormDialog.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerFormDialog/RemoteTriggerFormDialog.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,8CAA0C;AAC1C,0DAAsD;AAK/C,MAAM,uBAAuB,GAAoB,CAAC,EAAE,EAAE,EAAE,YAAY,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACzF,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,EAAE,GAAG,IAAA,mCAAgB,EAAC,EAAE,EAAE,EAAE,YAAY,EAAE,CAAC,CAAA;IAE3F,OAAO,8BAAC,uBAAU,OAAK,KAAK,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,kBAAkB,GAAI,CAAA;AAC5F,CAAC,CAAA;AAJY,QAAA,uBAAuB,2BAInC"}
@@ -0,0 +1 @@
1
+ export { RemoteTriggerFormDialog } from './RemoteTriggerFormDialog';
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.RemoteTriggerFormDialog = void 0;
4
+ var RemoteTriggerFormDialog_1 = require("./RemoteTriggerFormDialog");
5
+ Object.defineProperty(exports, "RemoteTriggerFormDialog", { enumerable: true, get: function () { return RemoteTriggerFormDialog_1.RemoteTriggerFormDialog; } });
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Dialog/RemoteTriggerFormDialog/index.ts"],"names":[],"mappings":";;;AAAA,qEAAmE;AAA1D,kIAAA,uBAAuB,OAAA"}
@@ -2,11 +2,13 @@ export { Dialog } from './Dialog';
2
2
  export { MessageDialog, MessageDialogContent } from './MessageDialog';
3
3
  export { ActionDialog, ActionDialogContent } from './ActionDialog';
4
4
  export { ActionDialogWithTrigger } from './ActionDialogWithTrigger';
5
+ export { FormDialog, FormDialogContent } from './FormDialog';
5
6
  export { DialogWrapper } from './DialogWrapper';
6
7
  export { DialogTrigger } from './DialogTrigger';
7
8
  export { DialogContent } from './DialogContent';
8
9
  export { DialogCloser } from './DialogCloser';
9
10
  export { ModelessDialog } from './ModelessDialog';
10
11
  export { RemoteTriggerActionDialog } from './RemoteTriggerActionDialog';
12
+ export { RemoteTriggerFormDialog } from './RemoteTriggerFormDialog';
11
13
  export { RemoteTriggerMessageDialog } from './RemoteTriggerMessageDialog';
12
14
  export { RemoteDialogTrigger } from './RemoteDialogTrigger';
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.RemoteDialogTrigger = exports.RemoteTriggerMessageDialog = exports.RemoteTriggerActionDialog = exports.ModelessDialog = exports.DialogCloser = exports.DialogContent = exports.DialogTrigger = exports.DialogWrapper = exports.ActionDialogWithTrigger = exports.ActionDialogContent = exports.ActionDialog = exports.MessageDialogContent = exports.MessageDialog = exports.Dialog = void 0;
3
+ exports.RemoteDialogTrigger = exports.RemoteTriggerMessageDialog = exports.RemoteTriggerFormDialog = exports.RemoteTriggerActionDialog = exports.ModelessDialog = exports.DialogCloser = exports.DialogContent = exports.DialogTrigger = exports.DialogWrapper = exports.FormDialogContent = exports.FormDialog = exports.ActionDialogWithTrigger = exports.ActionDialogContent = exports.ActionDialog = exports.MessageDialogContent = exports.MessageDialog = exports.Dialog = void 0;
4
4
  var Dialog_1 = require("./Dialog");
5
5
  Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return Dialog_1.Dialog; } });
6
6
  var MessageDialog_1 = require("./MessageDialog");
@@ -11,6 +11,9 @@ Object.defineProperty(exports, "ActionDialog", { enumerable: true, get: function
11
11
  Object.defineProperty(exports, "ActionDialogContent", { enumerable: true, get: function () { return ActionDialog_1.ActionDialogContent; } });
12
12
  var ActionDialogWithTrigger_1 = require("./ActionDialogWithTrigger");
13
13
  Object.defineProperty(exports, "ActionDialogWithTrigger", { enumerable: true, get: function () { return ActionDialogWithTrigger_1.ActionDialogWithTrigger; } });
14
+ var FormDialog_1 = require("./FormDialog");
15
+ Object.defineProperty(exports, "FormDialog", { enumerable: true, get: function () { return FormDialog_1.FormDialog; } });
16
+ Object.defineProperty(exports, "FormDialogContent", { enumerable: true, get: function () { return FormDialog_1.FormDialogContent; } });
14
17
  var DialogWrapper_1 = require("./DialogWrapper");
15
18
  Object.defineProperty(exports, "DialogWrapper", { enumerable: true, get: function () { return DialogWrapper_1.DialogWrapper; } });
16
19
  var DialogTrigger_1 = require("./DialogTrigger");
@@ -23,6 +26,8 @@ var ModelessDialog_1 = require("./ModelessDialog");
23
26
  Object.defineProperty(exports, "ModelessDialog", { enumerable: true, get: function () { return ModelessDialog_1.ModelessDialog; } });
24
27
  var RemoteTriggerActionDialog_1 = require("./RemoteTriggerActionDialog");
25
28
  Object.defineProperty(exports, "RemoteTriggerActionDialog", { enumerable: true, get: function () { return RemoteTriggerActionDialog_1.RemoteTriggerActionDialog; } });
29
+ var RemoteTriggerFormDialog_1 = require("./RemoteTriggerFormDialog");
30
+ Object.defineProperty(exports, "RemoteTriggerFormDialog", { enumerable: true, get: function () { return RemoteTriggerFormDialog_1.RemoteTriggerFormDialog; } });
26
31
  var RemoteTriggerMessageDialog_1 = require("./RemoteTriggerMessageDialog");
27
32
  Object.defineProperty(exports, "RemoteTriggerMessageDialog", { enumerable: true, get: function () { return RemoteTriggerMessageDialog_1.RemoteTriggerMessageDialog; } });
28
33
  var RemoteDialogTrigger_1 = require("./RemoteDialogTrigger");
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":";;;AAAA,mCAAiC;AAAxB,gGAAA,MAAM,OAAA;AACf,iDAAqE;AAA5D,8GAAA,aAAa,OAAA;AAAE,qHAAA,oBAAoB,OAAA;AAC5C,+CAAkE;AAAzD,4GAAA,YAAY,OAAA;AAAE,mHAAA,mBAAmB,OAAA;AAC1C,qEAAmE;AAA1D,kIAAA,uBAAuB,OAAA;AAChC,iDAA+C;AAAtC,8GAAA,aAAa,OAAA;AACtB,iDAA+C;AAAtC,8GAAA,aAAa,OAAA;AACtB,iDAA+C;AAAtC,8GAAA,aAAa,OAAA;AACtB,+CAA6C;AAApC,4GAAA,YAAY,OAAA;AACrB,mDAAiD;AAAxC,gHAAA,cAAc,OAAA;AACvB,yEAAuE;AAA9D,sIAAA,yBAAyB,OAAA;AAClC,2EAAyE;AAAhE,wIAAA,0BAA0B,OAAA;AACnC,6DAA2D;AAAlD,0HAAA,mBAAmB,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dialog/index.ts"],"names":[],"mappings":";;;AAAA,mCAAiC;AAAxB,gGAAA,MAAM,OAAA;AACf,iDAAqE;AAA5D,8GAAA,aAAa,OAAA;AAAE,qHAAA,oBAAoB,OAAA;AAC5C,+CAAkE;AAAzD,4GAAA,YAAY,OAAA;AAAE,mHAAA,mBAAmB,OAAA;AAC1C,qEAAmE;AAA1D,kIAAA,uBAAuB,OAAA;AAChC,2CAA4D;AAAnD,wGAAA,UAAU,OAAA;AAAE,+GAAA,iBAAiB,OAAA;AACtC,iDAA+C;AAAtC,8GAAA,aAAa,OAAA;AACtB,iDAA+C;AAAtC,8GAAA,aAAa,OAAA;AACtB,iDAA+C;AAAtC,8GAAA,aAAa,OAAA;AACtB,+CAA6C;AAApC,4GAAA,YAAY,OAAA;AACrB,mDAAiD;AAAxC,gHAAA,cAAc,OAAA;AACvB,yEAAuE;AAA9D,sIAAA,yBAAyB,OAAA;AAClC,qEAAmE;AAA1D,kIAAA,uBAAuB,OAAA;AAChC,2EAAyE;AAAhE,wIAAA,0BAA0B,OAAA;AACnC,6DAA2D;AAAlD,0HAAA,mBAAmB,OAAA"}
@@ -77,6 +77,7 @@ const ActionList = (0, styled_components_1.default)(Layout_1.Stack).attrs({ as:
77
77
  }
78
78
 
79
79
  .smarthr-ui-Button-disabledWrapper {
80
+ column-gap: ${space(0.5)};
80
81
  /* unset した Button の右 padding 分 */
81
82
  padding-inline-end: ${space(1)};
82
83
 
@@ -1 +1 @@
1
- {"version":3,"file":"DropdownMenuButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/DropdownMenuButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOc;AACd,sEAAuC;AACvC,uEAA+C;AAE/C,0BAAmF;AACnF,sDAAyD;AACzD,yCAA6E;AAE7E,qCAA6D;AAC7D,yCAAoC;AAEpC,mDAA+C;AA0BxC,MAAM,kBAAkB,GAA6B,CAAC,EAC3D,KAAK,EACL,QAAQ,EACR,WAAW,EACX,eAAe,GAAG,KAAK,EACvB,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACzB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE,CACH,eAAe,CAAC,CAAC,CAAC,CAChB,8BAAC,sBAAe,IAAC,GAAG,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAA,yBAAS,EAAC,KAAK,CAAC,GAAI,CAC/E,CAAC,CAAC,CAAC,CACF,KAAK,CACN,EACH,CAAC,eAAe,EAAE,KAAK,CAAC,CACzB,CAAA;IACD,MAAM,aAAa,GAAG,IAAA,eAAO;IAC3B,yDAAyD;IACzD,GAAG,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,6DAAK,CAAC,CAAC,CAAC,8BAAC,sBAAe,IAAC,GAAG,EAAC,gCAAO,GAAG,CAAC,EACjE,CAAC,eAAe,CAAC,CAClB,CAAA;IAED,OAAO,CACL,8BAAC,YAAQ;QACP,8BAAC,mBAAe,IAAC,SAAS,EAAE,GAAG,UAAU,CAAC,OAAO,GAAG,SAAS,IAAI,IAAI,SAAS,EAAE,EAAE;YAChF,8BAAC,aAAa,OACR,KAAK,EACT,MAAM,EAAE,aAAa,EACrB,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,eAAe,EACvB,SAAS,EAAE,UAAU,CAAC,OAAO,IAE5B,YAAY,CACC,CACA;QAClB,8BAAC,mBAAe;YACd,8BAAC,sBAAkB;gBACjB,8BAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,IACpD,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBACxC,iDAAiD;gBACjD,+BAA+B;gBAC/B,IAAI,CAAC,CAAC,CAAC,sCAAI,GAAG,EAAE,CAAC,IAAG,UAAU,CAAC,IAA4B,CAAC,CAAM,CAAC,CAAC,CAAC,IAAI,CAC1E,CACU,CACM,CACL,CACT,CACZ,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,kBAAkB,sBAoD9B;AAED,MAAM,aAAa,GAAG,IAAA,2BAAM,EAAC,eAAM,CAAC,CAAA;;;;CAInC,CAAA;AACD,MAAM,UAAU,GAAG,IAAA,2BAAM,EAAC,cAAK,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAmB;IAC3E,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;;;qBAGb,KAAK,CAAC,GAAG,CAAC;;;;;;;;;uBASR,KAAK,CAAC,GAAG,CAAC;;;;;;4BAML,KAAK,CAAC,CAAC,CAAC;;;;;;;GAOjC;CACF,CAAA;AACD,MAAM,UAAU,GAAG,CAAC,IAAkB,EAAE,EAAE,CAAC,eAAK,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA"}
1
+ {"version":3,"file":"DropdownMenuButton.js","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownMenuButton/DropdownMenuButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAOc;AACd,sEAAuC;AACvC,uEAA+C;AAE/C,0BAAmF;AACnF,sDAAyD;AACzD,yCAA6E;AAE7E,qCAA6D;AAC7D,yCAAoC;AAEpC,mDAA+C;AA0BxC,MAAM,kBAAkB,GAA6B,CAAC,EAC3D,KAAK,EACL,QAAQ,EACR,WAAW,EACX,eAAe,GAAG,KAAK,EACvB,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACzB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE,CACH,eAAe,CAAC,CAAC,CAAC,CAChB,8BAAC,sBAAe,IAAC,GAAG,EAAE,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAA,yBAAS,EAAC,KAAK,CAAC,GAAI,CAC/E,CAAC,CAAC,CAAC,CACF,KAAK,CACN,EACH,CAAC,eAAe,EAAE,KAAK,CAAC,CACzB,CAAA;IACD,MAAM,aAAa,GAAG,IAAA,eAAO;IAC3B,yDAAyD;IACzD,GAAG,EAAE,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,6DAAK,CAAC,CAAC,CAAC,8BAAC,sBAAe,IAAC,GAAG,EAAC,gCAAO,GAAG,CAAC,EACjE,CAAC,eAAe,CAAC,CAClB,CAAA;IAED,OAAO,CACL,8BAAC,YAAQ;QACP,8BAAC,mBAAe,IAAC,SAAS,EAAE,GAAG,UAAU,CAAC,OAAO,GAAG,SAAS,IAAI,IAAI,SAAS,EAAE,EAAE;YAChF,8BAAC,aAAa,OACR,KAAK,EACT,MAAM,EAAE,aAAa,EACrB,IAAI,EAAE,WAAW,EACjB,MAAM,EAAE,eAAe,EACvB,SAAS,EAAE,UAAU,CAAC,OAAO,IAE5B,YAAY,CACC,CACA;QAClB,8BAAC,mBAAe;YACd,8BAAC,sBAAkB;gBACjB,8BAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,IACpD,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBACxC,iDAAiD;gBACjD,+BAA+B;gBAC/B,IAAI,CAAC,CAAC,CAAC,sCAAI,GAAG,EAAE,CAAC,IAAG,UAAU,CAAC,IAA4B,CAAC,CAAM,CAAC,CAAC,CAAC,IAAI,CAC1E,CACU,CACM,CACL,CACT,CACZ,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,kBAAkB,sBAoD9B;AAED,MAAM,aAAa,GAAG,IAAA,2BAAM,EAAC,eAAM,CAAC,CAAA;;;;CAInC,CAAA;AACD,MAAM,UAAU,GAAG,IAAA,2BAAM,EAAC,cAAK,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,EAAE,CAAC,CAAmB;IAC3E,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;;;qBAGb,KAAK,CAAC,GAAG,CAAC;;;;;;;;;uBASR,KAAK,CAAC,GAAG,CAAC;;;;;oBAKb,KAAK,CAAC,GAAG,CAAC;;4BAEF,KAAK,CAAC,CAAC,CAAC;;;;;;;GAOjC;CACF,CAAA;AACD,MAAM,UAAU,GAAG,CAAC,IAAkB,EAAE,EAAE,CAAC,eAAK,CAAC,YAAY,CAAC,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAA"}
@@ -72,7 +72,7 @@ const Item = styled_components_1.default.li `
72
72
  background-color: ${color.hoverColor(color.GREY_9)};
73
73
  }
74
74
 
75
- &:focus {
75
+ &:focus-visible {
76
76
  /* フォーカスリングを前に出したいので、スタッキングコンテキストを発生させている */
77
77
  position: relative;
78
78
  z-index: 1;
package/lib/index.d.ts CHANGED
@@ -9,7 +9,7 @@ export { InputFile } from './components/InputFile';
9
9
  export { Textarea } from './components/Textarea';
10
10
  export { TextLink } from './components/TextLink';
11
11
  export { Loader } from './components/Loader';
12
- export { ActionDialog, ActionDialogContent, ActionDialogWithTrigger, Dialog, DialogCloser, DialogContent, DialogTrigger, DialogWrapper, MessageDialog, MessageDialogContent, ModelessDialog, RemoteDialogTrigger, RemoteTriggerActionDialog, RemoteTriggerMessageDialog, } from './components/Dialog';
12
+ export { ActionDialog, ActionDialogContent, ActionDialogWithTrigger, FormDialog, FormDialogContent, Dialog, DialogCloser, DialogContent, DialogTrigger, DialogWrapper, MessageDialog, MessageDialogContent, ModelessDialog, RemoteDialogTrigger, RemoteTriggerActionDialog, RemoteTriggerFormDialog, RemoteTriggerMessageDialog, } from './components/Dialog';
13
13
  export { Pagination } from './components/Pagination';
14
14
  export { RadioButton } from './components/RadioButton';
15
15
  export { RadioButtonPanel } from './components/RadioButtonPanel';
package/lib/index.js CHANGED
@@ -14,9 +14,9 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
14
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
15
  };
16
16
  Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.TextButtonAnchor = exports.TextButton = exports.SkeletonButtonAnchor = exports.SkeletonButton = exports.DangerButtonAnchor = exports.DangerButton = exports.SecondaryButtonAnchor = exports.SecondaryButton = exports.PrimaryButtonAnchor = exports.PrimaryButton = exports.Button = exports.AnchorButton = exports.RadioButtonPanel = exports.RadioButton = exports.Pagination = exports.RemoteTriggerMessageDialog = exports.RemoteTriggerActionDialog = exports.RemoteDialogTrigger = exports.ModelessDialog = exports.MessageDialogContent = exports.MessageDialog = exports.DialogWrapper = exports.DialogTrigger = exports.DialogContent = exports.DialogCloser = exports.Dialog = exports.ActionDialogWithTrigger = exports.ActionDialogContent = exports.ActionDialog = exports.Loader = exports.TextLink = exports.Textarea = exports.InputFile = exports.SearchInput = exports.CurrencyInput = exports.Input = exports.FloatArea = exports.useFlashMessageList = exports.FlashMessageListProvider = exports.FlashMessage = exports.FieldSet = exports.DropdownMenuButton = exports.FilterDropdown = exports.DropdownScrollArea = exports.DropdownCloser = exports.DropdownContent = exports.DropdownTrigger = exports.Dropdown = exports.CheckBox = exports.Balloon = void 0;
18
- exports.HeaderLink = exports.Header = exports.AppLauncher = exports.NotificationBar = exports.LineClamp = exports.Text = exports.CompactInformationPanel = exports.SideNav = exports.SingleComboBox = exports.MultiComboBox = exports.BackgroundJobsList = exports.BackgroundJobsPanel = exports.FormGroup = exports.SegmentedControl = exports.DatePicker = exports.Calendar = exports.MessageScreen = exports.BottomFixedArea = exports.Tooltip = exports.RightFixedNote = exports.InformationPanel = exports.AccordionPanelTrigger = exports.AccordionPanelContent = exports.AccordionPanelItem = exports.AccordionPanel = exports.DefinitionList = exports.DropZone = exports.Select = exports.HeadlineArea = exports.Heading = exports.TabItem = exports.TabBar = exports.AppNavi = exports.EmptyTableBody = exports.BulkActionRow = exports.TdCheckbox = exports.ThCheckbox = exports.Td = exports.Th = exports.Body = exports.Cell = exports.Row = exports.Head = exports.TableReel = exports.Table = exports.SmartHRLogo = exports.DialogBase = exports.BaseColumn = exports.Base = exports.StatusLabel = void 0;
19
- exports.SequencePrefixIdProvider = exports.OTHER_CHART_COLOR = exports.CHART_COLORS = exports.FONT_FAMILY = exports.defaultBreakpoint = exports.defaultSpacing = exports.defaultLeading = exports.defaultFontSize = exports.defaultSize = exports.defaultRadius = exports.defaultBorder = exports.defaultFrame = exports.defaultInteraction = exports.defaultColor = exports.defaultPalette = exports.ThemeProvider = exports.createTheme = exports.useTheme = exports.Sidebar = exports.Stack = exports.Reel = exports.LineUp = exports.Cluster = exports.Center = exports.VisuallyHiddenText = exports.PageCounter = exports.HeaderDropdownMenuButton = void 0;
17
+ exports.SkeletonButton = exports.DangerButtonAnchor = exports.DangerButton = exports.SecondaryButtonAnchor = exports.SecondaryButton = exports.PrimaryButtonAnchor = exports.PrimaryButton = exports.Button = exports.AnchorButton = exports.RadioButtonPanel = exports.RadioButton = exports.Pagination = exports.RemoteTriggerMessageDialog = exports.RemoteTriggerFormDialog = exports.RemoteTriggerActionDialog = exports.RemoteDialogTrigger = exports.ModelessDialog = exports.MessageDialogContent = exports.MessageDialog = exports.DialogWrapper = exports.DialogTrigger = exports.DialogContent = exports.DialogCloser = exports.Dialog = exports.FormDialogContent = exports.FormDialog = exports.ActionDialogWithTrigger = exports.ActionDialogContent = exports.ActionDialog = exports.Loader = exports.TextLink = exports.Textarea = exports.InputFile = exports.SearchInput = exports.CurrencyInput = exports.Input = exports.FloatArea = exports.useFlashMessageList = exports.FlashMessageListProvider = exports.FlashMessage = exports.FieldSet = exports.DropdownMenuButton = exports.FilterDropdown = exports.DropdownScrollArea = exports.DropdownCloser = exports.DropdownContent = exports.DropdownTrigger = exports.Dropdown = exports.CheckBox = exports.Balloon = void 0;
18
+ exports.NotificationBar = exports.LineClamp = exports.Text = exports.CompactInformationPanel = exports.SideNav = exports.SingleComboBox = exports.MultiComboBox = exports.BackgroundJobsList = exports.BackgroundJobsPanel = exports.FormGroup = exports.SegmentedControl = exports.DatePicker = exports.Calendar = exports.MessageScreen = exports.BottomFixedArea = exports.Tooltip = exports.RightFixedNote = exports.InformationPanel = exports.AccordionPanelTrigger = exports.AccordionPanelContent = exports.AccordionPanelItem = exports.AccordionPanel = exports.DefinitionList = exports.DropZone = exports.Select = exports.HeadlineArea = exports.Heading = exports.TabItem = exports.TabBar = exports.AppNavi = exports.EmptyTableBody = exports.BulkActionRow = exports.TdCheckbox = exports.ThCheckbox = exports.Td = exports.Th = exports.Body = exports.Cell = exports.Row = exports.Head = exports.TableReel = exports.Table = exports.SmartHRLogo = exports.DialogBase = exports.BaseColumn = exports.Base = exports.StatusLabel = exports.TextButtonAnchor = exports.TextButton = exports.SkeletonButtonAnchor = void 0;
19
+ exports.SequencePrefixIdProvider = exports.OTHER_CHART_COLOR = exports.CHART_COLORS = exports.FONT_FAMILY = exports.defaultBreakpoint = exports.defaultSpacing = exports.defaultLeading = exports.defaultFontSize = exports.defaultSize = exports.defaultRadius = exports.defaultBorder = exports.defaultFrame = exports.defaultInteraction = exports.defaultColor = exports.defaultPalette = exports.ThemeProvider = exports.createTheme = exports.useTheme = exports.Sidebar = exports.Stack = exports.Reel = exports.LineUp = exports.Cluster = exports.Center = exports.VisuallyHiddenText = exports.PageCounter = exports.HeaderDropdownMenuButton = exports.HeaderLink = exports.Header = exports.AppLauncher = void 0;
20
20
  // components
21
21
  var Balloon_1 = require("./components/Balloon");
22
22
  Object.defineProperty(exports, "Balloon", { enumerable: true, get: function () { return Balloon_1.Balloon; } });
@@ -54,6 +54,8 @@ var Dialog_1 = require("./components/Dialog");
54
54
  Object.defineProperty(exports, "ActionDialog", { enumerable: true, get: function () { return Dialog_1.ActionDialog; } });
55
55
  Object.defineProperty(exports, "ActionDialogContent", { enumerable: true, get: function () { return Dialog_1.ActionDialogContent; } });
56
56
  Object.defineProperty(exports, "ActionDialogWithTrigger", { enumerable: true, get: function () { return Dialog_1.ActionDialogWithTrigger; } });
57
+ Object.defineProperty(exports, "FormDialog", { enumerable: true, get: function () { return Dialog_1.FormDialog; } });
58
+ Object.defineProperty(exports, "FormDialogContent", { enumerable: true, get: function () { return Dialog_1.FormDialogContent; } });
57
59
  Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return Dialog_1.Dialog; } });
58
60
  Object.defineProperty(exports, "DialogCloser", { enumerable: true, get: function () { return Dialog_1.DialogCloser; } });
59
61
  Object.defineProperty(exports, "DialogContent", { enumerable: true, get: function () { return Dialog_1.DialogContent; } });
@@ -64,6 +66,7 @@ Object.defineProperty(exports, "MessageDialogContent", { enumerable: true, get:
64
66
  Object.defineProperty(exports, "ModelessDialog", { enumerable: true, get: function () { return Dialog_1.ModelessDialog; } });
65
67
  Object.defineProperty(exports, "RemoteDialogTrigger", { enumerable: true, get: function () { return Dialog_1.RemoteDialogTrigger; } });
66
68
  Object.defineProperty(exports, "RemoteTriggerActionDialog", { enumerable: true, get: function () { return Dialog_1.RemoteTriggerActionDialog; } });
69
+ Object.defineProperty(exports, "RemoteTriggerFormDialog", { enumerable: true, get: function () { return Dialog_1.RemoteTriggerFormDialog; } });
67
70
  Object.defineProperty(exports, "RemoteTriggerMessageDialog", { enumerable: true, get: function () { return Dialog_1.RemoteTriggerMessageDialog; } });
68
71
  var Pagination_1 = require("./components/Pagination");
69
72
  Object.defineProperty(exports, "Pagination", { enumerable: true, get: function () { return Pagination_1.Pagination; } });
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "smarthr-ui",
3
3
  "description": "SmartHR ui components built with React.",
4
- "version": "30.8.0",
4
+ "version": "30.9.0",
5
5
  "author": "SmartHR-UI Team",
6
6
  "dependencies": {
7
7
  "@smarthr/wareki": "^1.2.0",
@@ -16,30 +16,30 @@
16
16
  },
17
17
  "devDependencies": {
18
18
  "@babel/core": "^7.21.8",
19
- "@babel/preset-env": "^7.21.4",
19
+ "@babel/preset-env": "^7.21.5",
20
20
  "@babel/preset-react": "^7.18.6",
21
- "@babel/preset-typescript": "^7.21.4",
21
+ "@babel/preset-typescript": "^7.21.5",
22
22
  "@commitlint/cli": "^17.6.3",
23
23
  "@commitlint/config-conventional": "^17.6.3",
24
- "@storybook/addon-a11y": "^7.0.7",
25
- "@storybook/addon-essentials": "^7.0.7",
26
- "@storybook/addon-interactions": "^7.0.7",
27
- "@storybook/addon-storysource": "^7.0.7",
28
- "@storybook/addons": "^7.0.7",
29
- "@storybook/cli": "^7.0.7",
24
+ "@storybook/addon-a11y": "^7.0.11",
25
+ "@storybook/addon-essentials": "^7.0.11",
26
+ "@storybook/addon-interactions": "^7.0.11",
27
+ "@storybook/addon-storysource": "^7.0.11",
28
+ "@storybook/addons": "^7.0.11",
29
+ "@storybook/cli": "^7.0.11",
30
30
  "@storybook/jest": "^0.1.0",
31
- "@storybook/react": "^7.0.7",
32
- "@storybook/react-webpack5": "^7.0.7",
31
+ "@storybook/react": "^7.0.11",
32
+ "@storybook/react-webpack5": "^7.0.11",
33
33
  "@storybook/test-runner": "^0.10.0",
34
34
  "@storybook/testing-library": "^0.1.0",
35
- "@storybook/theming": "^7.0.7",
36
- "@swc/core": "^1.3.56",
35
+ "@storybook/theming": "^7.0.11",
36
+ "@swc/core": "^1.3.58",
37
37
  "@swc/jest": "^0.2.26",
38
38
  "@testing-library/react-hooks": "^8.0.1",
39
39
  "@types/jest": "^29.5.1",
40
40
  "@types/lodash.merge": "^4.6.7",
41
41
  "@types/lodash.range": "^3.2.7",
42
- "@types/node": "^14.18.46",
42
+ "@types/node": "^14.18.47",
43
43
  "@types/react": "^18.2.6",
44
44
  "@types/react-dom": "^18.2.4",
45
45
  "@types/react-test-renderer": "^17.0.2",
@@ -47,15 +47,15 @@
47
47
  "@types/styled-components": "^5.1.26",
48
48
  "axe-playwright": "^1.2.3",
49
49
  "babel-loader": "^9.1.2",
50
- "babel-plugin-polyfill-corejs2": "^0.3.3",
51
- "babel-plugin-polyfill-regenerator": "^0.4.1",
50
+ "babel-plugin-polyfill-corejs2": "^0.4.1",
51
+ "babel-plugin-polyfill-regenerator": "^0.5.0",
52
52
  "chromatic": "^6.17.4",
53
53
  "ecma-version-validator-webpack-plugin": "^1.2.1",
54
54
  "eslint": "^8.40.0",
55
- "eslint-config-smarthr": "^6.8.3",
56
- "eslint-plugin-storybook": "^0.6.11",
55
+ "eslint-config-smarthr": "^6.8.5",
56
+ "eslint-plugin-storybook": "^0.6.12",
57
57
  "fs-extra": "^11.1.1",
58
- "glob": "^10.2.2",
58
+ "glob": "^10.2.4",
59
59
  "http-server": "^14.1.1",
60
60
  "husky": "^8.0.3",
61
61
  "jest": "^29.5.0",
@@ -68,28 +68,28 @@
68
68
  "postcss-syntax": "^0.36.2",
69
69
  "prettier": "^2.8.8",
70
70
  "prettier-config-smarthr": "^1.0.0",
71
- "puppeteer": "^20.1.2",
71
+ "puppeteer": "^20.2.0",
72
72
  "react": "^18.2.0",
73
73
  "react-dom": "^18.2.0",
74
74
  "react-test-renderer": "^18.2.0",
75
75
  "smarthr-normalize-css": "^1.1.0",
76
76
  "standard-version": "^9.3.2",
77
- "storybook": "^7.0.7",
77
+ "storybook": "^7.0.11",
78
78
  "styled-components": "^5.3.10",
79
- "styled-reset": "^4.4.6",
79
+ "styled-reset": "^4.4.7",
80
80
  "stylelint": "^15.6.1",
81
81
  "stylelint-config-prettier": "^9.0.5",
82
82
  "stylelint-config-smarthr": "^1.1.0",
83
- "stylelint-config-standard": "^31.0.0",
83
+ "stylelint-config-standard": "^33.0.0",
84
84
  "stylelint-config-styled-components": "^0.1.1",
85
- "testcafe": "v2.5.1-rc.1",
85
+ "testcafe": "2.6.0",
86
86
  "ts-loader": "^9.4.2",
87
87
  "ts-node": "^10.9.1",
88
88
  "ttypescript": "^1.5.15",
89
89
  "typescript": "^5.0.4",
90
90
  "typescript-plugin-styled-components": "^2.0.0",
91
91
  "wait-on": "^7.0.1",
92
- "webpack": "^5.82.0"
92
+ "webpack": "^5.82.1"
93
93
  },
94
94
  "peerDependencies": {
95
95
  "react": "16.13.0 || ^17.0.1 || ^18.0.0",