smarthr-ui 41.3.0 → 42.0.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/README.md +6 -0
- package/esm/components/AppNavi/AppNavi.js +2 -2
- package/esm/components/AppNavi/AppNavi.js.map +1 -1
- package/esm/components/AppNavi/AppNaviAnchor.js +1 -1
- package/esm/components/AppNavi/AppNaviAnchor.js.map +1 -1
- package/esm/components/AppNavi/AppNaviButton.js +1 -1
- package/esm/components/AppNavi/AppNaviButton.js.map +1 -1
- package/esm/components/AppNavi/AppNaviCustomTag.js +3 -3
- package/esm/components/AppNavi/AppNaviCustomTag.js.map +1 -1
- package/esm/components/AppNavi/AppNaviDropdown.js +1 -1
- package/esm/components/AppNavi/AppNaviDropdown.js.map +1 -1
- package/esm/components/AppNavi/appNaviHelper.d.ts +2 -2
- package/esm/components/AppNavi/appNaviHelper.js +1 -1
- package/esm/components/AppNavi/appNaviHelper.js.map +1 -1
- package/esm/components/BackgroundJobsPanel/BackgroundJobsPanel.js +5 -5
- package/esm/components/BackgroundJobsPanel/BackgroundJobsPanel.js.map +1 -1
- package/esm/components/Base/index.d.ts +0 -1
- package/esm/components/Base/index.js +0 -1
- package/esm/components/Base/index.js.map +1 -1
- package/esm/components/BottomFixedArea/BottomFixedArea.js +3 -3
- package/esm/components/BottomFixedArea/BottomFixedArea.js.map +1 -1
- package/esm/components/ComboBox/ListBoxItemButton.d.ts +1 -2
- package/esm/components/ComboBox/ListBoxItemButton.js +30 -50
- package/esm/components/ComboBox/ListBoxItemButton.js.map +1 -1
- package/esm/components/ComboBox/MultiComboBox.d.ts +1 -1
- package/esm/components/ComboBox/MultiComboBox.js +113 -135
- package/esm/components/ComboBox/MultiComboBox.js.map +1 -1
- package/esm/components/ComboBox/MultiSelectedItem.js +41 -39
- package/esm/components/ComboBox/MultiSelectedItem.js.map +1 -1
- package/esm/components/ComboBox/SingleComboBox.d.ts +1 -1
- package/esm/components/ComboBox/SingleComboBox.js +81 -84
- package/esm/components/ComboBox/SingleComboBox.js.map +1 -1
- package/esm/components/ComboBox/useListBox.d.ts +1 -1
- package/esm/components/ComboBox/useListBox.js +75 -101
- package/esm/components/ComboBox/useListBox.js.map +1 -1
- package/esm/components/CompactInformationPanel/CompactInformationPanel.js +2 -2
- package/esm/components/CompactInformationPanel/CompactInformationPanel.js.map +1 -1
- package/esm/components/DefinitionList/DefinitionListItem.js +2 -2
- package/esm/components/DefinitionList/DefinitionListItem.js.map +1 -1
- package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js +4 -4
- package/esm/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.d.ts +2 -2
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +50 -61
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/esm/components/Experimental/SideMenu/SideMenuGroup.js +2 -2
- package/esm/components/Experimental/SideMenu/SideMenuGroup.js.map +1 -1
- package/esm/components/FieldSet/FieldSet.js +2 -2
- package/esm/components/FieldSet/FieldSet.js.map +1 -1
- package/esm/components/FloatArea/FloatArea.js +2 -2
- package/esm/components/FloatArea/FloatArea.js.map +1 -1
- package/esm/components/FormGroup/FormGroup.js +2 -2
- package/esm/components/FormGroup/FormGroup.js.map +1 -1
- package/esm/components/Header/AppLauncher/AppLauncher.js +6 -6
- package/esm/components/Header/AppLauncher/AppLauncher.js.map +1 -1
- package/esm/components/Header/Header.js +4 -4
- package/esm/components/Header/Header.js.map +1 -1
- package/esm/components/PageCounter/PageCounter.d.ts +3 -1
- package/esm/components/PageCounter/PageCounter.js +5 -1
- package/esm/components/PageCounter/PageCounter.js.map +1 -1
- package/esm/components/SideNav/SideNavItemButton.js +3 -3
- package/esm/components/SideNav/SideNavItemButton.js.map +1 -1
- package/esm/components/Switch/Switch.js +2 -2
- package/esm/components/Switch/Switch.js.map +1 -1
- package/esm/components/Table/useReelCells.js +5 -2
- package/esm/components/Table/useReelCells.js.map +1 -1
- package/esm/index.d.ts +1 -2
- package/esm/index.js +1 -2
- package/esm/index.js.map +1 -1
- package/lib/components/AppNavi/AppNavi.js +2 -2
- package/lib/components/AppNavi/AppNavi.js.map +1 -1
- package/lib/components/AppNavi/AppNaviAnchor.js +1 -1
- package/lib/components/AppNavi/AppNaviAnchor.js.map +1 -1
- package/lib/components/AppNavi/AppNaviButton.js +1 -1
- package/lib/components/AppNavi/AppNaviButton.js.map +1 -1
- package/lib/components/AppNavi/AppNaviCustomTag.js +3 -3
- package/lib/components/AppNavi/AppNaviCustomTag.js.map +1 -1
- package/lib/components/AppNavi/AppNaviDropdown.js +1 -1
- package/lib/components/AppNavi/AppNaviDropdown.js.map +1 -1
- package/lib/components/AppNavi/appNaviHelper.d.ts +2 -2
- package/lib/components/AppNavi/appNaviHelper.js +1 -1
- package/lib/components/AppNavi/appNaviHelper.js.map +1 -1
- package/lib/components/BackgroundJobsPanel/BackgroundJobsPanel.js +5 -5
- package/lib/components/BackgroundJobsPanel/BackgroundJobsPanel.js.map +1 -1
- package/lib/components/Base/index.d.ts +0 -1
- package/lib/components/Base/index.js +1 -3
- package/lib/components/Base/index.js.map +1 -1
- package/lib/components/BottomFixedArea/BottomFixedArea.js +3 -3
- package/lib/components/BottomFixedArea/BottomFixedArea.js.map +1 -1
- package/lib/components/ComboBox/ListBoxItemButton.d.ts +1 -2
- package/lib/components/ComboBox/ListBoxItemButton.js +29 -49
- package/lib/components/ComboBox/ListBoxItemButton.js.map +1 -1
- package/lib/components/ComboBox/MultiComboBox.d.ts +1 -1
- package/lib/components/ComboBox/MultiComboBox.js +113 -135
- package/lib/components/ComboBox/MultiComboBox.js.map +1 -1
- package/lib/components/ComboBox/MultiSelectedItem.js +40 -38
- package/lib/components/ComboBox/MultiSelectedItem.js.map +1 -1
- package/lib/components/ComboBox/SingleComboBox.d.ts +1 -1
- package/lib/components/ComboBox/SingleComboBox.js +81 -84
- package/lib/components/ComboBox/SingleComboBox.js.map +1 -1
- package/lib/components/ComboBox/useListBox.d.ts +1 -1
- package/lib/components/ComboBox/useListBox.js +74 -100
- package/lib/components/ComboBox/useListBox.js.map +1 -1
- package/lib/components/CompactInformationPanel/CompactInformationPanel.js +2 -2
- package/lib/components/CompactInformationPanel/CompactInformationPanel.js.map +1 -1
- package/lib/components/DefinitionList/DefinitionListItem.js +2 -2
- package/lib/components/DefinitionList/DefinitionListItem.js.map +1 -1
- package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js +4 -4
- package/lib/components/Dialog/ActionDialog/ActionDialogContentInner.js.map +1 -1
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.d.ts +2 -2
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js +50 -61
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/lib/components/Experimental/SideMenu/SideMenuGroup.js +2 -2
- package/lib/components/Experimental/SideMenu/SideMenuGroup.js.map +1 -1
- package/lib/components/FieldSet/FieldSet.js +2 -2
- package/lib/components/FieldSet/FieldSet.js.map +1 -1
- package/lib/components/FloatArea/FloatArea.js +2 -2
- package/lib/components/FloatArea/FloatArea.js.map +1 -1
- package/lib/components/FormGroup/FormGroup.js +2 -2
- package/lib/components/FormGroup/FormGroup.js.map +1 -1
- package/lib/components/Header/AppLauncher/AppLauncher.js +6 -6
- package/lib/components/Header/AppLauncher/AppLauncher.js.map +1 -1
- package/lib/components/Header/Header.js +4 -4
- package/lib/components/Header/Header.js.map +1 -1
- package/lib/components/PageCounter/PageCounter.d.ts +3 -1
- package/lib/components/PageCounter/PageCounter.js +5 -1
- package/lib/components/PageCounter/PageCounter.js.map +1 -1
- package/lib/components/SideNav/SideNavItemButton.js +3 -3
- package/lib/components/SideNav/SideNavItemButton.js.map +1 -1
- package/lib/components/Switch/Switch.js +2 -2
- package/lib/components/Switch/Switch.js.map +1 -1
- package/lib/components/Table/useReelCells.js +5 -2
- package/lib/components/Table/useReelCells.js.map +1 -1
- package/lib/index.d.ts +1 -2
- package/lib/index.js +3 -6
- package/lib/index.js.map +1 -1
- package/package.json +35 -30
- package/smarthr-ui.css +213 -0
- package/esm/components/Base/DialogBase.d.ts +0 -11
- package/esm/components/Base/DialogBase.js +0 -24
- package/esm/components/Base/DialogBase.js.map +0 -1
- package/esm/components/Base/useClassNames.d.ts +0 -5
- package/esm/components/Base/useClassNames.js +0 -12
- package/esm/components/Base/useClassNames.js.map +0 -1
- package/esm/components/ComboBox/ComboBoxContext.d.ts +0 -11
- package/esm/components/ComboBox/ComboBoxContext.js +0 -10
- package/esm/components/ComboBox/ComboBoxContext.js.map +0 -1
- package/esm/components/ComboBox/useClassNames.d.ts +0 -26
- package/esm/components/ComboBox/useClassNames.js +0 -36
- package/esm/components/ComboBox/useClassNames.js.map +0 -1
- package/esm/components/RightFixedNote/RightFixedNote.d.ts +0 -28
- package/esm/components/RightFixedNote/RightFixedNote.js +0 -85
- package/esm/components/RightFixedNote/RightFixedNote.js.map +0 -1
- package/esm/components/RightFixedNote/RightFixedNoteItem.d.ts +0 -25
- package/esm/components/RightFixedNote/RightFixedNoteItem.js +0 -50
- package/esm/components/RightFixedNote/RightFixedNoteItem.js.map +0 -1
- package/esm/components/RightFixedNote/index.d.ts +0 -2
- package/esm/components/RightFixedNote/index.js +0 -3
- package/esm/components/RightFixedNote/index.js.map +0 -1
- package/esm/components/RightFixedNote/useClassNames.d.ts +0 -11
- package/esm/components/RightFixedNote/useClassNames.js +0 -18
- package/esm/components/RightFixedNote/useClassNames.js.map +0 -1
- package/lib/components/Base/DialogBase.d.ts +0 -11
- package/lib/components/Base/DialogBase.js +0 -50
- package/lib/components/Base/DialogBase.js.map +0 -1
- package/lib/components/Base/useClassNames.d.ts +0 -5
- package/lib/components/Base/useClassNames.js +0 -16
- package/lib/components/Base/useClassNames.js.map +0 -1
- package/lib/components/ComboBox/ComboBoxContext.d.ts +0 -11
- package/lib/components/ComboBox/ComboBoxContext.js +0 -13
- package/lib/components/ComboBox/ComboBoxContext.js.map +0 -1
- package/lib/components/ComboBox/useClassNames.d.ts +0 -26
- package/lib/components/ComboBox/useClassNames.js +0 -41
- package/lib/components/ComboBox/useClassNames.js.map +0 -1
- package/lib/components/RightFixedNote/RightFixedNote.d.ts +0 -28
- package/lib/components/RightFixedNote/RightFixedNote.js +0 -115
- package/lib/components/RightFixedNote/RightFixedNote.js.map +0 -1
- package/lib/components/RightFixedNote/RightFixedNoteItem.d.ts +0 -25
- package/lib/components/RightFixedNote/RightFixedNoteItem.js +0 -80
- package/lib/components/RightFixedNote/RightFixedNoteItem.js.map +0 -1
- package/lib/components/RightFixedNote/index.d.ts +0 -2
- package/lib/components/RightFixedNote/index.js +0 -19
- package/lib/components/RightFixedNote/index.js.map +0 -1
- package/lib/components/RightFixedNote/useClassNames.d.ts +0 -11
- package/lib/components/RightFixedNote/useClassNames.js +0 -22
- package/lib/components/RightFixedNote/useClassNames.js.map +0 -1
package/README.md
CHANGED
|
@@ -26,6 +26,9 @@ npm install smarthr-ui
|
|
|
26
26
|
|
|
27
27
|
// with yarn
|
|
28
28
|
yarn add smarthr-ui
|
|
29
|
+
|
|
30
|
+
// with pnpm
|
|
31
|
+
pnpm add smarthr-ui
|
|
29
32
|
```
|
|
30
33
|
|
|
31
34
|
peerDependencies として React, React-DOM, styled-components が必要です。
|
|
@@ -36,6 +39,9 @@ npm install react react-dom styled-components
|
|
|
36
39
|
|
|
37
40
|
// with yarn
|
|
38
41
|
yarn add react react-dom styled-components
|
|
42
|
+
|
|
43
|
+
// with pnpm
|
|
44
|
+
pnpm add react react-dom styled-components
|
|
39
45
|
```
|
|
40
46
|
|
|
41
47
|
## 使いかた
|
|
@@ -12,7 +12,7 @@ export const AppNavi = ({ label, buttons, isCurrentUnclickable, className = '',
|
|
|
12
12
|
const theme = useTheme();
|
|
13
13
|
const classNames = useClassNames();
|
|
14
14
|
return (React.createElement(WrapperNav, { ...props, themes: theme, className: `${className} ${classNames.wrapper}` },
|
|
15
|
-
label && (React.createElement(StyledStatusLabel, { themes: theme, className: classNames.label }, label)),
|
|
15
|
+
label && (React.createElement(StyledStatusLabel, { "$themes": theme, className: classNames.label }, label)),
|
|
16
16
|
buttons && (React.createElement(Buttons, { themes: theme, className: classNames.buttons }, buttons.map((button, i) => {
|
|
17
17
|
const isUnclickable = button.current && isCurrentUnclickable;
|
|
18
18
|
if ('tag' in button) {
|
|
@@ -45,7 +45,7 @@ const WrapperNav = styled(Nav) `
|
|
|
45
45
|
`}
|
|
46
46
|
`;
|
|
47
47
|
const StyledStatusLabel = styled(StatusLabel) `
|
|
48
|
-
${({ themes: { spacingByChar } }) => css `
|
|
48
|
+
${({ $themes: { spacingByChar } }) => css `
|
|
49
49
|
margin-right: ${spacingByChar(1)};
|
|
50
50
|
`}
|
|
51
51
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNavi.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNavi.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAA;AAC7D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,aAAa,EAAsB,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,gBAAgB,EAAyB,MAAM,oBAAoB,CAAA;AAC5E,OAAO,EAAE,eAAe,EAAwB,MAAM,mBAAmB,CAAA;AACzE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAqB/C,MAAM,CAAC,MAAM,OAAO,GAA8B,CAAC,EACjD,KAAK,EACL,OAAO,EACP,oBAAoB,EACpB,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,IAAI,EACf,oBAAoB,GAAG,KAAK,EAC5B,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,UAAU,OAAK,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAClF,KAAK,IAAI,CACR,oBAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"AppNavi.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNavi.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,7 +7,7 @@ export const AppNaviAnchor = ({ children, href, icon, current = false, isUnclick
|
|
|
7
7
|
const theme = useTheme();
|
|
8
8
|
const classNames = useClassNames();
|
|
9
9
|
const iconComponent = getIconComponent(theme, { icon, current });
|
|
10
|
-
return (React.createElement(Anchor, { themes: theme, "aria-current": current ? 'page' : undefined, href: isUnclickable ? undefined : href, className: classNames.anchor, "$isActive": current, "$isUnclickable": isUnclickable },
|
|
10
|
+
return (React.createElement(Anchor, { "$themes": theme, "aria-current": current ? 'page' : undefined, href: isUnclickable ? undefined : href, className: classNames.anchor, "$isActive": current, "$isUnclickable": isUnclickable },
|
|
11
11
|
iconComponent,
|
|
12
12
|
children));
|
|
13
13
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNaviAnchor.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAG/C,OAAO,EAAkB,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAgB/C,MAAM,CAAC,MAAM,aAAa,GAAoB,CAAC,EAC7C,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,GACtB,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"AppNaviAnchor.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviAnchor.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAG/C,OAAO,EAAkB,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAgB/C,MAAM,CAAC,MAAM,aAAa,GAAoB,CAAC,EAC7C,QAAQ,EACR,IAAI,EACJ,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,GACtB,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,MAAM,eACI,KAAK,kBACA,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EACtC,SAAS,EAAE,UAAU,CAAC,MAAM,eACjB,OAAO,oBACF,aAAa;QAE5B,aAAa;QACb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,CACrB,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,CAAA;MACV,YAAY,CAAC,KAAK,CAAC;;;;;GAKtB,CACF,CAAA"}
|
|
@@ -8,7 +8,7 @@ export const AppNaviButton = ({ children, icon, current = false, isUnclickable =
|
|
|
8
8
|
const theme = useTheme();
|
|
9
9
|
const classNames = useClassNames();
|
|
10
10
|
const iconComponent = getIconComponent(theme, { icon, current });
|
|
11
|
-
return (React.createElement(Button, { themes: theme, "aria-current": current ? 'page' : undefined, onClick: onClick, disabled: isUnclickable, type: "button", className: classNames.button, "$isActive": current, "$isUnclickable": isUnclickable },
|
|
11
|
+
return (React.createElement(Button, { "$themes": theme, "aria-current": current ? 'page' : undefined, onClick: onClick, disabled: isUnclickable, type: "button", className: classNames.button, "$isActive": current, "$isUnclickable": isUnclickable },
|
|
12
12
|
iconComponent,
|
|
13
13
|
children));
|
|
14
14
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNaviButton.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAG1C,OAAO,EAAkB,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAiB/C,MAAM,CAAC,MAAM,aAAa,GAAoB,CAAC,EAC7C,QAAQ,EACR,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,EACrB,OAAO,GACR,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"AppNaviButton.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAG1C,OAAO,EAAkB,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAiB/C,MAAM,CAAC,MAAM,aAAa,GAAoB,CAAC,EAC7C,QAAQ,EACR,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,EACrB,OAAO,GACR,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,MAAM,eACI,KAAK,kBACA,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,aAAa,EACvB,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAU,CAAC,MAAM,eACjB,OAAO,oBACF,aAAa;QAE5B,aAAa;QACb,QAAQ,CACF,CACV,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,cAAc,CAAC,CAAiB,CAAC,KAAK,EAAE,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAA"}
|
|
@@ -22,7 +22,7 @@ export const AppNaviCustomTag = ({ children, tag, icon, current = false, isUncli
|
|
|
22
22
|
iconComponent,
|
|
23
23
|
children));
|
|
24
24
|
};
|
|
25
|
-
const Active = styled.div(({ $themes }) => getItemStyle({
|
|
26
|
-
const InActive = styled.div(({ $themes }) => getItemStyle({
|
|
27
|
-
const UnclickableActive = styled.div(({ $themes }) => getItemStyle({
|
|
25
|
+
const Active = styled.div(({ $themes }) => getItemStyle({ $themes, $isActive: true }));
|
|
26
|
+
const InActive = styled.div(({ $themes }) => getItemStyle({ $themes }));
|
|
27
|
+
const UnclickableActive = styled.div(({ $themes }) => getItemStyle({ $themes, $isActive: true, $isUnclickable: true }));
|
|
28
28
|
//# sourceMappingURL=AppNaviCustomTag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNaviCustomTag.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviCustomTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAC5D,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAGtD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAgB/C,MAAM,CAAC,MAAM,gBAAgB,GAAoB,CAAC,EAChD,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAEhE,IAAI,OAAO,EAAE,CAAC;QACZ,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,gBAAgB,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;YAC5D,OAAO,CACL,oBAAC,iBAAiB,OACZ,KAAK,KACL,gBAAgB,EACpB,EAAE,EAAE,GAAG,aACE,KAAK,kBACD,MAAM,EACnB,SAAS,EAAE,UAAU,CAAC,SAAS;gBAE9B,aAAa;gBACb,QAAQ,CACS,CACrB,CAAA;QACH,CAAC;QACD,OAAO,CACL,oBAAC,MAAM,OACD,KAAK,EACT,EAAE,EAAE,GAAG,aACE,KAAK,kBACD,MAAM,EACnB,SAAS,EAAE,UAAU,CAAC,SAAS;YAE9B,aAAa;YACb,QAAQ,CACF,CACV,CAAA;IACH,CAAC;IAED,OAAO,CACL,oBAAC,QAAQ,OAAK,KAAK,EAAE,EAAE,EAAE,GAAG,aAAW,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS;QAC1E,aAAa;QACb,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAC5D,YAAY,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"AppNaviCustomTag.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviCustomTag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAC5D,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAGtD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAgB/C,MAAM,CAAC,MAAM,gBAAgB,GAAoB,CAAC,EAChD,QAAQ,EACR,GAAG,EACH,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,EACrB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAEhE,IAAI,OAAO,EAAE,CAAC;QACZ,IAAI,aAAa,EAAE,CAAC;YAClB,MAAM,gBAAgB,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAA;YAC5D,OAAO,CACL,oBAAC,iBAAiB,OACZ,KAAK,KACL,gBAAgB,EACpB,EAAE,EAAE,GAAG,aACE,KAAK,kBACD,MAAM,EACnB,SAAS,EAAE,UAAU,CAAC,SAAS;gBAE9B,aAAa;gBACb,QAAQ,CACS,CACrB,CAAA;QACH,CAAC;QACD,OAAO,CACL,oBAAC,MAAM,OACD,KAAK,EACT,EAAE,EAAE,GAAG,aACE,KAAK,kBACD,MAAM,EACnB,SAAS,EAAE,UAAU,CAAC,SAAS;YAE9B,aAAa;YACb,QAAQ,CACF,CACV,CAAA;IACH,CAAC;IAED,OAAO,CACL,oBAAC,QAAQ,OAAK,KAAK,EAAE,EAAE,EAAE,GAAG,aAAW,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS;QAC1E,aAAa;QACb,QAAQ,CACA,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAC5D,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAC3C,CAAA;AACD,MAAM,QAAQ,GAAG,MAAM,CAAC,GAAG,CAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,YAAY,CAAC,EAAE,OAAO,EAAE,CAAC,CAAC,CAAA;AAC3F,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAqB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CACvE,YAAY,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CACjE,CAAA"}
|
|
@@ -9,7 +9,7 @@ export const AppNaviDropdown = ({ children, dropdownContent, icon, current = fal
|
|
|
9
9
|
const iconComponent = getIconComponent(theme, { icon, current });
|
|
10
10
|
return (React.createElement(Dropdown, null,
|
|
11
11
|
React.createElement(StyledDropdownTrigger, null,
|
|
12
|
-
React.createElement(TriggerButton, { themes: theme, "aria-current": current ? 'page' : undefined, disabled: isUnclickable, type: "button", "$displayCaret": displayCaret, "$isActive": current, "$isUnclickable": isUnclickable },
|
|
12
|
+
React.createElement(TriggerButton, { "$themes": theme, "aria-current": current ? 'page' : undefined, disabled: isUnclickable, type: "button", "$displayCaret": displayCaret, "$isActive": current, "$isUnclickable": isUnclickable },
|
|
13
13
|
iconComponent,
|
|
14
14
|
children,
|
|
15
15
|
displayCaret && React.createElement(FaCaretDownIcon, null))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppNaviDropdown.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,eAAe,EAA+B,MAAM,SAAS,CAAA;AAEtE,OAAO,EAAkB,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAkBhF,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,EAC/C,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,EACrB,YAAY,GACb,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,qBAAqB;YACpB,oBAAC,aAAa,
|
|
1
|
+
{"version":3,"file":"AppNaviDropdown.js","sourceRoot":"","sources":["../../../src/components/AppNavi/AppNaviDropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyB,MAAM,OAAO,CAAA;AAC7C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,aAAa,CAAA;AACxE,OAAO,EAAE,eAAe,EAA+B,MAAM,SAAS,CAAA;AAEtE,OAAO,EAAkB,gBAAgB,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAkBhF,MAAM,CAAC,MAAM,eAAe,GAAoB,CAAC,EAC/C,QAAQ,EACR,eAAe,EACf,IAAI,EACJ,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,EACrB,YAAY,GACb,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,aAAa,GAAG,gBAAgB,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAA;IAEhE,OAAO,CACL,oBAAC,QAAQ;QACP,oBAAC,qBAAqB;YACpB,oBAAC,aAAa,eACH,KAAK,kBACA,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAC1C,QAAQ,EAAE,aAAa,EACvB,IAAI,EAAC,QAAQ,mBACE,YAAY,eAChB,OAAO,oBACF,aAAa;gBAE5B,aAAa;gBACb,QAAQ;gBACR,YAAY,IAAI,oBAAC,eAAe,OAAG,CACtB,CACM;QAExB,oBAAC,eAAe,QAAE,eAAe,CAAmB,CAC3C,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,qBAAqB,GAAG,MAAM,CAAC,eAAe,CAAC,CAAA;;CAEpD,CAAA;AACD,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAKjC,CAAC,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;MAChC,YAAY,CAAC,KAAK,CAAC;;MAEnB,aAAa;IACf,GAAG,CAAA;;;;;;KAMF;GACF,CACF,CAAA"}
|
|
@@ -6,8 +6,8 @@ export declare const getIconComponent: (theme: Theme, options?: {
|
|
|
6
6
|
current?: boolean;
|
|
7
7
|
}) => React.JSX.Element | null;
|
|
8
8
|
export type ItemStyleProps = {
|
|
9
|
-
themes: Theme;
|
|
9
|
+
$themes: Theme;
|
|
10
10
|
$isActive?: boolean;
|
|
11
11
|
$isUnclickable?: boolean;
|
|
12
12
|
};
|
|
13
|
-
export declare const getItemStyle: ({ themes: { color: { hoverColor, MAIN, TEXT_BLACK, TEXT_GREY, WHITE }, fontSize, leading, spacingByChar, }, $isActive, $isUnclickable, }: ItemStyleProps) => import("styled-components").FlattenSimpleInterpolation;
|
|
13
|
+
export declare const getItemStyle: ({ $themes: { color: { hoverColor, MAIN, TEXT_BLACK, TEXT_GREY, WHITE }, fontSize, leading, spacingByChar, }, $isActive, $isUnclickable, }: ItemStyleProps) => import("styled-components").FlattenSimpleInterpolation;
|
|
@@ -15,7 +15,7 @@ export const getIconComponent = (theme, options) => {
|
|
|
15
15
|
};
|
|
16
16
|
return React.createElement(Icon, { ...iconProps });
|
|
17
17
|
};
|
|
18
|
-
export const getItemStyle = ({ themes: { color: { hoverColor, MAIN, TEXT_BLACK, TEXT_GREY, WHITE }, fontSize, leading, spacingByChar, }, $isActive, $isUnclickable, }) => css `
|
|
18
|
+
export const getItemStyle = ({ $themes: { color: { hoverColor, MAIN, TEXT_BLACK, TEXT_GREY, WHITE }, fontSize, leading, spacingByChar, }, $isActive, $isUnclickable, }) => css `
|
|
19
19
|
display: flex;
|
|
20
20
|
align-items: center;
|
|
21
21
|
gap: ${spacingByChar(0.5)};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"appNaviHelper.js","sourceRoot":"","sources":["../../../src/components/AppNavi/appNaviHelper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAKvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,KAAY,EACZ,OAAsE,EACtE,EAAE;IACF,MAAM,IAAI,GAAG;QACX,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,KAAK;QACd,GAAG,OAAO;KACX,CAAA;IACD,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,KAAK,CAAA;IAE7C,IAAI,CAAC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAE3B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;IAEtB,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;KAC7C,CAAA;IAED,OAAO,oBAAC,IAAI,OAAK,SAAS,GAAI,CAAA;AAChC,CAAC,CAAA;AAOD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,
|
|
1
|
+
{"version":3,"file":"appNaviHelper.js","sourceRoot":"","sources":["../../../src/components/AppNavi/appNaviHelper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAKvC,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAC9B,KAAY,EACZ,OAAsE,EACtE,EAAE;IACF,MAAM,IAAI,GAAG;QACX,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,KAAK;QACd,GAAG,OAAO;KACX,CAAA;IACD,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC,KAAK,CAAA;IAE7C,IAAI,CAAC,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAE3B,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;IAEtB,MAAM,SAAS,GAAG;QAChB,KAAK,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS;KAC7C,CAAA;IAED,OAAO,oBAAC,IAAI,OAAK,SAAS,GAAI,CAAA;AAChC,CAAC,CAAA;AAOD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAC3B,OAAO,EAAE,EACP,KAAK,EAAE,EAAE,UAAU,EAAE,IAAI,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,EACzD,QAAQ,EACR,OAAO,EACP,aAAa,GACd,EACD,SAAS,EACT,cAAc,GACC,EAAE,EAAE,CAAC,GAAG,CAAA;;;SAGhB,aAAa,CAAC,GAAG,CAAC;;;;;;aAMd,aAAa,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,GAAG,CAAC;;eAEvC,QAAQ,CAAC,CAAC;;iBAER,OAAO,CAAC,IAAI;WAClB,SAAS;;;IAGhB,SAAS;IACX,GAAG,CAAA;aACQ,UAAU;;;;;;;;;0BASG,IAAI;gBACd,aAAa,CAAC,IAAI,CAAC;;GAEhC;IACC,CAAC,cAAc;IACjB,GAAG,CAAA;;;0BAGqB,UAAU,CAAC,KAAK,CAAC;;GAExC;CACF,CAAA"}
|
|
@@ -19,7 +19,7 @@ export const BackgroundJobsPanel = ({ title, jobs, onClickCancelJob, onClickExpa
|
|
|
19
19
|
}
|
|
20
20
|
}, [isExpansionControlled, props.isExpanded]);
|
|
21
21
|
const jobListId = useId();
|
|
22
|
-
return (React.createElement(Container, { themes: themes, className: `${className} ${classNames.wrapper}` },
|
|
22
|
+
return (React.createElement(Container, { "$themes": themes, className: `${className} ${classNames.wrapper}` },
|
|
23
23
|
React.createElement(Header, null,
|
|
24
24
|
React.createElement(Title, { themes: themes, className: classNames.title }, title),
|
|
25
25
|
React.createElement(HeaderButtonLayout, { themes: themes },
|
|
@@ -38,15 +38,15 @@ export const BackgroundJobsPanel = ({ title, jobs, onClickCancelJob, onClickExpa
|
|
|
38
38
|
React.createElement(JobIcon, { status: job.status })),
|
|
39
39
|
React.createElement(JobNameText, { themes: themes }, job.name),
|
|
40
40
|
React.createElement(JobDescText, { themes: themes }, job.description),
|
|
41
|
-
job.isCancelable && (React.createElement(CancelButton, { type: "button", onClick: handleClickCancelJob, themes: themes }, "\u30AD\u30E3\u30F3\u30BB\u30EB"))));
|
|
41
|
+
job.isCancelable && (React.createElement(CancelButton, { type: "button", onClick: handleClickCancelJob, "$themes": themes }, "\u30AD\u30E3\u30F3\u30BB\u30EB"))));
|
|
42
42
|
}))));
|
|
43
43
|
};
|
|
44
|
-
const Container = styled(Base)(({ themes }) => css `
|
|
44
|
+
const Container = styled(Base)(({ $themes: { color } }) => css `
|
|
45
45
|
display: inline-flex;
|
|
46
46
|
flex-direction: column;
|
|
47
47
|
min-width: 420px;
|
|
48
48
|
max-width: 600px;
|
|
49
|
-
color: ${
|
|
49
|
+
color: ${color.TEXT_BLACK};
|
|
50
50
|
`);
|
|
51
51
|
const Header = styled.div `
|
|
52
52
|
display: flex;
|
|
@@ -100,7 +100,7 @@ const JobDescText = styled(OmittableJobText)(({ themes: { fontSize, spacingByCha
|
|
|
100
100
|
margin-left: ${spacingByChar(0.5)};
|
|
101
101
|
font-size: ${fontSize.S};
|
|
102
102
|
`);
|
|
103
|
-
const CancelButton = styled(UnstyledButton)(({ themes: { color, fontSize, spacingByChar } }) => css `
|
|
103
|
+
const CancelButton = styled(UnstyledButton)(({ $themes: { color, fontSize, spacingByChar } }) => css `
|
|
104
104
|
flex-shrink: 0;
|
|
105
105
|
margin-left: ${spacingByChar(0.5)};
|
|
106
106
|
font-size: ${fontSize.S};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackgroundJobsPanel.js","sourceRoot":"","sources":["../../../src/components/BackgroundJobsPanel/BackgroundJobsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkC,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAClF,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,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAA;AAExE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAmC/C,MAAM,CAAC,MAAM,mBAAmB,GAA8B,CAAC,EAC7D,KAAK,EACL,IAAI,EACJ,gBAAgB,EAChB,gBAAgB,EAChB,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAA;IACzB,MAAM,EAAE,mBAAmB,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE,CAAA;IAC3D,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,KAAK,SAAS,CAAA;IAE5D,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IAC/F,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,qBAAqB,EAAE,CAAC;YAC1B,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAA;QACnC,CAAC;IACH,CAAC,EAAE,CAAC,qBAAqB,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAA;IAE7C,MAAM,SAAS,GAAG,KAAK,EAAE,CAAA;IAEzB,OAAO,CACL,oBAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"BackgroundJobsPanel.js","sourceRoot":"","sources":["../../../src/components/BackgroundJobsPanel/BackgroundJobsPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}
|
|
@@ -13,7 +13,7 @@ export const BottomFixedArea = ({ description, primaryButton, secondaryButton, t
|
|
|
13
13
|
useEffect(() => {
|
|
14
14
|
validateElement(primaryButton, secondaryButton);
|
|
15
15
|
}, [primaryButton, secondaryButton]);
|
|
16
|
-
return (React.createElement(Base, { ...props, themes: theme, zIndex: zIndex, className: `${className} ${classNames.wrapper}` },
|
|
16
|
+
return (React.createElement(Base, { ...props, "$themes": theme, "$zIndex": zIndex, className: `${className} ${classNames.wrapper}` },
|
|
17
17
|
React.createElement(Stack, null,
|
|
18
18
|
description && (React.createElement(Text, { as: "p", className: classNames.description }, description)),
|
|
19
19
|
(secondaryButton || primaryButton) && (React.createElement(Cluster, { as: "ul", justify: "center", gap: { row: 0.5, column: 1 } },
|
|
@@ -23,13 +23,13 @@ export const BottomFixedArea = ({ description, primaryButton, secondaryButton, t
|
|
|
23
23
|
React.createElement(TertiaryLink, { ...tertiaryLink })))))))));
|
|
24
24
|
};
|
|
25
25
|
const Base = styled(BaseComponent) `
|
|
26
|
-
${({ themes: { spacingByChar }, zIndex }) => css `
|
|
26
|
+
${({ $themes: { spacingByChar }, $zIndex }) => css `
|
|
27
27
|
position: fixed;
|
|
28
28
|
bottom: 0;
|
|
29
29
|
width: 100%;
|
|
30
30
|
padding: ${spacingByChar(1.5)};
|
|
31
31
|
text-align: center;
|
|
32
|
-
z-index: ${zIndex};
|
|
32
|
+
z-index: ${$zIndex};
|
|
33
33
|
box-shadow: 0 -4px 8px 2px rgba(0, 0, 0, 0.24);
|
|
34
34
|
border-radius: 0;
|
|
35
35
|
box-sizing: border-box;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,SAAS,GACV,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA2B/C,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,IAAI,OACC,KAAK,
|
|
1
|
+
{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,SAAS,GACV,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAE/C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA2B/C,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,IAAI,OACC,KAAK,aACA,KAAK,aACL,MAAM,EACf,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAE/C,oBAAC,KAAK;YACH,WAAW,IAAI,CACd,oBAAC,IAAI,IAAC,EAAE,EAAC,GAAG,EAAC,SAAS,EAAE,UAAU,CAAC,WAAW,IAC3C,WAAW,CACP,CACR;YACA,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,oBAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;gBAC3D,eAAe,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,eAAe,IAAG,eAAe,CAAM;gBACpF,aAAa,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,aAAa,IAAG,aAAa,CAAM,CACvE,CACX;YACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,oBAAC,OAAO,IAAC,EAAE,EAAC,IAAI,EAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,IAC3D,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB;gBAEpD,oBAAC,YAAY,OAAK,YAAY,GAAI,CAC/B,CACN,CAAC,CACM,CACX,CACK,CACH,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAqC;IACnE,CAAC,EAAE,OAAO,EAAE,EAAE,aAAa,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;;eAIrC,aAAa,CAAC,GAAG,CAAC;;eAElB,OAAO;;;;GAInB;CACF,CAAA"}
|
|
@@ -8,6 +8,5 @@ type Props<T> = {
|
|
|
8
8
|
onMouseOver: (option: ComboBoxOption<T>) => void;
|
|
9
9
|
activeRef: RefObject<HTMLButtonElement>;
|
|
10
10
|
};
|
|
11
|
-
declare
|
|
12
|
-
declare const Memoized: typeof ListBoxItemButton;
|
|
11
|
+
declare const Memoized: <T>({ option, isActive, onAdd, onSelect, onMouseOver, activeRef, }: Props<T>) => React.JSX.Element;
|
|
13
12
|
export { Memoized as ListBoxItemButton };
|
|
@@ -1,11 +1,25 @@
|
|
|
1
|
-
import React, { useCallback,
|
|
2
|
-
import
|
|
3
|
-
import { useTheme } from '../../hooks/useTheme';
|
|
1
|
+
import React, { useCallback, useMemo } from 'react';
|
|
2
|
+
import { tv } from 'tailwind-variants';
|
|
4
3
|
import { FaPlusCircleIcon } from '../Icon';
|
|
5
4
|
import { Text } from '../Text';
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
const button = tv({
|
|
6
|
+
base: [
|
|
7
|
+
'shr-block shr-min-w-full shr-cursor-pointer shr-border-none shr-px-1 shr-py-0.5 shr-text-left shr-text-base shr-leading-tight',
|
|
8
|
+
'aria-selected:shr-text-white',
|
|
9
|
+
'disabled:shr-cursor-not-allowed disabled:shr-text-disabled',
|
|
10
|
+
],
|
|
11
|
+
variants: {
|
|
12
|
+
active: {
|
|
13
|
+
true: ['shr-bg-white-darken shr-text-inherit', 'aria-selected:shr-bg-main-darken'],
|
|
14
|
+
false: ['shr-bg-white', 'aria-selected:shr-bg-main'],
|
|
15
|
+
},
|
|
16
|
+
new: {
|
|
17
|
+
true: 'smarthr-ui-ComboBox-addButton shr-flex shr-items-center',
|
|
18
|
+
false: 'smarthr-ui-ComboBox-selectButton',
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
});
|
|
22
|
+
const ListBoxItemButton = ({ option, isActive, onAdd, onSelect, onMouseOver, activeRef, }) => {
|
|
9
23
|
const { item, selected, isNew } = option;
|
|
10
24
|
const { label, disabled } = item;
|
|
11
25
|
const handleAdd = useCallback(() => {
|
|
@@ -17,53 +31,19 @@ function ListBoxItemButton({ option, isActive, onAdd, onSelect, onMouseOver, act
|
|
|
17
31
|
const handleMouseOver = useCallback(() => {
|
|
18
32
|
onMouseOver(option);
|
|
19
33
|
}, [onMouseOver, option]);
|
|
20
|
-
const
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
34
|
+
const buttonStyle = useMemo(() => button({
|
|
35
|
+
active: !!isActive,
|
|
36
|
+
new: isNew,
|
|
37
|
+
}), [isActive, isNew]);
|
|
38
|
+
return isNew ? (
|
|
39
|
+
// eslint-disable-next-line smarthr/a11y-clickable-element-has-text
|
|
40
|
+
React.createElement("button", { key: option.id, onClick: handleAdd, onMouseOver: handleMouseOver, id: option.id, role: "option", className: buttonStyle, ref: isActive ? activeRef : undefined },
|
|
41
|
+
React.createElement(FaPlusCircleIcon, { color: "TEXT_LINK", text: React.createElement(Text, { color: "TEXT_LINK" },
|
|
24
42
|
"\u300C",
|
|
25
43
|
label,
|
|
26
|
-
"\u300D\u3092\u8FFD\u52A0") }))) : (React.createElement(
|
|
27
|
-
}
|
|
44
|
+
"\u300D\u3092\u8FFD\u52A0") }))) : (React.createElement("button", { key: option.id, disabled: disabled, onClick: handleSelect, onMouseOver: handleMouseOver, id: option.id, role: "option", className: buttonStyle, "aria-selected": selected, ref: isActive ? activeRef : undefined }, label));
|
|
45
|
+
};
|
|
28
46
|
const typedMemo = React.memo;
|
|
29
47
|
const Memoized = typedMemo(ListBoxItemButton);
|
|
30
48
|
export { Memoized as ListBoxItemButton };
|
|
31
|
-
const SelectButton = styled.button `
|
|
32
|
-
${({ themes }) => {
|
|
33
|
-
const { fontSize, leading, spacingByChar, color } = themes;
|
|
34
|
-
return css `
|
|
35
|
-
display: block;
|
|
36
|
-
min-width: 100%;
|
|
37
|
-
border: none;
|
|
38
|
-
padding: ${spacingByChar(0.5)} ${spacingByChar(1)};
|
|
39
|
-
background-color: ${color.WHITE};
|
|
40
|
-
font-size: ${fontSize.M};
|
|
41
|
-
line-height: ${leading.TIGHT};
|
|
42
|
-
text-align: left;
|
|
43
|
-
cursor: pointer;
|
|
44
|
-
|
|
45
|
-
&.active {
|
|
46
|
-
background-color: ${color.hoverColor(color.WHITE)};
|
|
47
|
-
color: inherit;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
&[aria-selected='true'] {
|
|
51
|
-
background-color: ${color.MAIN};
|
|
52
|
-
color: ${color.TEXT_WHITE};
|
|
53
|
-
&.active {
|
|
54
|
-
background-color: ${color.hoverColor(color.MAIN)};
|
|
55
|
-
}
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
&[disabled] {
|
|
59
|
-
color: ${color.TEXT_DISABLED};
|
|
60
|
-
cursor: not-allowed;
|
|
61
|
-
}
|
|
62
|
-
`;
|
|
63
|
-
}}
|
|
64
|
-
`;
|
|
65
|
-
const AddButton = styled(SelectButton) `
|
|
66
|
-
display: flex;
|
|
67
|
-
align-items: center;
|
|
68
|
-
`;
|
|
69
49
|
//# sourceMappingURL=ListBoxItemButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListBoxItemButton.js","sourceRoot":"","sources":["../../../src/components/ComboBox/ListBoxItemButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,WAAW,EAAE,
|
|
1
|
+
{"version":3,"file":"ListBoxItemButton.js","sourceRoot":"","sources":["../../../src/components/ComboBox/ListBoxItemButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -46,7 +46,7 @@ type Props<T> = BaseProps<T> & {
|
|
|
46
46
|
inputAttributes?: Omit<InputHTMLAttributes<HTMLInputElement>, 'name' | 'disabled' | 'required' | 'type' | 'aria-activedescendant' | 'aria-autocomplete' | 'aria-controls' | 'aria-disabled' | 'aria-expanded' | 'aria-haspopup' | 'aria-invalid' | 'autoComplete' | 'className' | 'onChange' | 'onCompositionEnd' | 'onCompositionStart' | 'onFocus' | 'onKeyDown' | 'ref' | 'role' | 'tabIndex' | 'value'>;
|
|
47
47
|
};
|
|
48
48
|
type ElementProps = Omit<ComponentPropsWithoutRef<'div'>, keyof Props<unknown>>;
|
|
49
|
-
declare const ActualMultiComboBox: <T>({ items, selectedItems, name, disabled, required, error, creatable, placeholder, dropdownHelpMessage, isLoading, selectedItemEllipsis, width, dropdownWidth, inputValue: controlledInputValue, className, onChange, onChangeInput, onAdd, onDelete, onSelect, onChangeSelected, onFocus, onBlur, onKeyPress, decorators, inputAttributes, ...props }: BaseProps<T> & {
|
|
49
|
+
declare const ActualMultiComboBox: <T>({ items, selectedItems, name, disabled, required, error, creatable, placeholder, dropdownHelpMessage, isLoading, selectedItemEllipsis, width, dropdownWidth, inputValue: controlledInputValue, className, onChange, onChangeInput, onAdd, onDelete, onSelect, onChangeSelected, onFocus, onBlur, onKeyPress, decorators, inputAttributes, style, ...props }: BaseProps<T> & {
|
|
50
50
|
/**
|
|
51
51
|
* 選択されているアイテムのリスト
|
|
52
52
|
*/
|