smarthr-ui 34.0.0 → 34.1.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.
- package/esm/components/AccordionPanel/AccordionPanelContent.js +1 -1
- package/esm/components/AccordionPanel/AccordionPanelContent.js.map +1 -1
- package/esm/components/AccordionPanel/AccordionPanelItem.js +2 -1
- package/esm/components/AccordionPanel/AccordionPanelItem.js.map +1 -1
- package/esm/components/CheckBox/CheckBoxInput.js +2 -2
- package/esm/components/CheckBox/CheckBoxInput.js.map +1 -1
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.d.ts +1 -1
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.js +20 -13
- package/esm/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
- package/esm/components/Header/AppLauncher/AppLauncher.js +11 -8
- package/esm/components/Header/AppLauncher/AppLauncher.js.map +1 -1
- package/esm/components/Heading/Heading.d.ts +2 -0
- package/esm/components/Heading/Heading.js +12 -6
- package/esm/components/Heading/Heading.js.map +1 -1
- package/esm/components/InformationPanel/InformationPanel.d.ts +3 -1
- package/esm/components/InformationPanel/InformationPanel.js +15 -11
- package/esm/components/InformationPanel/InformationPanel.js.map +1 -1
- package/esm/components/RightFixedNote/RightFixedNote.js +12 -8
- package/esm/components/RightFixedNote/RightFixedNote.js.map +1 -1
- package/esm/components/SectioningContent/SectioningContent.d.ts +5 -3
- package/esm/components/SectioningContent/SectioningContent.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanelContent.js +1 -1
- package/lib/components/AccordionPanel/AccordionPanelContent.js.map +1 -1
- package/lib/components/AccordionPanel/AccordionPanelItem.js +2 -1
- package/lib/components/AccordionPanel/AccordionPanelItem.js.map +1 -1
- package/lib/components/CheckBox/CheckBoxInput.js +2 -2
- package/lib/components/CheckBox/CheckBoxInput.js.map +1 -1
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.d.ts +1 -1
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.js +20 -13
- package/lib/components/Dialog/FormDialog/FormDialogContentInner.js.map +1 -1
- package/lib/components/Header/AppLauncher/AppLauncher.js +11 -8
- package/lib/components/Header/AppLauncher/AppLauncher.js.map +1 -1
- package/lib/components/Heading/Heading.d.ts +2 -0
- package/lib/components/Heading/Heading.js +12 -6
- package/lib/components/Heading/Heading.js.map +1 -1
- package/lib/components/InformationPanel/InformationPanel.d.ts +3 -1
- package/lib/components/InformationPanel/InformationPanel.js +15 -11
- package/lib/components/InformationPanel/InformationPanel.js.map +1 -1
- package/lib/components/RightFixedNote/RightFixedNote.js +12 -8
- package/lib/components/RightFixedNote/RightFixedNote.js.map +1 -1
- package/lib/components/SectioningContent/SectioningContent.d.ts +5 -3
- package/lib/components/SectioningContent/SectioningContent.js.map +1 -1
- package/package.json +27 -27
|
@@ -27,7 +27,7 @@ export const AccordionPanelContent = ({ children, className = '', ...props }) =>
|
|
|
27
27
|
return (React.createElement(Transition, { in: isInclude, onEntering: recalculateHeight, onEntered: handleEntered, onExit: recalculateHeight, onExiting: recalculateHeight, onExited: handleExited, timeout: duration }, (status) => (React.createElement(CollapseContainer, { ...props, id: `${name}-content`, className: `${status} ${className} ${classNames.content}`, "aria-labelledby": `${name}-trigger`, "aria-hidden": !isInclude },
|
|
28
28
|
React.createElement("div", { ref: wrapperRef }, children)))));
|
|
29
29
|
};
|
|
30
|
-
const CollapseContainer = styled.
|
|
30
|
+
const CollapseContainer = styled.div `
|
|
31
31
|
height: 0;
|
|
32
32
|
overflow: hidden;
|
|
33
33
|
transition: height ${duration}ms ease;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAU/C,MAAM,QAAQ,GAAG,GAAG,CAAA;AAEpB,MAAM,CAAC,MAAM,qBAAqB,GAA8B,CAAC,EAC/D,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,IAAiB,EAAE,EAAE;QACpB,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC9E,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,aAAa,IAAI,CAAA;IAC1C,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,IAAiB,EAAE,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAA;IACnC,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,IAAiB,EAAE,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAA;QACzB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,SAAS,EACb,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,QAAQ,IAEhB,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,oBAAC,iBAAiB,OACZ,KAAK,EACT,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,SAAS,EAAE,GAAG,MAAM,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,qBACxC,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS;QAEvB,6BAAK,GAAG,EAAE,UAAU,IAAG,QAAQ,CAAO,CACpB,CACrB,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,WAAW,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAA;AACnD,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE7C,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAU/C,MAAM,QAAQ,GAAG,GAAG,CAAA;AAEpB,MAAM,CAAC,MAAM,qBAAqB,GAA8B,CAAC,EAC/D,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,GAAG,UAAU,CAAC,yBAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,IAAiB,EAAE,EAAE;QACpB,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC9E,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,aAAa,IAAI,CAAA;IAC1C,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,IAAiB,EAAE,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAA;IACnC,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,IAAiB,EAAE,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAA;QACzB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,UAAU,IACT,EAAE,EAAE,SAAS,EACb,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,QAAQ,IAEhB,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,oBAAC,iBAAiB,OACZ,KAAK,EACT,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,SAAS,EAAE,GAAG,MAAM,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,qBACxC,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS;QAEvB,6BAAK,GAAG,EAAE,UAAU,IAAG,QAAQ,CAAO,CACpB,CACrB,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAED,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;uBAGb,QAAQ;;;;;;;;CAQ9B,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React, { createContext } from 'react';
|
|
2
|
+
import { Section } from '../SectioningContent';
|
|
2
3
|
import { useClassNames } from './useClassNames';
|
|
3
4
|
export const AccordionPanelItemContext = createContext({
|
|
4
5
|
name: '',
|
|
@@ -8,6 +9,6 @@ export const AccordionPanelItem = ({ name, children, className = '', ...props })
|
|
|
8
9
|
return (React.createElement(AccordionPanelItemContext.Provider, { value: {
|
|
9
10
|
name,
|
|
10
11
|
} },
|
|
11
|
-
React.createElement(
|
|
12
|
+
React.createElement(Section, { ...props, className: `${className} ${classNames.item}` }, children)));
|
|
12
13
|
};
|
|
13
14
|
//# sourceMappingURL=AccordionPanelItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,aAAa,EAAE,MAAM,OAAO,CAAA;AAEjE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAY/C,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA8B,CAAC,EAC5D,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI;SACL;QAED,
|
|
1
|
+
{"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,aAAa,EAAE,MAAM,OAAO,CAAA;AAEjE,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAE9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAY/C,MAAM,CAAC,MAAM,yBAAyB,GAAG,aAAa,CAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAA8B,CAAC,EAC5D,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,OAAO,CACL,oBAAC,yBAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI;SACL;QAED,oBAAC,OAAO,OAAK,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,IAAI,EAAE,IAC7D,QAAQ,CACD,CACyB,CACtC,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -17,9 +17,9 @@ export const CheckBoxInput = forwardRef(({ mixed = false, onChange, ...props },
|
|
|
17
17
|
useImperativeHandle(ref, () => inputRef.current);
|
|
18
18
|
useEffect(() => {
|
|
19
19
|
if (inputRef.current) {
|
|
20
|
-
inputRef.current.indeterminate = mixed;
|
|
20
|
+
inputRef.current.indeterminate = !!(checked && mixed);
|
|
21
21
|
}
|
|
22
|
-
}, [mixed]);
|
|
22
|
+
}, [checked, mixed]);
|
|
23
23
|
return (React.createElement(Wrapper, { themes: theme },
|
|
24
24
|
React.createElement(Input, { ...props, type: "checkbox", onChange: handleChange, className: classNames.checkBox, themes: theme, ref: inputRef, "aria-invalid": props.error || undefined }),
|
|
25
25
|
React.createElement(Box, { className: boxClassName, themes: theme, error: props.error }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9F,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAS/C,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACnC,MAAM,YAAY,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;IAC/E,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAsC,EAAE,EAAE;QACzC,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC3B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IACD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CACvB,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,CAAC,aAAa,GAAG,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AACzC,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,WAAW,EAAE,SAAS,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC9F,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAS/C,MAAM,CAAC,MAAM,aAAa,GAAG,UAAU,CACrC,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7C,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACnC,MAAM,YAAY,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;IAC/E,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAsC,EAAE,EAAE;QACzC,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC3B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IACD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC,CAAA;IAC/C,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CACvB,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,CAAC,OAAO,IAAI,KAAK,CAAC,CAAA;SACtD;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IAEpB,OAAO,CACL,oBAAC,OAAO,IAAC,MAAM,EAAE,KAAK;QAEpB,oBAAC,KAAK,OACA,KAAK,EACT,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,UAAU,CAAC,QAAQ,EAC9B,MAAM,EAAE,KAAK,EACb,GAAG,EAAE,QAAQ,kBACC,KAAK,CAAC,KAAK,IAAI,SAAS,GACtC;QACF,oBAAC,GAAG,IAAC,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,GAAI;QACnE,oBAAC,QAAQ,IAAC,MAAM,EAAE,KAAK,IACpB,KAAK,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,KAAK,EAAC,YAAY,GAAG,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,KAAK,EAAC,YAAY,GAAG,CACvE,CACH,CACX,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAmB;IAC1C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAA;IAE3B,OAAO,GAAG,CAAA;;;eAGC,QAAQ,CAAC,CAAC;gBACT,QAAQ,CAAC,CAAC;;;;KAIrB,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAoC;IACvD,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;IACtB,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAChC,OAAO,GAAG,CAAA;;;;;gBAKE,MAAM,CAAC,SAAS;0BACN,KAAK,CAAC,KAAK;;;;;;oBAMjB,MAAM,CAAC,YAAY;;;;;;;wBAOf,KAAK,CAAC,IAAI;4BACN,KAAK,CAAC,IAAI;;;sBAGhB,MAAM,CAAC,YAAY;;;;;;;4BAOb,KAAK,CAAC,MAAM;wBAChB,KAAK,CAAC,MAAM;;;QAG5B,KAAK;QACP,GAAG,CAAA;wBACe,KAAK,CAAC,MAAM;OAC7B;KACF,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAmB;IACzC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAChC,OAAO,GAAG,CAAA;;;;;;;;;;;;;gCAakB,cAAc,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC;;;UAGtD,MAAM,CAAC,oBAAoB;;KAEhC,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,QAAQ,GAAG,MAAM,CAAC,IAAI,CAAmB;IAC3C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAA;IAE3B,OAAO,GAAG,CAAA;;;;;eAKC,QAAQ,CAAC,GAAG;gBACX,QAAQ,CAAC,GAAG;mBACT,QAAQ,CAAC,GAAG;;;;;;;;;;;KAW1B,CAAA;AACH,CAAC;CACF,CAAA"}
|
|
@@ -15,7 +15,7 @@ export type BaseProps = {
|
|
|
15
15
|
*/
|
|
16
16
|
subtitle?: ReactNode;
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* @deprecated SectioningContent(Article, Aside, Nav, Section, SectioningFragment)でDialog全体をラップして、ダイアログタイトルのHeadingレベルを設定してください
|
|
19
19
|
*/
|
|
20
20
|
titleTag?: HeadingTagTypes;
|
|
21
21
|
/**
|
|
@@ -2,13 +2,15 @@ import React, { useCallback } from 'react';
|
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
import { useTheme } from '../../../hooks/useTheme';
|
|
4
4
|
import { Button } from '../../Button';
|
|
5
|
+
import { Heading } from '../../Heading';
|
|
5
6
|
import { Cluster, Stack } from '../../Layout';
|
|
6
7
|
import { ResponseMessage } from '../../ResponseMessage';
|
|
8
|
+
import { Section } from '../../SectioningContent';
|
|
7
9
|
import { Text } from '../../Text';
|
|
8
10
|
import { useOffsetHeight } from '../dialogHelper';
|
|
9
11
|
import { useClassNames } from '../useClassNames';
|
|
10
12
|
const CLOSE_BUTTON_LABEL = 'キャンセル';
|
|
11
|
-
export const FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag
|
|
13
|
+
export const FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag, actionText, actionTheme = 'primary', onSubmit, onClickClose, responseMessage, actionDisabled = false, closeDisabled, decorators, }) => {
|
|
12
14
|
const classNames = useClassNames().dialog;
|
|
13
15
|
const theme = useTheme();
|
|
14
16
|
const handleSubmitAction = useCallback(() => {
|
|
@@ -16,19 +18,24 @@ export const FormDialogContentInner = ({ children, title, titleId, subtitle, tit
|
|
|
16
18
|
}, [onSubmit, onClickClose]);
|
|
17
19
|
const { offsetHeight, titleRef, bottomRef } = useOffsetHeight();
|
|
18
20
|
const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
|
|
19
|
-
return (React.createElement(
|
|
20
|
-
React.createElement(
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
React.createElement(
|
|
26
|
-
|
|
27
|
-
React.createElement(
|
|
28
|
-
|
|
29
|
-
|
|
21
|
+
return (React.createElement(Section, null,
|
|
22
|
+
React.createElement("form", { onSubmit: handleSubmitAction },
|
|
23
|
+
React.createElement(Heading, { tag: titleTag },
|
|
24
|
+
React.createElement(TitleArea, { themes: theme, ref: titleRef, className: classNames.titleArea },
|
|
25
|
+
subtitle && (React.createElement(Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
|
|
26
|
+
React.createElement(Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title))),
|
|
27
|
+
React.createElement(Body, { offsetHeight: offsetHeight, className: classNames.body }, children),
|
|
28
|
+
React.createElement(ActionArea, { themes: theme, ref: bottomRef, className: classNames.actionArea },
|
|
29
|
+
React.createElement(ButtonArea, { className: classNames.buttonArea },
|
|
30
|
+
React.createElement(Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: classNames.closeButton }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
|
|
31
|
+
React.createElement(Button, { type: "submit", variant: actionTheme, disabled: actionDisabled, loading: isRequestProcessing, className: classNames.actionButton }, actionText)),
|
|
32
|
+
(responseMessage?.status === 'success' || responseMessage?.status === 'error') && (React.createElement(Message, null,
|
|
33
|
+
React.createElement(ResponseMessage, { type: responseMessage.status, role: "alert" }, responseMessage.text)))))));
|
|
30
34
|
};
|
|
31
|
-
const TitleArea = styled(Stack)
|
|
35
|
+
const TitleArea = styled(Stack).attrs(() => ({
|
|
36
|
+
gap: 0.25,
|
|
37
|
+
as: 'span',
|
|
38
|
+
})) `
|
|
32
39
|
${({ themes: { border, space } }) => css `
|
|
33
40
|
margin-block: unset;
|
|
34
41
|
border-bottom: ${border.shorthand};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,WAAW,EAAE,MAAM,OAAO,CAAA;AACzD,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;
|
|
1
|
+
{"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -6,6 +6,7 @@ import { Dropdown, DropdownContent, DropdownScrollArea, DropdownTrigger } from '
|
|
|
6
6
|
import { Heading } from '../../Heading';
|
|
7
7
|
import { FaToolboxIcon } from '../../Icon';
|
|
8
8
|
import { Cluster, Stack } from '../../Layout';
|
|
9
|
+
import { Section } from '../../SectioningContent';
|
|
9
10
|
import { TextLink } from '../../TextLink';
|
|
10
11
|
import { useClassNames } from './useClassNames';
|
|
11
12
|
const TRIGGER_LABEL = 'アプリ';
|
|
@@ -22,14 +23,16 @@ export const AppLauncher = ({ apps, urlToShowAll, decorators, ...props }) => {
|
|
|
22
23
|
React.createElement(Wrapper, { themes: theme, className: classNames.wrapper },
|
|
23
24
|
React.createElement(DropdownScrollArea, null,
|
|
24
25
|
React.createElement(Stack, { gap: 1.5 },
|
|
25
|
-
baseApps && (React.createElement(
|
|
26
|
-
React.createElement(
|
|
27
|
-
|
|
28
|
-
React.createElement(
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
React.createElement(
|
|
32
|
-
React.createElement(
|
|
26
|
+
baseApps && (React.createElement(Section, null,
|
|
27
|
+
React.createElement(Stack, { gap: 0.5, className: classNames.category },
|
|
28
|
+
React.createElement(Heading, { type: "subSubBlockTitle" }, baseApps.heading),
|
|
29
|
+
React.createElement(Cluster, { as: "ul", gap: 1 }, baseApps.items.map((item, index) => (React.createElement("li", { key: index },
|
|
30
|
+
React.createElement(TextLink, { href: item.url, target: item.target, className: classNames.link }, item.label)))))))),
|
|
31
|
+
React.createElement(Cluster, { gap: 1.5 }, others.map(({ heading, items }, i) => (React.createElement(Section, { key: i },
|
|
32
|
+
React.createElement(Stack, { gap: 0.5, className: classNames.category, recursive: true },
|
|
33
|
+
React.createElement(Heading, { type: "subSubBlockTitle" }, heading),
|
|
34
|
+
React.createElement("ul", null, items.map((item, index) => (React.createElement("li", { key: index },
|
|
35
|
+
React.createElement(TextLink, { href: item.url, target: item.target, className: classNames.link }, item.label)))))))))))),
|
|
33
36
|
urlToShowAll && (React.createElement(Footer, { themes: theme, className: classNames.footer },
|
|
34
37
|
React.createElement(TextLink, { href: urlToShowAll, style: { width: 'fit-content' } }, "\u3059\u3079\u3066\u898B\u308B")))))));
|
|
35
38
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppLauncher.js","sourceRoot":"","sources":["../../../../src/components/Header/AppLauncher/AppLauncher.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,OAAO,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAC/F,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAqB/C,MAAM,aAAa,GAAG,KAAK,CAAA;AAE3B,MAAM,CAAC,MAAM,WAAW,GAAmC,CAAC,EAC1D,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,CAAC,aAAa,CAAC,IAAI,aAAa,EAChE,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,KAAK,MAAM,CAAC,CAAA;IACzD,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAA;IAE/D,OAAO,CACL,oBAAC,QAAQ,OAAK,KAAK;QACjB,oBAAC,eAAe;YACd,oBAAC,UAAU,IAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,oBAAC,aAAa,OAAG,IACjD,YAAY,CACF,CACG;QAClB,oBAAC,eAAe,IAAC,YAAY;YAC3B,oBAAC,OAAO,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO;gBACnD,oBAAC,kBAAkB;oBACjB,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG;wBACZ,QAAQ,IAAI,CACX,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ;
|
|
1
|
+
{"version":3,"file":"AppLauncher.js","sourceRoot":"","sources":["../../../../src/components/Header/AppLauncher/AppLauncher.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,OAAO,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAC/F,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAqB/C,MAAM,aAAa,GAAG,KAAK,CAAA;AAE3B,MAAM,CAAC,MAAM,WAAW,GAAmC,CAAC,EAC1D,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,MAAM,YAAY,GAAG,OAAO,CAC1B,GAAG,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,CAAC,aAAa,CAAC,IAAI,aAAa,EAChE,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,KAAK,MAAM,CAAC,CAAA;IACzD,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAA;IAE/D,OAAO,CACL,oBAAC,QAAQ,OAAK,KAAK;QACjB,oBAAC,eAAe;YACd,oBAAC,UAAU,IAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,oBAAC,aAAa,OAAG,IACjD,YAAY,CACF,CACG;QAClB,oBAAC,eAAe,IAAC,YAAY;YAC3B,oBAAC,OAAO,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO;gBACnD,oBAAC,kBAAkB;oBACjB,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG;wBACZ,QAAQ,IAAI,CACX,oBAAC,OAAO;4BACN,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ;gCAC7C,oBAAC,OAAO,IAAC,IAAI,EAAC,kBAAkB,IAAE,QAAQ,CAAC,OAAO,CAAW;gCAC7D,oBAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,GAAG,EAAE,CAAC,IACpB,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACnC,4BAAI,GAAG,EAAE,KAAK;oCACZ,oBAAC,QAAQ,IACP,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,SAAS,EAAE,UAAU,CAAC,IAAI,IAEzB,IAAI,CAAC,KAAK,CACF,CACR,CACN,CAAC,CACM,CACJ,CACA,CACX;wBACD,oBAAC,OAAO,IAAC,GAAG,EAAE,GAAG,IACd,MAAM,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,CAAC,CACrC,oBAAC,OAAO,IAAC,GAAG,EAAE,CAAC;4BACb,oBAAC,KAAK,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,EAAE,SAAS;gCACxD,oBAAC,OAAO,IAAC,IAAI,EAAC,kBAAkB,IAAE,OAAO,CAAW;gCACpD,gCACG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1B,4BAAI,GAAG,EAAE,KAAK;oCACZ,oBAAC,QAAQ,IACP,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,MAAM,EAAE,IAAI,CAAC,MAAM,EACnB,SAAS,EAAE,UAAU,CAAC,IAAI,IAEzB,IAAI,CAAC,KAAK,CACF,CACR,CACN,CAAC,CACC,CACC,CACA,CACX,CAAC,CACM,CACJ,CACW;gBAEpB,YAAY,IAAI,CACf,oBAAC,MAAM,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,MAAM;oBACjD,oBAAC,QAAQ,IAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,qCAElD,CACJ,CACV,CACO,CACM,CACT,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,CAAmB;IAChD,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;sBAGnB,KAAK,CAAC,IAAI,CAAC;aACpB,KAAK,CAAC,UAAU;;;;;;;;GAQ1B;CACF,CAAA;AACD,MAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,CAAmB;IAC3E,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;eAC5B,KAAK,CAAC,GAAG,CAAC;mBACN,OAAO,CAAC,MAAM;GAC9B;CACF,CAAA;AACD,MAAM,MAAM,GAAG,MAAM,CAAC,KAAK,CAAC,CAAmB;IAC3C,CAAC,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;0BAEhB,KAAK,CAAC,CAAC,IAAI,CAAC;;qBAEjB,KAAK,CAAC,CAAC,IAAI,CAAC;kBACf,MAAM,CAAC,SAAS;2BACP,KAAK,CAAC,CAAC,CAAC;sBACb,KAAK,CAAC,IAAI,CAAC;GAC9B;CACF,CAAA"}
|
|
@@ -11,6 +11,8 @@ export type Props = {
|
|
|
11
11
|
tag?: HeadingTagTypes;
|
|
12
12
|
/** コンポーネントに適用するクラス名 */
|
|
13
13
|
className?: string;
|
|
14
|
+
/** 視覚的に非表示にするフラグ */
|
|
15
|
+
visuallyHidden?: boolean;
|
|
14
16
|
};
|
|
15
17
|
export type HeadingTypes = 'screenTitle' | 'sectionTitle' | 'blockTitle' | 'subBlockTitle' | 'subSubBlockTitle';
|
|
16
18
|
export type HeadingTagTypes = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'legend';
|
|
@@ -2,9 +2,9 @@ import React, { useContext, useMemo } from 'react';
|
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
import { LevelContext } from '../SectioningContent';
|
|
4
4
|
import { Text } from '../Text';
|
|
5
|
+
import { VisuallyHiddenText } from '../VisuallyHiddenText';
|
|
5
6
|
import { useClassNames } from './useClassNames';
|
|
6
|
-
const generateTagProps = (level, tag) => {
|
|
7
|
-
const forwardedAs = tag || (level <= 6 ? `h${level}` : 'span');
|
|
7
|
+
const generateTagProps = (level, tag, visuallyHidden) => {
|
|
8
8
|
let role = undefined;
|
|
9
9
|
let ariaLevel = undefined;
|
|
10
10
|
if (level > 6) {
|
|
@@ -12,7 +12,7 @@ const generateTagProps = (level, tag) => {
|
|
|
12
12
|
ariaLevel = level;
|
|
13
13
|
}
|
|
14
14
|
return {
|
|
15
|
-
forwardedAs,
|
|
15
|
+
[visuallyHidden ? 'as' : 'forwardedAs']: tag || (level <= 6 ? `h${level}` : 'span'),
|
|
16
16
|
role,
|
|
17
17
|
'aria-level': ariaLevel,
|
|
18
18
|
};
|
|
@@ -41,11 +41,17 @@ const MAPPER_SIZE_AND_WEIGHT = {
|
|
|
41
41
|
color: 'TEXT_GREY',
|
|
42
42
|
},
|
|
43
43
|
};
|
|
44
|
-
export const Heading = ({ tag, type = 'screenTitle', className = '', ...props }) => {
|
|
44
|
+
export const Heading = ({ tag, type = 'screenTitle', className = '', visuallyHidden, ...props }) => {
|
|
45
45
|
const classNames = useClassNames();
|
|
46
46
|
const level = useContext(LevelContext);
|
|
47
|
-
const tagProps = useMemo(() => generateTagProps(level, tag), [level, tag]);
|
|
48
|
-
|
|
47
|
+
const tagProps = useMemo(() => generateTagProps(level, tag, visuallyHidden), [level, tag, visuallyHidden]);
|
|
48
|
+
const actualProps = {
|
|
49
|
+
...props,
|
|
50
|
+
...MAPPER_SIZE_AND_WEIGHT[type],
|
|
51
|
+
...tagProps,
|
|
52
|
+
className: `${type} ${className} ${classNames.wrapper}`,
|
|
53
|
+
};
|
|
54
|
+
return visuallyHidden ? (React.createElement(VisuallyHiddenText, { ...actualProps })) : (React.createElement(ResetText, { ...actualProps, leading: "TIGHT" }));
|
|
49
55
|
};
|
|
50
56
|
const ResetText = styled(Text) `
|
|
51
57
|
margin: unset;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkC,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAClF,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkC,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAClF,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA+B/C,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,GAAqB,EAAE,cAAwB,EAAE,EAAE;IAC1F,IAAI,IAAI,GAAG,SAAS,CAAA;IACpB,IAAI,SAAS,GAAG,SAAS,CAAA;IAEzB,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,IAAI,GAAG,SAAS,CAAA;QAChB,SAAS,GAAG,KAAK,CAAA;KAClB;IAED,OAAO;QACL,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,EACrC,GAAG,IAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAqB;QACjE,IAAI;QACJ,YAAY,EAAE,SAAS;KACxB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAyC;IACnE,WAAW,EAAE;QACX,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,QAAQ;KACjB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,QAAQ;KACjB;IACD,UAAU,EAAE;QACV,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;KACf;IACD,aAAa,EAAE;QACb,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,WAAW;KACnB;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,WAAW;KACnB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAA8B,CAAC,EACjD,GAAG,EACH,IAAI,GAAG,aAAa,EACpB,SAAS,GAAG,EAAE,EACd,cAAc,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IACtC,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,cAAc,CAAC,EAClD,CAAC,KAAK,EAAE,GAAG,EAAE,cAAc,CAAC,CAC7B,CAAA;IACD,MAAM,WAAW,GAAG;QAClB,GAAG,KAAK;QACR,GAAG,sBAAsB,CAAC,IAAI,CAAC;QAC/B,GAAG,QAAQ;QACX,SAAS,EAAE,GAAG,IAAI,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;KACxD,CAAA;IAED,OAAO,cAAc,CAAC,CAAC,CAAC,CACtB,oBAAC,kBAAkB,OAAK,WAAW,GAAI,CACxC,CAAC,CAAC,CAAC,CACF,oBAAC,SAAS,OAAK,WAAW,EAAE,OAAO,EAAC,OAAO,GAAG,CAC/C,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;CAE7B,CAAA"}
|
|
@@ -5,7 +5,9 @@ import type { DecoratorsType } from '../../types';
|
|
|
5
5
|
type Props = {
|
|
6
6
|
/** パネルのタイトル */
|
|
7
7
|
title: React.ReactNode;
|
|
8
|
-
/**
|
|
8
|
+
/**
|
|
9
|
+
* @deprecated titleTagは非推奨です
|
|
10
|
+
*/
|
|
9
11
|
titleTag?: HeadingTagTypes;
|
|
10
12
|
/** 表示する情報のタイプ */
|
|
11
13
|
type?: 'success' | 'info' | 'warning' | 'error' | 'sync';
|
|
@@ -8,10 +8,11 @@ import { Heading } from '../Heading';
|
|
|
8
8
|
import { FaCaretDownIcon, FaCaretUpIcon } from '../Icon';
|
|
9
9
|
import { Cluster, Stack } from '../Layout';
|
|
10
10
|
import { ResponseMessage } from '../ResponseMessage';
|
|
11
|
+
import { SectioningFragment } from '../SectioningContent';
|
|
11
12
|
import { useClassNames } from './useClassNames';
|
|
12
13
|
const OPEN_BUTTON_LABEL = '開く';
|
|
13
14
|
const CLOSE_BUTTON_LABEL = '閉じる';
|
|
14
|
-
export const InformationPanel = ({ title, titleTag
|
|
15
|
+
export const InformationPanel = ({ title, titleTag, type = 'info', togglable = true, active: activeProps = true, className = '', children, onClickTrigger, decorators, ...props }) => {
|
|
15
16
|
const theme = useTheme();
|
|
16
17
|
const [active, setActive] = useState(activeProps);
|
|
17
18
|
const titleId = useId();
|
|
@@ -28,17 +29,20 @@ export const InformationPanel = ({ title, titleTag = 'h3', type = 'info', toggla
|
|
|
28
29
|
setActive(activeProps);
|
|
29
30
|
}, [activeProps]);
|
|
30
31
|
const classNames = useClassNames();
|
|
31
|
-
return (React.createElement(Wrapper, { ...props, className: `${className} ${classNames.wrapper}`, themes: theme
|
|
32
|
-
React.createElement(
|
|
33
|
-
React.createElement(
|
|
34
|
-
React.createElement(
|
|
35
|
-
React.createElement(
|
|
36
|
-
|
|
37
|
-
?
|
|
38
|
-
|
|
39
|
-
|
|
32
|
+
return (React.createElement(Wrapper, { ...props, className: `${className} ${classNames.wrapper}`, themes: theme },
|
|
33
|
+
React.createElement(SectioningFragment, null,
|
|
34
|
+
React.createElement(Stack, { gap: 1.25 },
|
|
35
|
+
React.createElement(Header, { themes: theme, togglable: togglable },
|
|
36
|
+
React.createElement(Heading, { type: "blockTitle", tag: titleTag, id: titleId, className: classNames.title },
|
|
37
|
+
React.createElement(ResponseMessage, { type: type, iconGap: 0.5 }, title)),
|
|
38
|
+
togglable && (React.createElement(TogglableButton, { suffix: active ? React.createElement(FaCaretUpIcon, null) : React.createElement(FaCaretDownIcon, null), size: "s", onClick: handleClickTrigger, "aria-expanded": togglable ? active : undefined, "aria-controls": contentId, className: classNames.closeButton }, active
|
|
39
|
+
? decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL
|
|
40
|
+
: decorators?.openButtonLabel?.(OPEN_BUTTON_LABEL) || OPEN_BUTTON_LABEL))),
|
|
41
|
+
React.createElement(Content, { themes: theme, id: contentId, "aria-hidden": !active, className: classNames.content }, children)))));
|
|
40
42
|
};
|
|
41
|
-
const Wrapper = styled(Base)
|
|
43
|
+
const Wrapper = styled(Base).attrs(() => ({
|
|
44
|
+
forwardedAs: 'section',
|
|
45
|
+
})) `
|
|
42
46
|
${({ themes: { spacingByChar, shadow } }) => css `
|
|
43
47
|
padding: ${spacingByChar(1.5)};
|
|
44
48
|
box-shadow: ${shadow.LAYER3};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InformationPanel.js","sourceRoot":"","sources":["../../../src/components/InformationPanel/InformationPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAoB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,OAAO,EAAmB,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACxD,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"InformationPanel.js","sourceRoot":"","sources":["../../../src/components/InformationPanel/InformationPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,6 +5,7 @@ import { useId } from '../../hooks/useId';
|
|
|
5
5
|
import { useTheme } from '../../hooks/useTheme';
|
|
6
6
|
import { Button } from '../Button';
|
|
7
7
|
import { Heading } from '../Heading';
|
|
8
|
+
import { Section } from '../SectioningContent';
|
|
8
9
|
import { Textarea } from '../Textarea';
|
|
9
10
|
import { RightFixedNoteItem } from './RightFixedNoteItem';
|
|
10
11
|
import { useClassNames } from './useClassNames';
|
|
@@ -22,13 +23,14 @@ export const RightFixedNote = ({ title, items, width = 270, textareaLabel, onCli
|
|
|
22
23
|
const textareaId = useId();
|
|
23
24
|
const classNames = useClassNames();
|
|
24
25
|
return (React.createElement(Wrapper, { ...props, themes: theme, "$width": width, onSubmit: handleSubmit, className: `${className} ${classNames.wrapper}` },
|
|
25
|
-
React.createElement(
|
|
26
|
-
|
|
27
|
-
items
|
|
28
|
-
|
|
29
|
-
React.createElement(
|
|
30
|
-
|
|
31
|
-
|
|
26
|
+
React.createElement(Section, null,
|
|
27
|
+
React.createElement(SectionHeading, { themes: theme, className: classNames.title }, title),
|
|
28
|
+
items &&
|
|
29
|
+
items.map((item) => (React.createElement(RightFixedNoteItem, { ...item, key: item.id, onClickEdit: onClickEdit }))),
|
|
30
|
+
textareaLabel && (React.createElement("label", { htmlFor: textareaId },
|
|
31
|
+
React.createElement(TextareaLabel, { tag: "span", type: "subBlockTitle", themes: theme }, textareaLabel))),
|
|
32
|
+
React.createElement(StyledTextarea, { id: textareaId, name: TEXT_AREA_NAME, themes: theme, "aria-label": innerText(textareaLabel || title), className: classNames.textarea }),
|
|
33
|
+
React.createElement(SubmitButton, { type: "submit", className: classNames.submitButton }, submitLabel))));
|
|
32
34
|
};
|
|
33
35
|
const Wrapper = styled.form `
|
|
34
36
|
${({ themes, $width }) => {
|
|
@@ -46,7 +48,9 @@ const Wrapper = styled.form `
|
|
|
46
48
|
`;
|
|
47
49
|
}}
|
|
48
50
|
`;
|
|
49
|
-
const
|
|
51
|
+
const SectionHeading = styled(Heading).attrs(() => ({
|
|
52
|
+
type: 'sectionTitle',
|
|
53
|
+
})) `
|
|
50
54
|
${({ themes: { spacingByChar } }) => {
|
|
51
55
|
return css `
|
|
52
56
|
display: block;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RightFixedNote.js","sourceRoot":"","sources":["../../../src/components/RightFixedNote/RightFixedNote.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAsC,WAAW,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACvF,OAAO,SAAS,MAAM,iBAAiB,CAAA;AACvC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,OAAO,EAA0B,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACjF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAwB/C,MAAM,cAAc,GAAG,qBAAqB,CAAA;AAC5C,MAAM,YAAY,GAAG,IAAI,CAAA;AAEzB,MAAM,CAAC,MAAM,cAAc,GAA8B,CAAC,EACxD,KAAK,EACL,KAAK,EACL,KAAK,GAAG,GAAG,EACX,aAAa,EACb,WAAW,EACX,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IAExB,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,CAAC,YAAY,CAAC,IAAI,YAAY,EAC7D,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAmC,EAAE,EAAE;QACtC,CAAC,CAAC,cAAc,EAAE,CAAA;QAElB,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAA;QAC9C,MAAM,OAAO,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,EAAE,CAAW,CAAA;QAE9D,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAAA;IACtB,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,MAAM,UAAU,GAAG,KAAK,EAAE,CAAA;IAC1B,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,OACF,KAAK,EACT,MAAM,EAAE,KAAK,YACL,KAAK,EACb,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAE/C,oBAAC,
|
|
1
|
+
{"version":3,"file":"RightFixedNote.js","sourceRoot":"","sources":["../../../src/components/RightFixedNote/RightFixedNote.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import React, { FC, PropsWithChildren } from 'react';
|
|
2
|
-
|
|
1
|
+
import React, { FC, HTMLAttributes, PropsWithChildren } from 'react';
|
|
2
|
+
type BaseProps = PropsWithChildren<{
|
|
3
3
|
className?: string;
|
|
4
4
|
as?: 'article' | 'aside' | 'nav' | 'section';
|
|
5
5
|
baseLevel?: number;
|
|
6
|
-
}
|
|
6
|
+
}>;
|
|
7
|
+
type SectioningContentProps = Omit<HTMLAttributes<HTMLElement>, keyof BaseProps> & BaseProps;
|
|
8
|
+
declare const SectioningContent: FC<SectioningContentProps>;
|
|
7
9
|
type Props = Omit<React.ComponentProps<typeof SectioningContent>, 'as'>;
|
|
8
10
|
export declare const Section: FC<Props>;
|
|
9
11
|
export declare const Article: FC<Props>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectioningContent.js","sourceRoot":"","sources":["../../../src/components/SectioningContent/SectioningContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"SectioningContent.js","sourceRoot":"","sources":["../../../src/components/SectioningContent/SectioningContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAyC,UAAU,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAU7C,MAAM,iBAAiB,GAA+B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC3F,oBAAC,OAAO,OAAK,KAAK;IAChB,oBAAC,kBAAkB,IAAC,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAsB,CACjE,CACX,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAA,EAAE,CAAA;AAIhC,MAAM,CAAC,MAAM,OAAO,GAAc,iBAAiB,CAAA;AACnD,MAAM,CAAC,MAAM,OAAO,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,SAAS,GAAG,CAAA;AAC1F,MAAM,CAAC,MAAM,KAAK,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,OAAO,GAAG,CAAA;AACtF,MAAM,CAAC,MAAM,GAAG,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,oBAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,KAAK,GAAG,CAAA;AAElF,MAAM,CAAC,MAAM,kBAAkB,GAAkD,CAAC,EAChF,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IAEtC,OAAO,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAAI,KAAK,GAAG,CAAC,IAAG,QAAQ,CAAyB,CAAA;AACjG,CAAC,CAAA"}
|
|
@@ -57,7 +57,7 @@ const AccordionPanelContent = ({ children, className = '', ...props }) => {
|
|
|
57
57
|
react_1.default.createElement("div", { ref: wrapperRef }, children)))));
|
|
58
58
|
};
|
|
59
59
|
exports.AccordionPanelContent = AccordionPanelContent;
|
|
60
|
-
const CollapseContainer = styled_components_1.default.
|
|
60
|
+
const CollapseContainer = styled_components_1.default.div `
|
|
61
61
|
height: 0;
|
|
62
62
|
overflow: hidden;
|
|
63
63
|
transition: height ${duration}ms ease;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmF;AACnF,mEAAmD;AACnD,0EAAsC;AAEtC,wCAA6C;AAE7C,qDAAwD;AACxD,6DAAgE;AAChE,mDAA+C;AAU/C,MAAM,QAAQ,GAAG,GAAG,CAAA;AAEb,MAAM,qBAAqB,GAA8B,CAAC,EAC/D,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,kBAAU,EAAC,8CAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,sCAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,IAAA,kBAAY,EAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EACnC,CAAC,IAAiB,EAAE,EAAE;QACpB,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC9E,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,aAAa,IAAI,CAAA;IAC1C,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,IAAiB,EAAE,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAA;IACnC,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,IAAiB,EAAE,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAA;QACzB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,mCAAU,IACT,EAAE,EAAE,SAAS,EACb,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,QAAQ,IAEhB,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,8BAAC,iBAAiB,OACZ,KAAK,EACT,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,SAAS,EAAE,GAAG,MAAM,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,qBACxC,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS;QAEvB,uCAAK,GAAG,EAAE,UAAU,IAAG,QAAQ,CAAO,CACpB,CACrB,CACU,CACd,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,qBAAqB,yBAoDjC;AAED,MAAM,iBAAiB,GAAG,2BAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"AccordionPanelContent.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmF;AACnF,mEAAmD;AACnD,0EAAsC;AAEtC,wCAA6C;AAE7C,qDAAwD;AACxD,6DAAgE;AAChE,mDAA+C;AAU/C,MAAM,QAAQ,GAAG,GAAG,CAAA;AAEb,MAAM,qBAAqB,GAA8B,CAAC,EAC/D,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,kBAAU,EAAC,8CAAyB,CAAC,CAAA;IACtD,MAAM,EAAE,aAAa,EAAE,GAAG,IAAA,kBAAU,EAAC,sCAAqB,CAAC,CAAA;IAC3D,MAAM,SAAS,GAAG,IAAA,kBAAY,EAAC,aAAa,EAAE,IAAI,CAAC,CAAA;IACnD,MAAM,UAAU,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IAC/C,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,MAAM,iBAAiB,GAAG,IAAA,mBAAW,EACnC,CAAC,IAAiB,EAAE,EAAE;QACpB,MAAM,aAAa,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAA;QAC9E,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,aAAa,IAAI,CAAA;IAC1C,CAAC,EACD,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,aAAa,GAAG,CAAC,IAAiB,EAAE,EAAE;QAC1C,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAA;QAC1B,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,SAAS,CAAA;IACnC,CAAC,CAAA;IAED,MAAM,YAAY,GAAG,CAAC,IAAiB,EAAE,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,KAAK,CAAA;QACzB,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAA;IAClC,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,mCAAU,IACT,EAAE,EAAE,SAAS,EACb,UAAU,EAAE,iBAAiB,EAC7B,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,iBAAiB,EACzB,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,QAAQ,IAEhB,CAAC,MAAM,EAAE,EAAE,CAAC,CACX,8BAAC,iBAAiB,OACZ,KAAK,EACT,EAAE,EAAE,GAAG,IAAI,UAAU,EACrB,SAAS,EAAE,GAAG,MAAM,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,qBACxC,GAAG,IAAI,UAAU,iBACrB,CAAC,SAAS;QAEvB,uCAAK,GAAG,EAAE,UAAU,IAAG,QAAQ,CAAO,CACpB,CACrB,CACU,CACd,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,qBAAqB,yBAoDjC;AAED,MAAM,iBAAiB,GAAG,2BAAM,CAAC,GAAG,CAAA;;;uBAGb,QAAQ;;;;;;;;CAQ9B,CAAA"}
|
|
@@ -25,6 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
25
25
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
26
|
exports.AccordionPanelItem = exports.AccordionPanelItemContext = void 0;
|
|
27
27
|
const react_1 = __importStar(require("react"));
|
|
28
|
+
const SectioningContent_1 = require("../SectioningContent");
|
|
28
29
|
const useClassNames_1 = require("./useClassNames");
|
|
29
30
|
exports.AccordionPanelItemContext = (0, react_1.createContext)({
|
|
30
31
|
name: '',
|
|
@@ -34,7 +35,7 @@ const AccordionPanelItem = ({ name, children, className = '', ...props }) => {
|
|
|
34
35
|
return (react_1.default.createElement(exports.AccordionPanelItemContext.Provider, { value: {
|
|
35
36
|
name,
|
|
36
37
|
} },
|
|
37
|
-
react_1.default.createElement(
|
|
38
|
+
react_1.default.createElement(SectioningContent_1.Section, { ...props, className: `${className} ${classNames.item}` }, children)));
|
|
38
39
|
};
|
|
39
40
|
exports.AccordionPanelItem = AccordionPanelItem;
|
|
40
41
|
//# sourceMappingURL=AccordionPanelItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiE;AAEjE,mDAA+C;AAYlC,QAAA,yBAAyB,GAAG,IAAA,qBAAa,EAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEK,MAAM,kBAAkB,GAA8B,CAAC,EAC5D,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAClC,OAAO,CACL,8BAAC,iCAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI;SACL;QAED,
|
|
1
|
+
{"version":3,"file":"AccordionPanelItem.js","sourceRoot":"","sources":["../../../src/components/AccordionPanel/AccordionPanelItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiE;AAEjE,4DAA8C;AAE9C,mDAA+C;AAYlC,QAAA,yBAAyB,GAAG,IAAA,qBAAa,EAAmB;IACvE,IAAI,EAAE,EAAE;CACT,CAAC,CAAA;AAEK,MAAM,kBAAkB,GAA8B,CAAC,EAC5D,IAAI,EACJ,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAClC,OAAO,CACL,8BAAC,iCAAyB,CAAC,QAAQ,IACjC,KAAK,EAAE;YACL,IAAI;SACL;QAED,8BAAC,2BAAO,OAAK,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,IAAI,EAAE,IAC7D,QAAQ,CACD,CACyB,CACtC,CAAA;AACH,CAAC,CAAA;AAlBY,QAAA,kBAAkB,sBAkB9B"}
|
|
@@ -43,9 +43,9 @@ exports.CheckBoxInput = (0, react_1.forwardRef)(({ mixed = false, onChange, ...p
|
|
|
43
43
|
(0, react_1.useImperativeHandle)(ref, () => inputRef.current);
|
|
44
44
|
(0, react_1.useEffect)(() => {
|
|
45
45
|
if (inputRef.current) {
|
|
46
|
-
inputRef.current.indeterminate = mixed;
|
|
46
|
+
inputRef.current.indeterminate = !!(checked && mixed);
|
|
47
47
|
}
|
|
48
|
-
}, [mixed]);
|
|
48
|
+
}, [checked, mixed]);
|
|
49
49
|
return (react_1.default.createElement(Wrapper, { themes: theme },
|
|
50
50
|
react_1.default.createElement(Input, { ...props, type: "checkbox", onChange: handleChange, className: classNames.checkBox, themes: theme, ref: inputRef, "aria-invalid": props.error || undefined }),
|
|
51
51
|
react_1.default.createElement(Box, { className: boxClassName, themes: theme, error: props.error }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAyC;AACzC,+CAA8F;AAC9F,uEAA+C;AAE/C,mDAAsD;AACtD,kCAAkD;AAElD,mDAA+C;AASlC,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7C,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACnC,MAAM,YAAY,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;IAC/E,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAsC,EAAE,EAAE;QACzC,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC3B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IACD,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,MAAM,QAAQ,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAA;IAC/C,IAAA,2BAAmB,EACjB,GAAG,EACH,GAAG,EAAE,CAAC,QAAQ,CAAC,OAAO,CACvB,CAAA;IAED,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,QAAQ,CAAC,OAAO,CAAC,aAAa,GAAG,KAAK,CAAA;
|
|
1
|
+
{"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,7 +15,7 @@ export type BaseProps = {
|
|
|
15
15
|
*/
|
|
16
16
|
subtitle?: ReactNode;
|
|
17
17
|
/**
|
|
18
|
-
*
|
|
18
|
+
* @deprecated SectioningContent(Article, Aside, Nav, Section, SectioningFragment)でDialog全体をラップして、ダイアログタイトルのHeadingレベルを設定してください
|
|
19
19
|
*/
|
|
20
20
|
titleTag?: HeadingTagTypes;
|
|
21
21
|
/**
|
|
@@ -28,13 +28,15 @@ const react_1 = __importStar(require("react"));
|
|
|
28
28
|
const styled_components_1 = __importStar(require("styled-components"));
|
|
29
29
|
const useTheme_1 = require("../../../hooks/useTheme");
|
|
30
30
|
const Button_1 = require("../../Button");
|
|
31
|
+
const Heading_1 = require("../../Heading");
|
|
31
32
|
const Layout_1 = require("../../Layout");
|
|
32
33
|
const ResponseMessage_1 = require("../../ResponseMessage");
|
|
34
|
+
const SectioningContent_1 = require("../../SectioningContent");
|
|
33
35
|
const Text_1 = require("../../Text");
|
|
34
36
|
const dialogHelper_1 = require("../dialogHelper");
|
|
35
37
|
const useClassNames_1 = require("../useClassNames");
|
|
36
38
|
const CLOSE_BUTTON_LABEL = 'キャンセル';
|
|
37
|
-
const FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag
|
|
39
|
+
const FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag, actionText, actionTheme = 'primary', onSubmit, onClickClose, responseMessage, actionDisabled = false, closeDisabled, decorators, }) => {
|
|
38
40
|
const classNames = (0, useClassNames_1.useClassNames)().dialog;
|
|
39
41
|
const theme = (0, useTheme_1.useTheme)();
|
|
40
42
|
const handleSubmitAction = (0, react_1.useCallback)(() => {
|
|
@@ -42,20 +44,25 @@ const FormDialogContentInner = ({ children, title, titleId, subtitle, titleTag =
|
|
|
42
44
|
}, [onSubmit, onClickClose]);
|
|
43
45
|
const { offsetHeight, titleRef, bottomRef } = (0, dialogHelper_1.useOffsetHeight)();
|
|
44
46
|
const isRequestProcessing = responseMessage && responseMessage.status === 'processing';
|
|
45
|
-
return (react_1.default.createElement(
|
|
46
|
-
react_1.default.createElement(
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
react_1.default.createElement(
|
|
52
|
-
|
|
53
|
-
react_1.default.createElement(
|
|
54
|
-
|
|
55
|
-
|
|
47
|
+
return (react_1.default.createElement(SectioningContent_1.Section, null,
|
|
48
|
+
react_1.default.createElement("form", { onSubmit: handleSubmitAction },
|
|
49
|
+
react_1.default.createElement(Heading_1.Heading, { tag: titleTag },
|
|
50
|
+
react_1.default.createElement(TitleArea, { themes: theme, ref: titleRef, className: classNames.titleArea },
|
|
51
|
+
subtitle && (react_1.default.createElement(Text_1.Text, { size: "S", leading: "TIGHT", color: "TEXT_GREY", className: classNames.subtitle }, subtitle)),
|
|
52
|
+
react_1.default.createElement(Text_1.Text, { id: titleId, size: "L", leading: "TIGHT", className: classNames.title }, title))),
|
|
53
|
+
react_1.default.createElement(Body, { offsetHeight: offsetHeight, className: classNames.body }, children),
|
|
54
|
+
react_1.default.createElement(ActionArea, { themes: theme, ref: bottomRef, className: classNames.actionArea },
|
|
55
|
+
react_1.default.createElement(ButtonArea, { className: classNames.buttonArea },
|
|
56
|
+
react_1.default.createElement(Button_1.Button, { onClick: onClickClose, disabled: closeDisabled || isRequestProcessing, className: classNames.closeButton }, decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL),
|
|
57
|
+
react_1.default.createElement(Button_1.Button, { type: "submit", variant: actionTheme, disabled: actionDisabled, loading: isRequestProcessing, className: classNames.actionButton }, actionText)),
|
|
58
|
+
(responseMessage?.status === 'success' || responseMessage?.status === 'error') && (react_1.default.createElement(Message, null,
|
|
59
|
+
react_1.default.createElement(ResponseMessage_1.ResponseMessage, { type: responseMessage.status, role: "alert" }, responseMessage.text)))))));
|
|
56
60
|
};
|
|
57
61
|
exports.FormDialogContentInner = FormDialogContentInner;
|
|
58
|
-
const TitleArea = (0, styled_components_1.default)(Layout_1.Stack)
|
|
62
|
+
const TitleArea = (0, styled_components_1.default)(Layout_1.Stack).attrs(() => ({
|
|
63
|
+
gap: 0.25,
|
|
64
|
+
as: 'span',
|
|
65
|
+
})) `
|
|
59
66
|
${({ themes: { border, space } }) => (0, styled_components_1.css) `
|
|
60
67
|
margin-block: unset;
|
|
61
68
|
border-bottom: ${border.shorthand};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyD;AACzD,uEAA+C;AAE/C,sDAAyD;AACzD,yCAAqC;
|
|
1
|
+
{"version":3,"file":"FormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/FormDialog/FormDialogContentInner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -32,6 +32,7 @@ const Dropdown_1 = require("../../Dropdown");
|
|
|
32
32
|
const Heading_1 = require("../../Heading");
|
|
33
33
|
const Icon_1 = require("../../Icon");
|
|
34
34
|
const Layout_1 = require("../../Layout");
|
|
35
|
+
const SectioningContent_1 = require("../../SectioningContent");
|
|
35
36
|
const TextLink_1 = require("../../TextLink");
|
|
36
37
|
const useClassNames_1 = require("./useClassNames");
|
|
37
38
|
const TRIGGER_LABEL = 'アプリ';
|
|
@@ -48,14 +49,16 @@ const AppLauncher = ({ apps, urlToShowAll, decorators, ...props }) => {
|
|
|
48
49
|
react_1.default.createElement(Wrapper, { themes: theme, className: classNames.wrapper },
|
|
49
50
|
react_1.default.createElement(Dropdown_1.DropdownScrollArea, null,
|
|
50
51
|
react_1.default.createElement(Layout_1.Stack, { gap: 1.5 },
|
|
51
|
-
baseApps && (react_1.default.createElement(
|
|
52
|
-
react_1.default.createElement(
|
|
53
|
-
|
|
54
|
-
react_1.default.createElement(
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
react_1.default.createElement(
|
|
58
|
-
react_1.default.createElement(
|
|
52
|
+
baseApps && (react_1.default.createElement(SectioningContent_1.Section, null,
|
|
53
|
+
react_1.default.createElement(Layout_1.Stack, { gap: 0.5, className: classNames.category },
|
|
54
|
+
react_1.default.createElement(Heading_1.Heading, { type: "subSubBlockTitle" }, baseApps.heading),
|
|
55
|
+
react_1.default.createElement(Layout_1.Cluster, { as: "ul", gap: 1 }, baseApps.items.map((item, index) => (react_1.default.createElement("li", { key: index },
|
|
56
|
+
react_1.default.createElement(TextLink_1.TextLink, { href: item.url, target: item.target, className: classNames.link }, item.label)))))))),
|
|
57
|
+
react_1.default.createElement(Layout_1.Cluster, { gap: 1.5 }, others.map(({ heading, items }, i) => (react_1.default.createElement(SectioningContent_1.Section, { key: i },
|
|
58
|
+
react_1.default.createElement(Layout_1.Stack, { gap: 0.5, className: classNames.category, recursive: true },
|
|
59
|
+
react_1.default.createElement(Heading_1.Heading, { type: "subSubBlockTitle" }, heading),
|
|
60
|
+
react_1.default.createElement("ul", null, items.map((item, index) => (react_1.default.createElement("li", { key: index },
|
|
61
|
+
react_1.default.createElement(TextLink_1.TextLink, { href: item.url, target: item.target, className: classNames.link }, item.label)))))))))))),
|
|
59
62
|
urlToShowAll && (react_1.default.createElement(Footer, { themes: theme, className: classNames.footer },
|
|
60
63
|
react_1.default.createElement(TextLink_1.TextLink, { href: urlToShowAll, style: { width: 'fit-content' } }, "\u3059\u3079\u3066\u898B\u308B")))))));
|
|
61
64
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppLauncher.js","sourceRoot":"","sources":["../../../../src/components/Header/AppLauncher/AppLauncher.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiE;AACjE,uEAA+C;AAE/C,sDAAyD;AACzD,yCAAqC;AACrC,6CAA+F;AAC/F,2CAAuC;AACvC,qCAA0C;AAC1C,yCAA6C;AAC7C,6CAAyC;AAEzC,mDAA+C;AAqB/C,MAAM,aAAa,GAAG,KAAK,CAAA;AAEpB,MAAM,WAAW,GAAmC,CAAC,EAC1D,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,MAAM,YAAY,GAAG,IAAA,eAAO,EAC1B,GAAG,EAAE,CAAC,UAAU,EAAE,YAAY,EAAE,CAAC,aAAa,CAAC,IAAI,aAAa,EAChE,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,KAAK,MAAM,CAAC,CAAA;IACzD,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAA;IAE/D,OAAO,CACL,8BAAC,mBAAQ,OAAK,KAAK;QACjB,8BAAC,0BAAe;YACd,8BAAC,UAAU,IAAC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,8BAAC,oBAAa,OAAG,IACjD,YAAY,CACF,CACG;QAClB,8BAAC,0BAAe,IAAC,YAAY;YAC3B,8BAAC,OAAO,IAAC,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO;gBACnD,8BAAC,6BAAkB;oBACjB,8BAAC,cAAK,IAAC,GAAG,EAAE,GAAG;wBACZ,QAAQ,IAAI,CACX,8BAAC,cAAK,IAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ;
|
|
1
|
+
{"version":3,"file":"AppLauncher.js","sourceRoot":"","sources":["../../../../src/components/Header/AppLauncher/AppLauncher.tsx"],"names":[],"mappings":"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"}
|
|
@@ -11,6 +11,8 @@ export type Props = {
|
|
|
11
11
|
tag?: HeadingTagTypes;
|
|
12
12
|
/** コンポーネントに適用するクラス名 */
|
|
13
13
|
className?: string;
|
|
14
|
+
/** 視覚的に非表示にするフラグ */
|
|
15
|
+
visuallyHidden?: boolean;
|
|
14
16
|
};
|
|
15
17
|
export type HeadingTypes = 'screenTitle' | 'sectionTitle' | 'blockTitle' | 'subBlockTitle' | 'subSubBlockTitle';
|
|
16
18
|
export type HeadingTagTypes = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'legend';
|
|
@@ -31,9 +31,9 @@ const react_1 = __importStar(require("react"));
|
|
|
31
31
|
const styled_components_1 = __importDefault(require("styled-components"));
|
|
32
32
|
const SectioningContent_1 = require("../SectioningContent");
|
|
33
33
|
const Text_1 = require("../Text");
|
|
34
|
+
const VisuallyHiddenText_1 = require("../VisuallyHiddenText");
|
|
34
35
|
const useClassNames_1 = require("./useClassNames");
|
|
35
|
-
const generateTagProps = (level, tag) => {
|
|
36
|
-
const forwardedAs = tag || (level <= 6 ? `h${level}` : 'span');
|
|
36
|
+
const generateTagProps = (level, tag, visuallyHidden) => {
|
|
37
37
|
let role = undefined;
|
|
38
38
|
let ariaLevel = undefined;
|
|
39
39
|
if (level > 6) {
|
|
@@ -41,7 +41,7 @@ const generateTagProps = (level, tag) => {
|
|
|
41
41
|
ariaLevel = level;
|
|
42
42
|
}
|
|
43
43
|
return {
|
|
44
|
-
forwardedAs,
|
|
44
|
+
[visuallyHidden ? 'as' : 'forwardedAs']: tag || (level <= 6 ? `h${level}` : 'span'),
|
|
45
45
|
role,
|
|
46
46
|
'aria-level': ariaLevel,
|
|
47
47
|
};
|
|
@@ -70,11 +70,17 @@ const MAPPER_SIZE_AND_WEIGHT = {
|
|
|
70
70
|
color: 'TEXT_GREY',
|
|
71
71
|
},
|
|
72
72
|
};
|
|
73
|
-
const Heading = ({ tag, type = 'screenTitle', className = '', ...props }) => {
|
|
73
|
+
const Heading = ({ tag, type = 'screenTitle', className = '', visuallyHidden, ...props }) => {
|
|
74
74
|
const classNames = (0, useClassNames_1.useClassNames)();
|
|
75
75
|
const level = (0, react_1.useContext)(SectioningContent_1.LevelContext);
|
|
76
|
-
const tagProps = (0, react_1.useMemo)(() => generateTagProps(level, tag), [level, tag]);
|
|
77
|
-
|
|
76
|
+
const tagProps = (0, react_1.useMemo)(() => generateTagProps(level, tag, visuallyHidden), [level, tag, visuallyHidden]);
|
|
77
|
+
const actualProps = {
|
|
78
|
+
...props,
|
|
79
|
+
...MAPPER_SIZE_AND_WEIGHT[type],
|
|
80
|
+
...tagProps,
|
|
81
|
+
className: `${type} ${className} ${classNames.wrapper}`,
|
|
82
|
+
};
|
|
83
|
+
return visuallyHidden ? (react_1.default.createElement(VisuallyHiddenText_1.VisuallyHiddenText, { ...actualProps })) : (react_1.default.createElement(ResetText, { ...actualProps, leading: "TIGHT" }));
|
|
78
84
|
};
|
|
79
85
|
exports.Heading = Heading;
|
|
80
86
|
const ResetText = (0, styled_components_1.default)(Text_1.Text) `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkF;AAClF,0EAAsC;AAEtC,4DAAmD;AACnD,kCAAyC;
|
|
1
|
+
{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAkF;AAClF,0EAAsC;AAEtC,4DAAmD;AACnD,kCAAyC;AACzC,8DAA0D;AAE1D,mDAA+C;AA+B/C,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,GAAqB,EAAE,cAAwB,EAAE,EAAE;IAC1F,IAAI,IAAI,GAAG,SAAS,CAAA;IACpB,IAAI,SAAS,GAAG,SAAS,CAAA;IAEzB,IAAI,KAAK,GAAG,CAAC,EAAE;QACb,IAAI,GAAG,SAAS,CAAA;QAChB,SAAS,GAAG,KAAK,CAAA;KAClB;IAED,OAAO;QACL,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,EACrC,GAAG,IAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAqB;QACjE,IAAI;QACJ,YAAY,EAAE,SAAS;KACxB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAyC;IACnE,WAAW,EAAE;QACX,IAAI,EAAE,IAAI;QACV,MAAM,EAAE,QAAQ;KACjB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,QAAQ;KACjB;IACD,UAAU,EAAE;QACV,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;KACf;IACD,aAAa,EAAE;QACb,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,WAAW;KACnB;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,WAAW;KACnB;CACF,CAAA;AAEM,MAAM,OAAO,GAA8B,CAAC,EACjD,GAAG,EACH,IAAI,GAAG,aAAa,EACpB,SAAS,GAAG,EAAE,EACd,cAAc,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAClC,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,gCAAY,CAAC,CAAA;IACtC,MAAM,QAAQ,GAAG,IAAA,eAAO,EACtB,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,cAAc,CAAC,EAClD,CAAC,KAAK,EAAE,GAAG,EAAE,cAAc,CAAC,CAC7B,CAAA;IACD,MAAM,WAAW,GAAG;QAClB,GAAG,KAAK;QACR,GAAG,sBAAsB,CAAC,IAAI,CAAC;QAC/B,GAAG,QAAQ;QACX,SAAS,EAAE,GAAG,IAAI,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;KACxD,CAAA;IAED,OAAO,cAAc,CAAC,CAAC,CAAC,CACtB,8BAAC,uCAAkB,OAAK,WAAW,GAAI,CACxC,CAAC,CAAC,CAAC,CACF,8BAAC,SAAS,OAAK,WAAW,EAAE,OAAO,EAAC,OAAO,GAAG,CAC/C,CAAA;AACH,CAAC,CAAA;AAzBY,QAAA,OAAO,WAyBnB;AAED,MAAM,SAAS,GAAG,IAAA,2BAAM,EAAC,WAAI,CAAC,CAAA;;CAE7B,CAAA"}
|
|
@@ -5,7 +5,9 @@ import type { DecoratorsType } from '../../types';
|
|
|
5
5
|
type Props = {
|
|
6
6
|
/** パネルのタイトル */
|
|
7
7
|
title: React.ReactNode;
|
|
8
|
-
/**
|
|
8
|
+
/**
|
|
9
|
+
* @deprecated titleTagは非推奨です
|
|
10
|
+
*/
|
|
9
11
|
titleTag?: HeadingTagTypes;
|
|
10
12
|
/** 表示する情報のタイプ */
|
|
11
13
|
type?: 'success' | 'info' | 'warning' | 'error' | 'sync';
|
|
@@ -34,10 +34,11 @@ const Heading_1 = require("../Heading");
|
|
|
34
34
|
const Icon_1 = require("../Icon");
|
|
35
35
|
const Layout_1 = require("../Layout");
|
|
36
36
|
const ResponseMessage_1 = require("../ResponseMessage");
|
|
37
|
+
const SectioningContent_1 = require("../SectioningContent");
|
|
37
38
|
const useClassNames_1 = require("./useClassNames");
|
|
38
39
|
const OPEN_BUTTON_LABEL = '開く';
|
|
39
40
|
const CLOSE_BUTTON_LABEL = '閉じる';
|
|
40
|
-
const InformationPanel = ({ title, titleTag
|
|
41
|
+
const InformationPanel = ({ title, titleTag, type = 'info', togglable = true, active: activeProps = true, className = '', children, onClickTrigger, decorators, ...props }) => {
|
|
41
42
|
const theme = (0, useTheme_1.useTheme)();
|
|
42
43
|
const [active, setActive] = (0, react_1.useState)(activeProps);
|
|
43
44
|
const titleId = (0, useId_1.useId)();
|
|
@@ -54,18 +55,21 @@ const InformationPanel = ({ title, titleTag = 'h3', type = 'info', togglable = t
|
|
|
54
55
|
setActive(activeProps);
|
|
55
56
|
}, [activeProps]);
|
|
56
57
|
const classNames = (0, useClassNames_1.useClassNames)();
|
|
57
|
-
return (react_1.default.createElement(Wrapper, { ...props, className: `${className} ${classNames.wrapper}`, themes: theme
|
|
58
|
-
react_1.default.createElement(
|
|
59
|
-
react_1.default.createElement(
|
|
60
|
-
react_1.default.createElement(
|
|
61
|
-
react_1.default.createElement(
|
|
62
|
-
|
|
63
|
-
?
|
|
64
|
-
|
|
65
|
-
|
|
58
|
+
return (react_1.default.createElement(Wrapper, { ...props, className: `${className} ${classNames.wrapper}`, themes: theme },
|
|
59
|
+
react_1.default.createElement(SectioningContent_1.SectioningFragment, null,
|
|
60
|
+
react_1.default.createElement(Layout_1.Stack, { gap: 1.25 },
|
|
61
|
+
react_1.default.createElement(Header, { themes: theme, togglable: togglable },
|
|
62
|
+
react_1.default.createElement(Heading_1.Heading, { type: "blockTitle", tag: titleTag, id: titleId, className: classNames.title },
|
|
63
|
+
react_1.default.createElement(ResponseMessage_1.ResponseMessage, { type: type, iconGap: 0.5 }, title)),
|
|
64
|
+
togglable && (react_1.default.createElement(TogglableButton, { suffix: active ? react_1.default.createElement(Icon_1.FaCaretUpIcon, null) : react_1.default.createElement(Icon_1.FaCaretDownIcon, null), size: "s", onClick: handleClickTrigger, "aria-expanded": togglable ? active : undefined, "aria-controls": contentId, className: classNames.closeButton }, active
|
|
65
|
+
? decorators?.closeButtonLabel?.(CLOSE_BUTTON_LABEL) || CLOSE_BUTTON_LABEL
|
|
66
|
+
: decorators?.openButtonLabel?.(OPEN_BUTTON_LABEL) || OPEN_BUTTON_LABEL))),
|
|
67
|
+
react_1.default.createElement(Content, { themes: theme, id: contentId, "aria-hidden": !active, className: classNames.content }, children)))));
|
|
66
68
|
};
|
|
67
69
|
exports.InformationPanel = InformationPanel;
|
|
68
|
-
const Wrapper = (0, styled_components_1.default)(Base_1.Base)
|
|
70
|
+
const Wrapper = (0, styled_components_1.default)(Base_1.Base).attrs(() => ({
|
|
71
|
+
forwardedAs: 'section',
|
|
72
|
+
})) `
|
|
69
73
|
${({ themes: { spacingByChar, shadow } }) => (0, styled_components_1.css) `
|
|
70
74
|
padding: ${spacingByChar(1.5)};
|
|
71
75
|
box-shadow: ${shadow.LAYER3};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InformationPanel.js","sourceRoot":"","sources":["../../../src/components/InformationPanel/InformationPanel.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmE;AACnE,uEAA+C;AAE/C,6CAAyC;AACzC,mDAAsD;AACtD,kCAAgD;AAChD,sCAAkC;AAClC,wCAAqD;AACrD,kCAAwD;AACxD,sCAA0C;AAC1C,wDAAoD;
|
|
1
|
+
{"version":3,"file":"InformationPanel.js","sourceRoot":"","sources":["../../../src/components/InformationPanel/InformationPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -34,6 +34,7 @@ const useId_1 = require("../../hooks/useId");
|
|
|
34
34
|
const useTheme_1 = require("../../hooks/useTheme");
|
|
35
35
|
const Button_1 = require("../Button");
|
|
36
36
|
const Heading_1 = require("../Heading");
|
|
37
|
+
const SectioningContent_1 = require("../SectioningContent");
|
|
37
38
|
const Textarea_1 = require("../Textarea");
|
|
38
39
|
const RightFixedNoteItem_1 = require("./RightFixedNoteItem");
|
|
39
40
|
const useClassNames_1 = require("./useClassNames");
|
|
@@ -51,13 +52,14 @@ const RightFixedNote = ({ title, items, width = 270, textareaLabel, onClickEdit,
|
|
|
51
52
|
const textareaId = (0, useId_1.useId)();
|
|
52
53
|
const classNames = (0, useClassNames_1.useClassNames)();
|
|
53
54
|
return (react_1.default.createElement(Wrapper, { ...props, themes: theme, "$width": width, onSubmit: handleSubmit, className: `${className} ${classNames.wrapper}` },
|
|
54
|
-
react_1.default.createElement(
|
|
55
|
-
|
|
56
|
-
items
|
|
57
|
-
|
|
58
|
-
react_1.default.createElement(
|
|
59
|
-
|
|
60
|
-
|
|
55
|
+
react_1.default.createElement(SectioningContent_1.Section, null,
|
|
56
|
+
react_1.default.createElement(SectionHeading, { themes: theme, className: classNames.title }, title),
|
|
57
|
+
items &&
|
|
58
|
+
items.map((item) => (react_1.default.createElement(RightFixedNoteItem_1.RightFixedNoteItem, { ...item, key: item.id, onClickEdit: onClickEdit }))),
|
|
59
|
+
textareaLabel && (react_1.default.createElement("label", { htmlFor: textareaId },
|
|
60
|
+
react_1.default.createElement(TextareaLabel, { tag: "span", type: "subBlockTitle", themes: theme }, textareaLabel))),
|
|
61
|
+
react_1.default.createElement(StyledTextarea, { id: textareaId, name: TEXT_AREA_NAME, themes: theme, "aria-label": (0, react_innertext_1.default)(textareaLabel || title), className: classNames.textarea }),
|
|
62
|
+
react_1.default.createElement(SubmitButton, { type: "submit", className: classNames.submitButton }, submitLabel))));
|
|
61
63
|
};
|
|
62
64
|
exports.RightFixedNote = RightFixedNote;
|
|
63
65
|
const Wrapper = styled_components_1.default.form `
|
|
@@ -76,7 +78,9 @@ const Wrapper = styled_components_1.default.form `
|
|
|
76
78
|
`;
|
|
77
79
|
}}
|
|
78
80
|
`;
|
|
79
|
-
const
|
|
81
|
+
const SectionHeading = (0, styled_components_1.default)(Heading_1.Heading).attrs(() => ({
|
|
82
|
+
type: 'sectionTitle',
|
|
83
|
+
})) `
|
|
80
84
|
${({ themes: { spacingByChar } }) => {
|
|
81
85
|
return (0, styled_components_1.css) `
|
|
82
86
|
display: block;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RightFixedNote.js","sourceRoot":"","sources":["../../../src/components/RightFixedNote/RightFixedNote.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuF;AACvF,sEAAuC;AACvC,uEAA+C;AAE/C,6CAAyC;AACzC,mDAAsD;AACtD,sCAAkC;AAClC,wCAAoC;AACpC,0CAAsC;AAEtC,6DAAiF;AACjF,mDAA+C;AAwB/C,MAAM,cAAc,GAAG,qBAAqB,CAAA;AAC5C,MAAM,YAAY,GAAG,IAAI,CAAA;AAElB,MAAM,cAAc,GAA8B,CAAC,EACxD,KAAK,EACL,KAAK,EACL,KAAK,GAAG,GAAG,EACX,aAAa,EACb,WAAW,EACX,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,UAAU,EACV,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IAExB,MAAM,WAAW,GAAG,IAAA,eAAO,EACzB,GAAG,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,CAAC,YAAY,CAAC,IAAI,YAAY,EAC7D,CAAC,UAAU,CAAC,CACb,CAAA;IAED,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,CAAmC,EAAE,EAAE;QACtC,CAAC,CAAC,cAAc,EAAE,CAAA;QAElB,MAAM,QAAQ,GAAG,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,CAAA;QAC9C,MAAM,OAAO,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,cAAc,CAAC,IAAI,EAAE,CAAW,CAAA;QAE9D,QAAQ,CAAC,CAAC,EAAE,OAAO,CAAC,CAAA;IACtB,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IAED,MAAM,UAAU,GAAG,IAAA,aAAK,GAAE,CAAA;IAC1B,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,OAAO,CACL,8BAAC,OAAO,OACF,KAAK,EACT,MAAM,EAAE,KAAK,YACL,KAAK,EACb,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAE/C,8BAAC,
|
|
1
|
+
{"version":3,"file":"RightFixedNote.js","sourceRoot":"","sources":["../../../src/components/RightFixedNote/RightFixedNote.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
|
-
import React, { FC, PropsWithChildren } from 'react';
|
|
2
|
-
|
|
1
|
+
import React, { FC, HTMLAttributes, PropsWithChildren } from 'react';
|
|
2
|
+
type BaseProps = PropsWithChildren<{
|
|
3
3
|
className?: string;
|
|
4
4
|
as?: 'article' | 'aside' | 'nav' | 'section';
|
|
5
5
|
baseLevel?: number;
|
|
6
|
-
}
|
|
6
|
+
}>;
|
|
7
|
+
type SectioningContentProps = Omit<HTMLAttributes<HTMLElement>, keyof BaseProps> & BaseProps;
|
|
8
|
+
declare const SectioningContent: FC<SectioningContentProps>;
|
|
7
9
|
type Props = Omit<React.ComponentProps<typeof SectioningContent>, 'as'>;
|
|
8
10
|
export declare const Section: FC<Props>;
|
|
9
11
|
export declare const Article: FC<Props>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SectioningContent.js","sourceRoot":"","sources":["../../../src/components/SectioningContent/SectioningContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"SectioningContent.js","sourceRoot":"","sources":["../../../src/components/SectioningContent/SectioningContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAgF;AAChF,0EAAsC;AAEtC,iDAA6C;AAU7C,MAAM,iBAAiB,GAA+B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CAC3F,8BAAC,OAAO,OAAK,KAAK;IAChB,8BAAC,0BAAkB,IAAC,SAAS,EAAE,SAAS,IAAG,QAAQ,CAAsB,CACjE,CACX,CAAA;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,OAAO,CAAA,EAAE,CAAA;AAInB,QAAA,OAAO,GAAc,iBAAiB,CAAA;AAC5C,MAAM,OAAO,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,SAAS,GAAG,CAAA;AAA7E,QAAA,OAAO,WAAsE;AACnF,MAAM,KAAK,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,OAAO,GAAG,CAAA;AAAzE,QAAA,KAAK,SAAoE;AAC/E,MAAM,GAAG,GAAc,CAAC,KAAK,EAAE,EAAE,CAAC,8BAAC,iBAAiB,OAAK,KAAK,EAAE,EAAE,EAAC,KAAK,GAAG,CAAA;AAArE,QAAA,GAAG,OAAkE;AAE3E,MAAM,kBAAkB,GAAkD,CAAC,EAChF,QAAQ,EACR,SAAS,GACV,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,kBAAU,EAAC,2BAAY,CAAC,CAAA;IAEtC,OAAO,8BAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,SAAS,IAAI,KAAK,GAAG,CAAC,IAAG,QAAQ,CAAyB,CAAA;AACjG,CAAC,CAAA;AAPY,QAAA,kBAAkB,sBAO9B"}
|
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": "34.
|
|
4
|
+
"version": "34.1.0",
|
|
5
5
|
"author": "SmartHR-UI Team",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@smarthr/wareki": "^1.2.0",
|
|
@@ -15,28 +15,28 @@
|
|
|
15
15
|
"react-transition-group": "^4.4.5"
|
|
16
16
|
},
|
|
17
17
|
"devDependencies": {
|
|
18
|
-
"@babel/core": "^7.22.
|
|
19
|
-
"@babel/preset-env": "^7.22.
|
|
18
|
+
"@babel/core": "^7.22.8",
|
|
19
|
+
"@babel/preset-env": "^7.22.7",
|
|
20
20
|
"@babel/preset-react": "^7.22.5",
|
|
21
21
|
"@babel/preset-typescript": "^7.22.5",
|
|
22
22
|
"@commitlint/cli": "^17.6.6",
|
|
23
23
|
"@commitlint/config-conventional": "^17.6.6",
|
|
24
|
-
"@storybook/addon-a11y": "^7.0.
|
|
25
|
-
"@storybook/addon-essentials": "^7.0.
|
|
26
|
-
"@storybook/addon-interactions": "^7.0.
|
|
27
|
-
"@storybook/addon-storysource": "^7.0.
|
|
28
|
-
"@storybook/addons": "^7.0.
|
|
29
|
-
"@storybook/cli": "^7.0.
|
|
24
|
+
"@storybook/addon-a11y": "^7.0.26",
|
|
25
|
+
"@storybook/addon-essentials": "^7.0.26",
|
|
26
|
+
"@storybook/addon-interactions": "^7.0.26",
|
|
27
|
+
"@storybook/addon-storysource": "^7.0.26",
|
|
28
|
+
"@storybook/addons": "^7.0.26",
|
|
29
|
+
"@storybook/cli": "^7.0.26",
|
|
30
30
|
"@storybook/jest": "^0.1.0",
|
|
31
|
-
"@storybook/react": "^7.0.
|
|
32
|
-
"@storybook/react-webpack5": "^7.0.
|
|
31
|
+
"@storybook/react": "^7.0.26",
|
|
32
|
+
"@storybook/react-webpack5": "^7.0.26",
|
|
33
33
|
"@storybook/test-runner": "^0.11.0",
|
|
34
34
|
"@storybook/testing-library": "^0.2.0",
|
|
35
|
-
"@storybook/theming": "^7.0.
|
|
36
|
-
"@swc/core": "^1.3.
|
|
35
|
+
"@storybook/theming": "^7.0.26",
|
|
36
|
+
"@swc/core": "^1.3.68",
|
|
37
37
|
"@swc/jest": "^0.2.26",
|
|
38
38
|
"@testing-library/react-hooks": "^8.0.1",
|
|
39
|
-
"@types/jest": "^29.5.
|
|
39
|
+
"@types/jest": "^29.5.3",
|
|
40
40
|
"@types/lodash.merge": "^4.6.7",
|
|
41
41
|
"@types/lodash.range": "^3.2.7",
|
|
42
42
|
"@types/node": "^14.18.53",
|
|
@@ -46,20 +46,20 @@
|
|
|
46
46
|
"@types/react-transition-group": "^4.4.6",
|
|
47
47
|
"@types/styled-components": "^5.1.26",
|
|
48
48
|
"axe-playwright": "^1.2.3",
|
|
49
|
-
"babel-loader": "^9.1.
|
|
50
|
-
"babel-plugin-polyfill-corejs2": "^0.4.
|
|
51
|
-
"babel-plugin-polyfill-regenerator": "^0.5.
|
|
49
|
+
"babel-loader": "^9.1.3",
|
|
50
|
+
"babel-plugin-polyfill-corejs2": "^0.4.4",
|
|
51
|
+
"babel-plugin-polyfill-regenerator": "^0.5.1",
|
|
52
52
|
"chromatic": "^6.19.9",
|
|
53
53
|
"ecma-version-validator-webpack-plugin": "^1.2.1",
|
|
54
54
|
"eslint": "^8.44.0",
|
|
55
|
-
"eslint-config-smarthr": "^6.8.
|
|
55
|
+
"eslint-config-smarthr": "^6.8.7",
|
|
56
56
|
"eslint-plugin-storybook": "^0.6.12",
|
|
57
57
|
"fs-extra": "^11.1.1",
|
|
58
|
-
"glob": "^10.3.
|
|
58
|
+
"glob": "^10.3.3",
|
|
59
59
|
"http-server": "^14.1.1",
|
|
60
60
|
"husky": "^8.0.3",
|
|
61
|
-
"jest": "^29.
|
|
62
|
-
"jest-environment-jsdom": "^29.
|
|
61
|
+
"jest": "^29.6.1",
|
|
62
|
+
"jest-environment-jsdom": "^29.6.1",
|
|
63
63
|
"jest-styled-components": "^7.1.1",
|
|
64
64
|
"lint-staged": "^13.2.3",
|
|
65
65
|
"memory-fs": "^0.5.0",
|
|
@@ -68,19 +68,19 @@
|
|
|
68
68
|
"postcss-syntax": "^0.36.2",
|
|
69
69
|
"prettier": "^2.8.8",
|
|
70
70
|
"prettier-config-smarthr": "^1.0.0",
|
|
71
|
-
"puppeteer": "^20.
|
|
71
|
+
"puppeteer": "^20.8.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.
|
|
77
|
+
"storybook": "^7.0.26",
|
|
78
78
|
"styled-components": "^5.3.11",
|
|
79
79
|
"styled-reset": "^4.4.7",
|
|
80
|
-
"stylelint": "^15.
|
|
80
|
+
"stylelint": "^15.10.1",
|
|
81
81
|
"stylelint-config-prettier": "^9.0.5",
|
|
82
82
|
"stylelint-config-smarthr": "^1.1.0",
|
|
83
|
-
"stylelint-config-standard": "^
|
|
83
|
+
"stylelint-config-standard": "^34.0.0",
|
|
84
84
|
"stylelint-config-styled-components": "^0.1.1",
|
|
85
85
|
"testcafe": "3.0.1",
|
|
86
86
|
"ts-loader": "^9.4.4",
|
|
@@ -159,12 +159,12 @@
|
|
|
159
159
|
"sideEffects": false,
|
|
160
160
|
"typings": "lib/index.d.ts",
|
|
161
161
|
"resolutions": {
|
|
162
|
-
"@babel/helper-compilation-targets": "^7.22.
|
|
162
|
+
"@babel/helper-compilation-targets": "^7.22.6",
|
|
163
163
|
"@types/react": "^18.2.14",
|
|
164
164
|
"minimist": "1.2.8",
|
|
165
165
|
"react": "^18.2.0",
|
|
166
166
|
"react-dom": "^18.2.0",
|
|
167
|
-
"postcss": "8.4.
|
|
167
|
+
"postcss": "8.4.25"
|
|
168
168
|
},
|
|
169
169
|
"standard-version": {
|
|
170
170
|
"scripts": {
|