smarthr-ui 75.3.0 → 75.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/_virtual/index.js +4 -4
- package/esm/_virtual/index2.js +4 -4
- package/esm/_virtual/index3.js +4 -4
- package/esm/components/Combobox/MultiCombobox/MultiCombobox.js +1 -1
- package/esm/components/Combobox/SingleCombobox/SingleCombobox.js +1 -1
- package/esm/components/Combobox/helper.js +1 -1
- package/esm/components/Combobox/useOptions.js +1 -1
- package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js +1 -1
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +1 -1
- package/esm/components/FormControl/FormControl.js +1 -1
- package/esm/components/Table/TdCheckbox.js +2 -3
- package/esm/components/Table/TdCheckbox.js.map +1 -1
- package/esm/components/Table/TdRadioButton.js +2 -3
- package/esm/components/Table/TdRadioButton.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.js +1 -1
- package/esm/libs/lodash.js +2 -2
- package/lib/components/Table/TdCheckbox.js +2 -3
- package/lib/components/Table/TdCheckbox.js.map +1 -1
- package/lib/components/Table/TdRadioButton.js +2 -3
- package/lib/components/Table/TdRadioButton.js.map +1 -1
- package/package.json +2 -2
- package/smarthr-ui.css +5 -0
package/esm/_virtual/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
|
|
2
|
-
import { __require as
|
|
2
|
+
import { __require as requireReactInnertext } from './../vendor/.pnpm/react-innertext@1.1.5_@types_react@18.3.23_react@19.1.1/vendor/react-innertext/index.js';
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
var
|
|
4
|
+
var reactInnertextExports = requireReactInnertext();
|
|
5
|
+
var innerText = /*@__PURE__*/getDefaultExportFromCjs(reactInnertextExports);
|
|
6
6
|
|
|
7
|
-
export {
|
|
7
|
+
export { innerText as default };
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
package/esm/_virtual/index2.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
|
|
2
|
-
import { __require as
|
|
2
|
+
import { __require as requireLodash_merge } from './../vendor/.pnpm/lodash.merge@4.6.2/vendor/lodash.merge/index.js';
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
var
|
|
4
|
+
var lodash_mergeExports = requireLodash_merge();
|
|
5
|
+
var _merge = /*@__PURE__*/getDefaultExportFromCjs(lodash_mergeExports);
|
|
6
6
|
|
|
7
|
-
export {
|
|
7
|
+
export { _merge as default };
|
|
8
8
|
//# sourceMappingURL=index2.js.map
|
package/esm/_virtual/index3.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
|
|
2
|
-
import { __require as
|
|
2
|
+
import { __require as requireLodash_range } from './../vendor/.pnpm/lodash.range@3.2.0/vendor/lodash.range/index.js';
|
|
3
3
|
|
|
4
|
-
var
|
|
5
|
-
var
|
|
4
|
+
var lodash_rangeExports = requireLodash_range();
|
|
5
|
+
var _range = /*@__PURE__*/getDefaultExportFromCjs(lodash_rangeExports);
|
|
6
6
|
|
|
7
|
-
export {
|
|
7
|
+
export { _range as default };
|
|
8
8
|
//# sourceMappingURL=index3.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import { memo, useMemo, useRef, useState, useCallback, useImperativeHandle, useEffect, useId } from 'react';
|
|
4
|
-
import innerText from '../../../_virtual/
|
|
4
|
+
import innerText from '../../../_virtual/index.js';
|
|
5
5
|
import { tv as ce } from './../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.13.2_@types_node@20.19.9_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
|
|
6
6
|
import { useOuterClick } from '../../../hooks/useOuterClick.js';
|
|
7
7
|
import '../../../intl/IntlProvider.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
3
3
|
import { useRef, useState, useImperativeHandle, useCallback, useMemo, useEffect } from 'react';
|
|
4
|
-
import innerText from '../../../_virtual/
|
|
4
|
+
import innerText from '../../../_virtual/index.js';
|
|
5
5
|
import { tv as ce } from './../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.13.2_@types_node@20.19.9_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
|
|
6
6
|
import { useClick } from '../../../hooks/useClick.js';
|
|
7
7
|
import { useDecorators } from '../../../hooks/useDecorators.js';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useCallback, useId, useMemo } from 'react';
|
|
2
|
-
import innerText from '../../_virtual/
|
|
2
|
+
import innerText from '../../_virtual/index.js';
|
|
3
3
|
import { areItemsEqual, convertMatchableString } from './helper.js';
|
|
4
4
|
|
|
5
5
|
const defaultIsItemSelected = (targetItem, selectedItems) => selectedItems.some((item) => areItemsEqual(item, targetItem));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import { memo, useContext, useMemo, useRef, Children, isValidElement, Fragment, cloneElement } from 'react';
|
|
4
|
-
import innerText from '../../../_virtual/
|
|
4
|
+
import innerText from '../../../_virtual/index.js';
|
|
5
5
|
import { tv as ce } from './../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.13.2_@types_node@20.19.9_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
|
|
6
6
|
import { DropdownContext, Dropdown } from '../Dropdown.js';
|
|
7
7
|
import { DropdownTrigger } from '../DropdownTrigger.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { useMemo } from 'react';
|
|
4
|
-
import innerText from '../../../_virtual/
|
|
4
|
+
import innerText from '../../../_virtual/index.js';
|
|
5
5
|
import { tv as ce } from './../../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.13.2_@types_node@20.19.9_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
|
|
6
6
|
import { useDecorators } from '../../../hooks/useDecorators.js';
|
|
7
7
|
import { useResponseStatus } from '../../../hooks/useResponseStatus.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { memo, useMemo, useId, useRef, Fragment as Fragment$1, createElement, useEffect } from 'react';
|
|
3
3
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
4
|
-
import innerText from '../../_virtual/
|
|
4
|
+
import innerText from '../../_virtual/index.js';
|
|
5
5
|
import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.13.2_@types_node@20.19.9_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
|
|
6
6
|
import { FaCircleExclamationIcon } from '../Icon/Icon.js';
|
|
7
7
|
import '../Icon/generateIcon.js';
|
|
@@ -11,7 +11,7 @@ const classNameGenerator = ce({
|
|
|
11
11
|
'shr-flex shr-justify-center shr-px-1 shr-py-0.75',
|
|
12
12
|
'[&:not(:has([disabled]))]:shr-cursor-pointer',
|
|
13
13
|
],
|
|
14
|
-
wrapper: 'shr-p-0',
|
|
14
|
+
wrapper: 'shr-w-min shr-p-0',
|
|
15
15
|
checkbox: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],
|
|
16
16
|
},
|
|
17
17
|
});
|
|
@@ -26,8 +26,7 @@ const TdCheckbox = forwardRef(({ vAlign, fixed, children, className, ...rest },
|
|
|
26
26
|
}, [className]);
|
|
27
27
|
return (
|
|
28
28
|
// Td に必要な属性やイベントは不要
|
|
29
|
-
|
|
30
|
-
jsx(Td, { contentWidth: 0, vAlign: vAlign, fixed: fixed, className: classNames.wrapper, children: jsxs("label", { className: classNames.inner, children: [jsx(Checkbox, { ...rest, ref: ref, className: classNames.checkbox }), children && jsx(VisuallyHiddenText, { children: children })] }) }));
|
|
29
|
+
jsx(Td, { vAlign: vAlign, fixed: fixed, className: classNames.wrapper, children: jsxs("label", { className: classNames.inner, children: [jsx(Checkbox, { ...rest, ref: ref, className: classNames.checkbox }), children && jsx(VisuallyHiddenText, { children: children })] }) }));
|
|
31
30
|
});
|
|
32
31
|
|
|
33
32
|
export { TdCheckbox };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TdCheckbox.js","sources":["../../../src/components/Table/TdCheckbox.tsx"],"sourcesContent":["import { type ComponentProps, type PropsWithChildren, forwardRef, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Checkbox, type Props as CheckboxProps } from '../Checkbox'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nimport { Td } from './Td'\n\ntype Props = PropsWithChildren<{\n /** 値を特定するための行 id */\n 'aria-labelledby': string\n}> &\n Pick<ComponentProps<typeof Td>, 'vAlign' | 'fixed'>\n\nconst classNameGenerator = tv({\n slots: {\n inner: [\n 'shr-flex shr-justify-center shr-px-1 shr-py-0.75',\n '[&:not(:has([disabled]))]:shr-cursor-pointer',\n ],\n wrapper: 'shr-p-0',\n checkbox: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],\n },\n})\n\nexport const TdCheckbox = forwardRef<HTMLInputElement, Omit<CheckboxProps, keyof Props> & Props>(\n ({ vAlign, fixed, children, className, ...rest }, ref) => {\n const classNames = useMemo(() => {\n const { wrapper, inner, checkbox } = classNameGenerator()\n\n return {\n wrapper: wrapper({ className }),\n inner: inner(),\n checkbox: checkbox(),\n }\n }, [className])\n\n return (\n // Td に必要な属性やイベントは不要\n
|
|
1
|
+
{"version":3,"file":"TdCheckbox.js","sources":["../../../src/components/Table/TdCheckbox.tsx"],"sourcesContent":["import { type ComponentProps, type PropsWithChildren, forwardRef, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Checkbox, type Props as CheckboxProps } from '../Checkbox'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nimport { Td } from './Td'\n\ntype Props = PropsWithChildren<{\n /** 値を特定するための行 id */\n 'aria-labelledby': string\n}> &\n Pick<ComponentProps<typeof Td>, 'vAlign' | 'fixed'>\n\nconst classNameGenerator = tv({\n slots: {\n inner: [\n 'shr-flex shr-justify-center shr-px-1 shr-py-0.75',\n '[&:not(:has([disabled]))]:shr-cursor-pointer',\n ],\n wrapper: 'shr-w-min shr-p-0',\n checkbox: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],\n },\n})\n\nexport const TdCheckbox = forwardRef<HTMLInputElement, Omit<CheckboxProps, keyof Props> & Props>(\n ({ vAlign, fixed, children, className, ...rest }, ref) => {\n const classNames = useMemo(() => {\n const { wrapper, inner, checkbox } = classNameGenerator()\n\n return {\n wrapper: wrapper({ className }),\n inner: inner(),\n checkbox: checkbox(),\n }\n }, [className])\n\n return (\n // Td に必要な属性やイベントは不要\n <Td vAlign={vAlign} fixed={fixed} className={classNames.wrapper}>\n <label className={classNames.inner}>\n <Checkbox {...rest} ref={ref} className={classNames.checkbox} />\n {children && <VisuallyHiddenText>{children}</VisuallyHiddenText>}\n </label>\n </Td>\n )\n },\n)\n"],"names":["tv","_jsx","_jsxs"],"mappings":";;;;;;;AAcA,MAAM,kBAAkB,GAAGA,EAAE,CAAC;AAC5B,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE;YACL,kDAAkD;YAClD,8CAA8C;AAC/C,SAAA;AACD,QAAA,OAAO,EAAE,mBAAmB;AAC5B,QAAA,QAAQ,EAAE,CAAC,iBAAiB,EAAE,kCAAkC,CAAC;AAClE,KAAA;AACF,CAAA,CAAC;MAEW,UAAU,GAAG,UAAU,CAClC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AACvD,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAK;QAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE;QAEzD,OAAO;AACL,YAAA,OAAO,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YAC/B,KAAK,EAAE,KAAK,EAAE;YACd,QAAQ,EAAE,QAAQ,EAAE;SACrB;AACH,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAEf;;IAEEC,GAAA,CAAC,EAAE,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,EAAA,QAAA,EAC7DC,IAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAE,UAAU,CAAC,KAAK,EAAA,QAAA,EAAA,CAChCD,GAAA,CAAC,QAAQ,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,GAAI,EAC/D,QAAQ,IAAIA,GAAA,CAAC,kBAAkB,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAsB,CAAA,EAAA,CAC1D,EAAA,CACL;AAET,CAAC;;;;"}
|
|
@@ -11,7 +11,7 @@ const classNameGenerator = ce({
|
|
|
11
11
|
'shr-flex shr-justify-center shr-px-1 shr-py-0.75',
|
|
12
12
|
'[&:not(:has([disabled]))]:shr-cursor-pointer',
|
|
13
13
|
],
|
|
14
|
-
wrapper: 'shr-p-0',
|
|
14
|
+
wrapper: 'shr-w-min shr-p-0',
|
|
15
15
|
radio: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],
|
|
16
16
|
},
|
|
17
17
|
});
|
|
@@ -26,8 +26,7 @@ const TdRadioButton = forwardRef(({ vAlign, children, className, ...rest }, ref)
|
|
|
26
26
|
}, [className]);
|
|
27
27
|
return (
|
|
28
28
|
// Td に必要な属性やイベントは不要
|
|
29
|
-
|
|
30
|
-
jsx(Td, { contentWidth: 0, vAlign: vAlign, className: classNames.wrapper, children: jsxs("label", { className: classNames.inner, children: [jsx(RadioButton, { ...rest, ref: ref, className: classNames.radio }), children && jsx(VisuallyHiddenText, { children: children })] }) }));
|
|
29
|
+
jsx(Td, { vAlign: vAlign, className: classNames.wrapper, children: jsxs("label", { className: classNames.inner, children: [jsx(RadioButton, { ...rest, ref: ref, className: classNames.radio }), children && jsx(VisuallyHiddenText, { children: children })] }) }));
|
|
31
30
|
});
|
|
32
31
|
|
|
33
32
|
export { TdRadioButton };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TdRadioButton.js","sources":["../../../src/components/Table/TdRadioButton.tsx"],"sourcesContent":["import { type ComponentProps, type PropsWithChildren, forwardRef, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { RadioButton } from '../RadioButton'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nimport { Td } from './Td'\n\ntype Props = PropsWithChildren<{\n /** 値を特定するための行 id */\n 'aria-labelledby': string\n}> &\n ComponentProps<typeof RadioButton> &\n Pick<ComponentProps<typeof Td>, 'vAlign'>\n\nconst classNameGenerator = tv({\n slots: {\n inner: [\n 'shr-flex shr-justify-center shr-px-1 shr-py-0.75',\n '[&:not(:has([disabled]))]:shr-cursor-pointer',\n ],\n wrapper: 'shr-p-0',\n radio: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],\n },\n})\n\nexport const TdRadioButton = forwardRef<HTMLInputElement, Props>(\n ({ vAlign, children, className, ...rest }, ref) => {\n const classNames = useMemo(() => {\n const { wrapper, inner, radio } = classNameGenerator()\n\n return {\n wrapper: wrapper({ className }),\n inner: inner(),\n radio: radio(),\n }\n }, [className])\n\n return (\n // Td に必要な属性やイベントは不要\n
|
|
1
|
+
{"version":3,"file":"TdRadioButton.js","sources":["../../../src/components/Table/TdRadioButton.tsx"],"sourcesContent":["import { type ComponentProps, type PropsWithChildren, forwardRef, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { RadioButton } from '../RadioButton'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nimport { Td } from './Td'\n\ntype Props = PropsWithChildren<{\n /** 値を特定するための行 id */\n 'aria-labelledby': string\n}> &\n ComponentProps<typeof RadioButton> &\n Pick<ComponentProps<typeof Td>, 'vAlign'>\n\nconst classNameGenerator = tv({\n slots: {\n inner: [\n 'shr-flex shr-justify-center shr-px-1 shr-py-0.75',\n '[&:not(:has([disabled]))]:shr-cursor-pointer',\n ],\n wrapper: 'shr-w-min shr-p-0',\n radio: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],\n },\n})\n\nexport const TdRadioButton = forwardRef<HTMLInputElement, Props>(\n ({ vAlign, children, className, ...rest }, ref) => {\n const classNames = useMemo(() => {\n const { wrapper, inner, radio } = classNameGenerator()\n\n return {\n wrapper: wrapper({ className }),\n inner: inner(),\n radio: radio(),\n }\n }, [className])\n\n return (\n // Td に必要な属性やイベントは不要\n <Td vAlign={vAlign} className={classNames.wrapper}>\n <label className={classNames.inner}>\n <RadioButton {...rest} ref={ref} className={classNames.radio} />\n {children && <VisuallyHiddenText>{children}</VisuallyHiddenText>}\n </label>\n </Td>\n )\n },\n)\n"],"names":["tv","_jsx","_jsxs"],"mappings":";;;;;;;AAeA,MAAM,kBAAkB,GAAGA,EAAE,CAAC;AAC5B,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE;YACL,kDAAkD;YAClD,8CAA8C;AAC/C,SAAA;AACD,QAAA,OAAO,EAAE,mBAAmB;AAC5B,QAAA,KAAK,EAAE,CAAC,iBAAiB,EAAE,kCAAkC,CAAC;AAC/D,KAAA;AACF,CAAA,CAAC;MAEW,aAAa,GAAG,UAAU,CACrC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,KAAI;AAChD,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAK;QAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE;QAEtD,OAAO;AACL,YAAA,OAAO,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YAC/B,KAAK,EAAE,KAAK,EAAE;YACd,KAAK,EAAE,KAAK,EAAE;SACf;AACH,IAAA,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAEf;;IAEEC,GAAA,CAAC,EAAE,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,EAAA,QAAA,EAC/CC,IAAA,CAAA,OAAA,EAAA,EAAO,SAAS,EAAE,UAAU,CAAC,KAAK,EAAA,QAAA,EAAA,CAChCD,IAAC,WAAW,EAAA,EAAA,GAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,EAAA,CAAI,EAC/D,QAAQ,IAAIA,IAAC,kBAAkB,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAA,CAAsB,CAAA,EAAA,CAC1D,EAAA,CACL;AAET,CAAC;;;;"}
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
3
|
import { memo, useMemo, useState, useRef, useId, useSyncExternalStore, useCallback, cloneElement } from 'react';
|
|
4
4
|
import { createPortal } from 'react-dom';
|
|
5
|
-
import innerText from '../../_virtual/
|
|
5
|
+
import innerText from '../../_virtual/index.js';
|
|
6
6
|
import { tv as ce } from './../../vendor/.pnpm/tailwind-variants@0.3.1_tailwindcss@3.4.17_ts-node@10.9.2_@swc_core@1.13.2_@types_node@20.19.9_typescript@5.8.3__/vendor/tailwind-variants/dist/index.js';
|
|
7
7
|
import { useEnhancedEffect } from '../../hooks/useEnhancedEffect.js';
|
|
8
8
|
import { VisuallyHiddenText } from '../VisuallyHiddenText/VisuallyHiddenText.js';
|
package/esm/libs/lodash.js
CHANGED
|
@@ -13,7 +13,7 @@ const classNameGenerator = (0, tailwind_variants_1.tv)({
|
|
|
13
13
|
'shr-flex shr-justify-center shr-px-1 shr-py-0.75',
|
|
14
14
|
'[&:not(:has([disabled]))]:shr-cursor-pointer',
|
|
15
15
|
],
|
|
16
|
-
wrapper: 'shr-p-0',
|
|
16
|
+
wrapper: 'shr-w-min shr-p-0',
|
|
17
17
|
checkbox: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],
|
|
18
18
|
},
|
|
19
19
|
});
|
|
@@ -28,7 +28,6 @@ exports.TdCheckbox = (0, react_1.forwardRef)(({ vAlign, fixed, children, classNa
|
|
|
28
28
|
}, [className]);
|
|
29
29
|
return (
|
|
30
30
|
// Td に必要な属性やイベントは不要
|
|
31
|
-
|
|
32
|
-
(0, jsx_runtime_1.jsx)(Td_1.Td, { contentWidth: 0, vAlign: vAlign, fixed: fixed, className: classNames.wrapper, children: (0, jsx_runtime_1.jsxs)("label", { className: classNames.inner, children: [(0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { ...rest, ref: ref, className: classNames.checkbox }), children && (0, jsx_runtime_1.jsx)(VisuallyHiddenText_1.VisuallyHiddenText, { children: children })] }) }));
|
|
31
|
+
(0, jsx_runtime_1.jsx)(Td_1.Td, { vAlign: vAlign, fixed: fixed, className: classNames.wrapper, children: (0, jsx_runtime_1.jsxs)("label", { className: classNames.inner, children: [(0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { ...rest, ref: ref, className: classNames.checkbox }), children && (0, jsx_runtime_1.jsx)(VisuallyHiddenText_1.VisuallyHiddenText, { children: children })] }) }));
|
|
33
32
|
});
|
|
34
33
|
//# sourceMappingURL=TdCheckbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TdCheckbox.js","sourceRoot":"","sources":["../../../src/components/Table/TdCheckbox.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwF;AACxF,yDAAsC;AAEtC,0CAAmE;AACnE,8DAA0D;AAE1D,6BAAyB;AAQzB,MAAM,kBAAkB,GAAG,IAAA,sBAAE,EAAC;IAC5B,KAAK,EAAE;QACL,KAAK,EAAE;YACL,kDAAkD;YAClD,8CAA8C;SAC/C;QACD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"TdCheckbox.js","sourceRoot":"","sources":["../../../src/components/Table/TdCheckbox.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwF;AACxF,yDAAsC;AAEtC,0CAAmE;AACnE,8DAA0D;AAE1D,6BAAyB;AAQzB,MAAM,kBAAkB,GAAG,IAAA,sBAAE,EAAC;IAC5B,KAAK,EAAE;QACL,KAAK,EAAE;YACL,kDAAkD;YAClD,8CAA8C;SAC/C;QACD,OAAO,EAAE,mBAAmB;QAC5B,QAAQ,EAAE,CAAC,iBAAiB,EAAE,kCAAkC,CAAC;KAClE;CACF,CAAC,CAAA;AAEW,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IACvD,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,kBAAkB,EAAE,CAAA;QAEzD,OAAO;YACL,OAAO,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YAC/B,KAAK,EAAE,KAAK,EAAE;YACd,QAAQ,EAAE,QAAQ,EAAE;SACrB,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO;IACL,oBAAoB;IACpB,uBAAC,OAAE,IAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,YAC7D,mCAAO,SAAS,EAAE,UAAU,CAAC,KAAK,aAChC,uBAAC,mBAAQ,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,QAAQ,GAAI,EAC/D,QAAQ,IAAI,uBAAC,uCAAkB,cAAE,QAAQ,GAAsB,IAC1D,GACL,CACN,CAAA;AACH,CAAC,CACF,CAAA","sourcesContent":["import { type ComponentProps, type PropsWithChildren, forwardRef, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { Checkbox, type Props as CheckboxProps } from '../Checkbox'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nimport { Td } from './Td'\n\ntype Props = PropsWithChildren<{\n /** 値を特定するための行 id */\n 'aria-labelledby': string\n}> &\n Pick<ComponentProps<typeof Td>, 'vAlign' | 'fixed'>\n\nconst classNameGenerator = tv({\n slots: {\n inner: [\n 'shr-flex shr-justify-center shr-px-1 shr-py-0.75',\n '[&:not(:has([disabled]))]:shr-cursor-pointer',\n ],\n wrapper: 'shr-w-min shr-p-0',\n checkbox: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],\n },\n})\n\nexport const TdCheckbox = forwardRef<HTMLInputElement, Omit<CheckboxProps, keyof Props> & Props>(\n ({ vAlign, fixed, children, className, ...rest }, ref) => {\n const classNames = useMemo(() => {\n const { wrapper, inner, checkbox } = classNameGenerator()\n\n return {\n wrapper: wrapper({ className }),\n inner: inner(),\n checkbox: checkbox(),\n }\n }, [className])\n\n return (\n // Td に必要な属性やイベントは不要\n <Td vAlign={vAlign} fixed={fixed} className={classNames.wrapper}>\n <label className={classNames.inner}>\n <Checkbox {...rest} ref={ref} className={classNames.checkbox} />\n {children && <VisuallyHiddenText>{children}</VisuallyHiddenText>}\n </label>\n </Td>\n )\n },\n)\n"]}
|
|
@@ -13,7 +13,7 @@ const classNameGenerator = (0, tailwind_variants_1.tv)({
|
|
|
13
13
|
'shr-flex shr-justify-center shr-px-1 shr-py-0.75',
|
|
14
14
|
'[&:not(:has([disabled]))]:shr-cursor-pointer',
|
|
15
15
|
],
|
|
16
|
-
wrapper: 'shr-p-0',
|
|
16
|
+
wrapper: 'shr-w-min shr-p-0',
|
|
17
17
|
radio: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],
|
|
18
18
|
},
|
|
19
19
|
});
|
|
@@ -28,7 +28,6 @@ exports.TdRadioButton = (0, react_1.forwardRef)(({ vAlign, children, className,
|
|
|
28
28
|
}, [className]);
|
|
29
29
|
return (
|
|
30
30
|
// Td に必要な属性やイベントは不要
|
|
31
|
-
|
|
32
|
-
(0, jsx_runtime_1.jsx)(Td_1.Td, { contentWidth: 0, vAlign: vAlign, className: classNames.wrapper, children: (0, jsx_runtime_1.jsxs)("label", { className: classNames.inner, children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { ...rest, ref: ref, className: classNames.radio }), children && (0, jsx_runtime_1.jsx)(VisuallyHiddenText_1.VisuallyHiddenText, { children: children })] }) }));
|
|
31
|
+
(0, jsx_runtime_1.jsx)(Td_1.Td, { vAlign: vAlign, className: classNames.wrapper, children: (0, jsx_runtime_1.jsxs)("label", { className: classNames.inner, children: [(0, jsx_runtime_1.jsx)(RadioButton_1.RadioButton, { ...rest, ref: ref, className: classNames.radio }), children && (0, jsx_runtime_1.jsx)(VisuallyHiddenText_1.VisuallyHiddenText, { children: children })] }) }));
|
|
33
32
|
});
|
|
34
33
|
//# sourceMappingURL=TdRadioButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TdRadioButton.js","sourceRoot":"","sources":["../../../src/components/Table/TdRadioButton.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwF;AACxF,yDAAsC;AAEtC,gDAA4C;AAC5C,8DAA0D;AAE1D,6BAAyB;AASzB,MAAM,kBAAkB,GAAG,IAAA,sBAAE,EAAC;IAC5B,KAAK,EAAE;QACL,KAAK,EAAE;YACL,kDAAkD;YAClD,8CAA8C;SAC/C;QACD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"TdRadioButton.js","sourceRoot":"","sources":["../../../src/components/Table/TdRadioButton.tsx"],"names":[],"mappings":";;;;AAAA,iCAAwF;AACxF,yDAAsC;AAEtC,gDAA4C;AAC5C,8DAA0D;AAE1D,6BAAyB;AASzB,MAAM,kBAAkB,GAAG,IAAA,sBAAE,EAAC;IAC5B,KAAK,EAAE;QACL,KAAK,EAAE;YACL,kDAAkD;YAClD,8CAA8C;SAC/C;QACD,OAAO,EAAE,mBAAmB;QAC5B,KAAK,EAAE,CAAC,iBAAiB,EAAE,kCAAkC,CAAC;KAC/D;CACF,CAAC,CAAA;AAEW,QAAA,aAAa,GAAG,IAAA,kBAAU,EACrC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,GAAG,EAAE,EAAE;IAChD,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,kBAAkB,EAAE,CAAA;QAEtD,OAAO;YACL,OAAO,EAAE,OAAO,CAAC,EAAE,SAAS,EAAE,CAAC;YAC/B,KAAK,EAAE,KAAK,EAAE;YACd,KAAK,EAAE,KAAK,EAAE;SACf,CAAA;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAA;IAEf,OAAO;IACL,oBAAoB;IACpB,uBAAC,OAAE,IAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,CAAC,OAAO,YAC/C,mCAAO,SAAS,EAAE,UAAU,CAAC,KAAK,aAChC,uBAAC,yBAAW,OAAK,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,KAAK,GAAI,EAC/D,QAAQ,IAAI,uBAAC,uCAAkB,cAAE,QAAQ,GAAsB,IAC1D,GACL,CACN,CAAA;AACH,CAAC,CACF,CAAA","sourcesContent":["import { type ComponentProps, type PropsWithChildren, forwardRef, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { RadioButton } from '../RadioButton'\nimport { VisuallyHiddenText } from '../VisuallyHiddenText'\n\nimport { Td } from './Td'\n\ntype Props = PropsWithChildren<{\n /** 値を特定するための行 id */\n 'aria-labelledby': string\n}> &\n ComponentProps<typeof RadioButton> &\n Pick<ComponentProps<typeof Td>, 'vAlign'>\n\nconst classNameGenerator = tv({\n slots: {\n inner: [\n 'shr-flex shr-justify-center shr-px-1 shr-py-0.75',\n '[&:not(:has([disabled]))]:shr-cursor-pointer',\n ],\n wrapper: 'shr-w-min shr-p-0',\n radio: ['shr-leading-[0]', '[&>span]:shr-translate-y-[unset]'],\n },\n})\n\nexport const TdRadioButton = forwardRef<HTMLInputElement, Props>(\n ({ vAlign, children, className, ...rest }, ref) => {\n const classNames = useMemo(() => {\n const { wrapper, inner, radio } = classNameGenerator()\n\n return {\n wrapper: wrapper({ className }),\n inner: inner(),\n radio: radio(),\n }\n }, [className])\n\n return (\n // Td に必要な属性やイベントは不要\n <Td vAlign={vAlign} className={classNames.wrapper}>\n <label className={classNames.inner}>\n <RadioButton {...rest} ref={ref} className={classNames.radio} />\n {children && <VisuallyHiddenText>{children}</VisuallyHiddenText>}\n </label>\n </Td>\n )\n },\n)\n"]}
|
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": "75.3.
|
|
4
|
+
"version": "75.3.1",
|
|
5
5
|
"author": "SmartHR-UI Team",
|
|
6
6
|
"dependencies": {
|
|
7
7
|
"@smarthr/wareki": "^1.3.0",
|
|
@@ -18,7 +18,7 @@
|
|
|
18
18
|
"react-transition-group": "^4.4.5",
|
|
19
19
|
"tailwind-variants": "^0.3.1",
|
|
20
20
|
"tailwindcss": "^3.4.17",
|
|
21
|
-
"typescript-eslint": "^8.
|
|
21
|
+
"typescript-eslint": "^8.39.0"
|
|
22
22
|
},
|
|
23
23
|
"devDependencies": {
|
|
24
24
|
"@babel/core": "^7.28.0",
|