smarthr-ui 75.4.0 → 75.4.1

package/esm/_virtual/index.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-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';
+import { __require as requireLodash_merge } from './../vendor/.pnpm/lodash.merge@4.6.2/vendor/lodash.merge/index.js';
 
-var reactInnertextExports = requireReactInnertext();
-var innerText = /*@__PURE__*/getDefaultExportFromCjs(reactInnertextExports);
+var lodash_mergeExports = requireLodash_merge();
+var _merge = /*@__PURE__*/getDefaultExportFromCjs(lodash_mergeExports);
 
-export { innerText as default };
+export { _merge as default };
 //# sourceMappingURL=index.js.map

package/esm/_virtual/index2.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireLodash_merge } from './../vendor/.pnpm/lodash.merge@4.6.2/vendor/lodash.merge/index.js';
+import { __require as requireLodash_range } from './../vendor/.pnpm/lodash.range@3.2.0/vendor/lodash.range/index.js';
 
-var lodash_mergeExports = requireLodash_merge();
-var _merge = /*@__PURE__*/getDefaultExportFromCjs(lodash_mergeExports);
+var lodash_rangeExports = requireLodash_range();
+var _range = /*@__PURE__*/getDefaultExportFromCjs(lodash_rangeExports);
 
-export { _merge as default };
+export { _range as default };
 //# sourceMappingURL=index2.js.map

package/esm/_virtual/index3.js

@@ -1,8 +1,8 @@
 import { getDefaultExportFromCjs } from './_commonjsHelpers.js';
-import { __require as requireLodash_range } from './../vendor/.pnpm/lodash.range@3.2.0/vendor/lodash.range/index.js';
+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';
 
-var lodash_rangeExports = requireLodash_range();
-var _range = /*@__PURE__*/getDefaultExportFromCjs(lodash_rangeExports);
+var reactInnertextExports = requireReactInnertext();
+var innerText = /*@__PURE__*/getDefaultExportFromCjs(reactInnertextExports);
 
-export { _range as default };
+export { innerText as default };
 //# sourceMappingURL=index3.js.map

package/esm/components/Combobox/MultiCombobox/MultiCombobox.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useMemo, useRef, useState, useCallback, useImperativeHandle, useEffect, useId } from 'react';
-import innerText from '../../../_virtual/index.js';
+import innerText from '../../../_virtual/index3.js';
 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';
 import { useOuterClick } from '../../../hooks/useOuterClick.js';
 import '../../../intl/IntlProvider.js';

package/esm/components/Combobox/SingleCombobox/SingleCombobox.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useRef, useState, useImperativeHandle, useCallback, useMemo, useEffect } from 'react';
-import innerText from '../../../_virtual/index.js';
+import innerText from '../../../_virtual/index3.js';
 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';
 import { useClick } from '../../../hooks/useClick.js';
 import { useDecorators } from '../../../hooks/useDecorators.js';

package/esm/components/Combobox/helper.js

@@ -1,4 +1,4 @@
-import innerText from '../../_virtual/index.js';
+import innerText from '../../_virtual/index3.js';
 
 function convertMatchableString(original) {
     return (original

package/esm/components/Combobox/useOptions.js

@@ -1,5 +1,5 @@
 import { useCallback, useId, useMemo } from 'react';
-import innerText from '../../_virtual/index.js';
+import innerText from '../../_virtual/index3.js';
 import { areItemsEqual, convertMatchableString } from './helper.js';
 
 const defaultIsItemSelected = (targetItem, selectedItems) => selectedItems.some((item) => areItemsEqual(item, targetItem));

package/esm/components/Dialog/StepFormDialog/StepFormDialogContentInner.js

@@ -86,7 +86,7 @@ const StepFormDialogContentInner = ({ children, title, titleId, subtitle, titleT
     }), [localize]);
     const decorated = useDecorators(decoratorDefaultTexts, decorators);
     const actionText = activeStep === stepLength ? submitLabel : decorated.nextButtonLabel;
-    const stepText = `（${activeStep}/${stepLength}）`;
+    const stepText = stepLength > 1 ? `（${activeStep}/${stepLength}）` : '';
     const calcedResponseStatus = useResponseStatus(responseStatus);
     return (
     // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content, smarthr/a11y-prohibit-sectioning-content-in-form

package/esm/components/Dialog/StepFormDialog/StepFormDialogContentInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepFormDialogContentInner.js","sources":["../../../../src/components/Dialog/StepFormDialog/StepFormDialogContentInner.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type FC,\n  type FormEvent,\n  type PropsWithChildren,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n} from 'react'\n\nimport { type DecoratorsType, useDecorators } from '../../../hooks/useDecorators'\nimport { type ResponseStatus, useResponseStatus } from '../../../hooks/useResponseStatus'\nimport { useIntl } from '../../../intl'\nimport { Button } from '../../Button'\nimport { Cluster, Stack } from '../../Layout'\nimport { Section } from '../../SectioningContent'\nimport { DialogBody, type Props as DialogBodyProps } from '../DialogBody'\nimport { DialogContentResponseStatusMessage } from '../DialogContentResponseStatusMessage'\nimport { DialogHeader, type Props as DialogHeaderProps } from '../DialogHeader'\nimport { dialogContentInner } from '../dialogInnerStyle'\n\nimport { StepFormDialogContext, type StepItem } from './StepFormDialogProvider'\n\nexport type BaseProps = PropsWithChildren<\n  DialogHeaderProps &\n    DialogBodyProps & {\n      /** アクションボタンのラベル */\n      submitLabel: ReactNode\n      /** アクションボタンのスタイル */\n      actionTheme?: 'primary' | 'secondary' | 'danger'\n      /**\n       * アクションボタンをクリックした時に発火するコールバック関数\n       * @param closeDialog ダイアログを閉じる関数\n       * @param currentStep onSubmitが発火した時のステップ\n       * @returns 次のステップに遷移する場合は次のステップ、遷移しない場合はundefined\n       */\n      onSubmit: (\n        closeDialog: () => void,\n        e: FormEvent<HTMLFormElement>,\n        currentStep: StepItem,\n      ) => StepItem | undefined\n      /** アクションボタンを無効にするかどうか */\n      actionDisabled?: boolean\n      /** 閉じるボタンを無効にするかどうか */\n      closeDisabled?: boolean\n      /** コンポーネント内の文言を変更するための関数を設定 */\n      decorators?: DecoratorsType<DecoratorKeyTypes>\n    }\n>\n\nexport type StepFormDialogContentInnerProps = BaseProps & {\n  firstStep: StepItem\n  onClickClose: () => void\n  responseStatus?: ResponseStatus\n  /** ステップの総数 */\n  stepLength: number\n  onClickBack?: () => void\n}\n\ntype DecoratorKeyTypes = 'closeButtonLabel' | 'nextButtonLabel' | 'backButtonLabel'\n\nconst BUTTON_COLUMN_GAP = {\n  row: 0.5,\n  column: 1,\n} as const\n\nexport const StepFormDialogContentInner: FC<StepFormDialogContentInnerProps> = ({\n  children,\n  title,\n  titleId,\n  subtitle,\n  titleTag,\n  contentBgColor,\n  contentPadding,\n  submitLabel,\n  actionTheme = 'primary',\n  stepLength,\n  firstStep,\n  onSubmit,\n  onClickClose,\n  responseStatus,\n  actionDisabled,\n  closeDisabled,\n  decorators,\n  onClickBack,\n}) => {\n  const { localize } = useIntl()\n  const { currentStep, stepQueue, setCurrentStep, scrollerRef } = useContext(StepFormDialogContext)\n  const activeStep = useMemo(() => currentStep?.stepNumber ?? 1, [currentStep])\n\n  const handleCloseAction = useCallback(() => {\n    onClickClose()\n    setTimeout(() => {\n      // HINT: ダイアログが閉じるtransitionが完了してから初期化をしている\n      stepQueue.current = []\n      setCurrentStep(firstStep)\n    }, 300)\n  }, [firstStep, stepQueue, setCurrentStep, onClickClose])\n\n  const changeCurrentStep = useCallback(\n    (step: Parameters<typeof setCurrentStep>[0]) => {\n      setCurrentStep(step)\n\n      // HINT: stepが切り替わるごとにbodyのscroll位置を先頭に戻す処理\n      if (scrollerRef.current) {\n        scrollerRef.current.scroll(0, 0)\n      }\n    },\n    [setCurrentStep, scrollerRef],\n  )\n\n  const handleSubmitAction = useCallback(\n    (e: FormEvent<HTMLFormElement>) => {\n      e.preventDefault()\n      // HINT: React Potals などで擬似的にformがネストしている場合など、stopPropagationを実行しないと\n      // 親formが意図せずsubmitされてしまう場合がある\n      e.stopPropagation()\n\n      const next = onSubmit(handleCloseAction, e, currentStep)\n\n      if (next) {\n        stepQueue.current.push(currentStep)\n        changeCurrentStep(next)\n      }\n    },\n    [currentStep, stepQueue, onSubmit, handleCloseAction, changeCurrentStep],\n  )\n  const handleBackAction = useCallback(() => {\n    onClickBack?.()\n\n    changeCurrentStep(stepQueue.current.pop() ?? firstStep)\n  }, [firstStep, stepQueue, onClickBack, changeCurrentStep])\n\n  const classNames = useMemo(() => {\n    const { wrapper, actionArea, buttonArea, message } = dialogContentInner()\n\n    return {\n      wrapper: wrapper(),\n      actionArea: actionArea(),\n      buttonArea: buttonArea(),\n      message: message(),\n    }\n  }, [])\n\n  const decoratorDefaultTexts = useMemo(\n    () => ({\n      closeButtonLabel: localize({\n        id: 'smarthr-ui/StepFormDialog/closeButtonLabel',\n        defaultText: 'キャンセル',\n      }),\n      nextButtonLabel: localize({\n        id: 'smarthr-ui/StepFormDialog/nextButtonLabel',\n        defaultText: '次へ',\n      }),\n      backButtonLabel: localize({\n        id: 'smarthr-ui/StepFormDialog/backButtonLabel',\n        defaultText: '戻る',\n      }),\n    }),\n    [localize],\n  )\n\n  const decorated = useDecorators<DecoratorKeyTypes>(decoratorDefaultTexts, decorators)\n  const actionText = activeStep === stepLength ? submitLabel : decorated.nextButtonLabel\n  const stepText = `（${activeStep}/${stepLength}）`\n\n  const calcedResponseStatus = useResponseStatus(responseStatus)\n\n  return (\n    // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content, smarthr/a11y-prohibit-sectioning-content-in-form\n    <Section>\n      <form onSubmit={handleSubmitAction}>\n        <div className={classNames.wrapper}>\n          <DialogHeader\n            title={subtitle ? title : `${title}${stepText}`}\n            subtitle={subtitle ? `${subtitle}${stepText}` : undefined}\n            titleTag={titleTag}\n            titleId={titleId}\n          />\n          <DialogBody\n            contentPadding={contentPadding}\n            contentBgColor={contentBgColor}\n            ref={scrollerRef}\n          >\n            {children}\n          </DialogBody>\n          <Stack gap={0.5} className={classNames.actionArea}>\n            <Cluster justify=\"space-between\" gap={{ row: 0.5, column: 2 }}>\n              {activeStep > 1 && (\n                <Button\n                  onClick={handleBackAction}\n                  disabled={calcedResponseStatus.isProcessing}\n                  className=\"smarthr-ui-Dialog-backButton\"\n                >\n                  {decorated.backButtonLabel}\n                </Button>\n              )}\n              <Cluster gap={BUTTON_COLUMN_GAP} className={classNames.buttonArea}>\n                <Button\n                  onClick={handleCloseAction}\n                  disabled={closeDisabled || calcedResponseStatus.isProcessing}\n                  className=\"smarthr-ui-Dialog-closeButton\"\n                >\n                  {decorated.closeButtonLabel}\n                </Button>\n                <Button\n                  type=\"submit\"\n                  variant={actionTheme}\n                  disabled={actionDisabled}\n                  loading={calcedResponseStatus.isProcessing}\n                  className=\"smarthr-ui-Dialog-actionButton\"\n                >\n                  {actionText}\n                </Button>\n              </Cluster>\n            </Cluster>\n            <DialogContentResponseStatusMessage\n              responseStatus={calcedResponseStatus}\n              className={classNames.message}\n            />\n          </Stack>\n        </div>\n      </form>\n    </Section>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+DA;AACE;AACA;;;AAuBA;AACA;AACA;AAEA;AACE;;;AAGE;;;;AAKJ;;;AAKI;;;AAGF;AAIF;;;;;;;AAUM;;;AAGJ;AAGF;;;;AAMA;AACE;;;;;;;;AAUF;;AAGM;AACA;;;AAGA;AACA;;;AAGA;AACA;;AAEH;;AAKH;AACA;AAEA;;;;AA2DF;;"}
+{"version":3,"file":"StepFormDialogContentInner.js","sources":["../../../../src/components/Dialog/StepFormDialog/StepFormDialogContentInner.tsx"],"sourcesContent":["'use client'\n\nimport {\n  type FC,\n  type FormEvent,\n  type PropsWithChildren,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n} from 'react'\n\nimport { type DecoratorsType, useDecorators } from '../../../hooks/useDecorators'\nimport { type ResponseStatus, useResponseStatus } from '../../../hooks/useResponseStatus'\nimport { useIntl } from '../../../intl'\nimport { Button } from '../../Button'\nimport { Cluster, Stack } from '../../Layout'\nimport { Section } from '../../SectioningContent'\nimport { DialogBody, type Props as DialogBodyProps } from '../DialogBody'\nimport { DialogContentResponseStatusMessage } from '../DialogContentResponseStatusMessage'\nimport { DialogHeader, type Props as DialogHeaderProps } from '../DialogHeader'\nimport { dialogContentInner } from '../dialogInnerStyle'\n\nimport { StepFormDialogContext, type StepItem } from './StepFormDialogProvider'\n\nexport type BaseProps = PropsWithChildren<\n  DialogHeaderProps &\n    DialogBodyProps & {\n      /** アクションボタンのラベル */\n      submitLabel: ReactNode\n      /** アクションボタンのスタイル */\n      actionTheme?: 'primary' | 'secondary' | 'danger'\n      /**\n       * アクションボタンをクリックした時に発火するコールバック関数\n       * @param closeDialog ダイアログを閉じる関数\n       * @param currentStep onSubmitが発火した時のステップ\n       * @returns 次のステップに遷移する場合は次のステップ、遷移しない場合はundefined\n       */\n      onSubmit: (\n        closeDialog: () => void,\n        e: FormEvent<HTMLFormElement>,\n        currentStep: StepItem,\n      ) => StepItem | undefined\n      /** アクションボタンを無効にするかどうか */\n      actionDisabled?: boolean\n      /** 閉じるボタンを無効にするかどうか */\n      closeDisabled?: boolean\n      /** コンポーネント内の文言を変更するための関数を設定 */\n      decorators?: DecoratorsType<DecoratorKeyTypes>\n    }\n>\n\nexport type StepFormDialogContentInnerProps = BaseProps & {\n  firstStep: StepItem\n  onClickClose: () => void\n  responseStatus?: ResponseStatus\n  /** ステップの総数 */\n  stepLength: number\n  onClickBack?: () => void\n}\n\ntype DecoratorKeyTypes = 'closeButtonLabel' | 'nextButtonLabel' | 'backButtonLabel'\n\nconst BUTTON_COLUMN_GAP = {\n  row: 0.5,\n  column: 1,\n} as const\n\nexport const StepFormDialogContentInner: FC<StepFormDialogContentInnerProps> = ({\n  children,\n  title,\n  titleId,\n  subtitle,\n  titleTag,\n  contentBgColor,\n  contentPadding,\n  submitLabel,\n  actionTheme = 'primary',\n  stepLength,\n  firstStep,\n  onSubmit,\n  onClickClose,\n  responseStatus,\n  actionDisabled,\n  closeDisabled,\n  decorators,\n  onClickBack,\n}) => {\n  const { localize } = useIntl()\n  const { currentStep, stepQueue, setCurrentStep, scrollerRef } = useContext(StepFormDialogContext)\n  const activeStep = useMemo(() => currentStep?.stepNumber ?? 1, [currentStep])\n\n  const handleCloseAction = useCallback(() => {\n    onClickClose()\n    setTimeout(() => {\n      // HINT: ダイアログが閉じるtransitionが完了してから初期化をしている\n      stepQueue.current = []\n      setCurrentStep(firstStep)\n    }, 300)\n  }, [firstStep, stepQueue, setCurrentStep, onClickClose])\n\n  const changeCurrentStep = useCallback(\n    (step: Parameters<typeof setCurrentStep>[0]) => {\n      setCurrentStep(step)\n\n      // HINT: stepが切り替わるごとにbodyのscroll位置を先頭に戻す処理\n      if (scrollerRef.current) {\n        scrollerRef.current.scroll(0, 0)\n      }\n    },\n    [setCurrentStep, scrollerRef],\n  )\n\n  const handleSubmitAction = useCallback(\n    (e: FormEvent<HTMLFormElement>) => {\n      e.preventDefault()\n      // HINT: React Potals などで擬似的にformがネストしている場合など、stopPropagationを実行しないと\n      // 親formが意図せずsubmitされてしまう場合がある\n      e.stopPropagation()\n\n      const next = onSubmit(handleCloseAction, e, currentStep)\n\n      if (next) {\n        stepQueue.current.push(currentStep)\n        changeCurrentStep(next)\n      }\n    },\n    [currentStep, stepQueue, onSubmit, handleCloseAction, changeCurrentStep],\n  )\n  const handleBackAction = useCallback(() => {\n    onClickBack?.()\n\n    changeCurrentStep(stepQueue.current.pop() ?? firstStep)\n  }, [firstStep, stepQueue, onClickBack, changeCurrentStep])\n\n  const classNames = useMemo(() => {\n    const { wrapper, actionArea, buttonArea, message } = dialogContentInner()\n\n    return {\n      wrapper: wrapper(),\n      actionArea: actionArea(),\n      buttonArea: buttonArea(),\n      message: message(),\n    }\n  }, [])\n\n  const decoratorDefaultTexts = useMemo(\n    () => ({\n      closeButtonLabel: localize({\n        id: 'smarthr-ui/StepFormDialog/closeButtonLabel',\n        defaultText: 'キャンセル',\n      }),\n      nextButtonLabel: localize({\n        id: 'smarthr-ui/StepFormDialog/nextButtonLabel',\n        defaultText: '次へ',\n      }),\n      backButtonLabel: localize({\n        id: 'smarthr-ui/StepFormDialog/backButtonLabel',\n        defaultText: '戻る',\n      }),\n    }),\n    [localize],\n  )\n\n  const decorated = useDecorators<DecoratorKeyTypes>(decoratorDefaultTexts, decorators)\n  const actionText = activeStep === stepLength ? submitLabel : decorated.nextButtonLabel\n  const stepText = stepLength > 1 ? `（${activeStep}/${stepLength}）` : ''\n\n  const calcedResponseStatus = useResponseStatus(responseStatus)\n\n  return (\n    // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content, smarthr/a11y-prohibit-sectioning-content-in-form\n    <Section>\n      <form onSubmit={handleSubmitAction}>\n        <div className={classNames.wrapper}>\n          <DialogHeader\n            title={subtitle ? title : `${title}${stepText}`}\n            subtitle={subtitle ? `${subtitle}${stepText}` : undefined}\n            titleTag={titleTag}\n            titleId={titleId}\n          />\n          <DialogBody\n            contentPadding={contentPadding}\n            contentBgColor={contentBgColor}\n            ref={scrollerRef}\n          >\n            {children}\n          </DialogBody>\n          <Stack gap={0.5} className={classNames.actionArea}>\n            <Cluster justify=\"space-between\" gap={{ row: 0.5, column: 2 }}>\n              {activeStep > 1 && (\n                <Button\n                  onClick={handleBackAction}\n                  disabled={calcedResponseStatus.isProcessing}\n                  className=\"smarthr-ui-Dialog-backButton\"\n                >\n                  {decorated.backButtonLabel}\n                </Button>\n              )}\n              <Cluster gap={BUTTON_COLUMN_GAP} className={classNames.buttonArea}>\n                <Button\n                  onClick={handleCloseAction}\n                  disabled={closeDisabled || calcedResponseStatus.isProcessing}\n                  className=\"smarthr-ui-Dialog-closeButton\"\n                >\n                  {decorated.closeButtonLabel}\n                </Button>\n                <Button\n                  type=\"submit\"\n                  variant={actionTheme}\n                  disabled={actionDisabled}\n                  loading={calcedResponseStatus.isProcessing}\n                  className=\"smarthr-ui-Dialog-actionButton\"\n                >\n                  {actionText}\n                </Button>\n              </Cluster>\n            </Cluster>\n            <DialogContentResponseStatusMessage\n              responseStatus={calcedResponseStatus}\n              className={classNames.message}\n            />\n          </Stack>\n        </div>\n      </form>\n    </Section>\n  )\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+DA;AACE;AACA;;;AAuBA;AACA;AACA;AAEA;AACE;;;AAGE;;;;AAKJ;;;AAKI;;;AAGF;AAIF;;;;;;;AAUM;;;AAGJ;AAGF;;;;AAMA;AACE;;;;;;;;AAUF;;AAGM;AACA;;;AAGA;AACA;;;AAGA;AACA;;AAEH;;AAKH;AACA;AAEA;;;;AA2DF;;"}

package/esm/components/Dropdown/DropdownMenuButton/DropdownMenuButton.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useContext, useMemo, useRef, Children, isValidElement, Fragment, cloneElement } from 'react';
-import innerText from '../../../_virtual/index.js';
+import innerText from '../../../_virtual/index3.js';
 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';
 import { DropdownContext, Dropdown } from '../Dropdown.js';
 import { DropdownTrigger } from '../DropdownTrigger.js';

package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
-import innerText from '../../../_virtual/index.js';
+import innerText from '../../../_virtual/index3.js';
 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';
 import { useDecorators } from '../../../hooks/useDecorators.js';
 import { useResponseStatus } from '../../../hooks/useResponseStatus.js';

package/esm/components/FormControl/FormControl.js

@@ -1,7 +1,7 @@
 "use client";
 import { memo, useMemo, useId, useRef, Fragment as Fragment$1, createElement, useEffect } from 'react';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-import innerText from '../../_virtual/index.js';
+import innerText from '../../_virtual/index3.js';
 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';
 import { FaCircleExclamationIcon } from '../Icon/Icon.js';
 import '../Icon/generateIcon.js';

package/esm/components/Tooltip/Tooltip.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { memo, useMemo, useState, useRef, useId, useSyncExternalStore, useCallback, cloneElement } from 'react';
 import { createPortal } from 'react-dom';
-import innerText from '../../_virtual/index.js';
+import innerText from '../../_virtual/index3.js';
 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';
 import { useEnhancedEffect } from '../../hooks/useEnhancedEffect.js';
 import { VisuallyHiddenText } from '../VisuallyHiddenText/VisuallyHiddenText.js';

package/esm/libs/lodash.js

@@ -1,5 +1,5 @@
-import _merge from '../_virtual/index2.js';
-import _range from '../_virtual/index3.js';
+import _merge from '../_virtual/index.js';
+import _range from '../_virtual/index2.js';
 
 const merge = _merge;
 const range = _range;

package/lib/components/Dialog/StepFormDialog/StepFormDialogContentInner.js

@@ -78,7 +78,7 @@ const StepFormDialogContentInner = ({ children, title, titleId, subtitle, titleT
     }), [localize]);
     const decorated = (0, useDecorators_1.useDecorators)(decoratorDefaultTexts, decorators);
     const actionText = activeStep === stepLength ? submitLabel : decorated.nextButtonLabel;
-    const stepText = `（${activeStep}/${stepLength}）`;
+    const stepText = stepLength > 1 ? `（${activeStep}/${stepLength}）` : '';
     const calcedResponseStatus = (0, useResponseStatus_1.useResponseStatus)(responseStatus);
     return (
     // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content, smarthr/a11y-prohibit-sectioning-content-in-form

package/lib/components/Dialog/StepFormDialog/StepFormDialogContentInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepFormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/StepFormDialog/StepFormDialogContentInner.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client'\n\nimport {\n  type FC,\n  type FormEvent,\n  type PropsWithChildren,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n} from 'react'\n\nimport { type DecoratorsType, useDecorators } from '../../../hooks/useDecorators'\nimport { type ResponseStatus, useResponseStatus } from '../../../hooks/useResponseStatus'\nimport { useIntl } from '../../../intl'\nimport { Button } from '../../Button'\nimport { Cluster, Stack } from '../../Layout'\nimport { Section } from '../../SectioningContent'\nimport { DialogBody, type Props as DialogBodyProps } from '../DialogBody'\nimport { DialogContentResponseStatusMessage } from '../DialogContentResponseStatusMessage'\nimport { DialogHeader, type Props as DialogHeaderProps } from '../DialogHeader'\nimport { dialogContentInner } from '../dialogInnerStyle'\n\nimport { StepFormDialogContext, type StepItem } from './StepFormDialogProvider'\n\nexport type BaseProps = PropsWithChildren<\n  DialogHeaderProps &\n    DialogBodyProps & {\n      /** アクションボタンのラベル */\n      submitLabel: ReactNode\n      /** アクションボタンのスタイル */\n      actionTheme?: 'primary' | 'secondary' | 'danger'\n      /**\n       * アクションボタンをクリックした時に発火するコールバック関数\n       * @param closeDialog ダイアログを閉じる関数\n       * @param currentStep onSubmitが発火した時のステップ\n       * @returns 次のステップに遷移する場合は次のステップ、遷移しない場合はundefined\n       */\n      onSubmit: (\n        closeDialog: () => void,\n        e: FormEvent<HTMLFormElement>,\n        currentStep: StepItem,\n      ) => StepItem | undefined\n      /** アクションボタンを無効にするかどうか */\n      actionDisabled?: boolean\n      /** 閉じるボタンを無効にするかどうか */\n      closeDisabled?: boolean\n      /** コンポーネント内の文言を変更するための関数を設定 */\n      decorators?: DecoratorsType<DecoratorKeyTypes>\n    }\n>\n\nexport type StepFormDialogContentInnerProps = BaseProps & {\n  firstStep: StepItem\n  onClickClose: () => void\n  responseStatus?: ResponseStatus\n  /** ステップの総数 */\n  stepLength: number\n  onClickBack?: () => void\n}\n\ntype DecoratorKeyTypes = 'closeButtonLabel' | 'nextButtonLabel' | 'backButtonLabel'\n\nconst BUTTON_COLUMN_GAP = {\n  row: 0.5,\n  column: 1,\n} as const\n\nexport const StepFormDialogContentInner: FC<StepFormDialogContentInnerProps> = ({\n  children,\n  title,\n  titleId,\n  subtitle,\n  titleTag,\n  contentBgColor,\n  contentPadding,\n  submitLabel,\n  actionTheme = 'primary',\n  stepLength,\n  firstStep,\n  onSubmit,\n  onClickClose,\n  responseStatus,\n  actionDisabled,\n  closeDisabled,\n  decorators,\n  onClickBack,\n}) => {\n  const { localize } = useIntl()\n  const { currentStep, stepQueue, setCurrentStep, scrollerRef } = useContext(StepFormDialogContext)\n  const activeStep = useMemo(() => currentStep?.stepNumber ?? 1, [currentStep])\n\n  const handleCloseAction = useCallback(() => {\n    onClickClose()\n    setTimeout(() => {\n      // HINT: ダイアログが閉じるtransitionが完了してから初期化をしている\n      stepQueue.current = []\n      setCurrentStep(firstStep)\n    }, 300)\n  }, [firstStep, stepQueue, setCurrentStep, onClickClose])\n\n  const changeCurrentStep = useCallback(\n    (step: Parameters<typeof setCurrentStep>[0]) => {\n      setCurrentStep(step)\n\n      // HINT: stepが切り替わるごとにbodyのscroll位置を先頭に戻す処理\n      if (scrollerRef.current) {\n        scrollerRef.current.scroll(0, 0)\n      }\n    },\n    [setCurrentStep, scrollerRef],\n  )\n\n  const handleSubmitAction = useCallback(\n    (e: FormEvent<HTMLFormElement>) => {\n      e.preventDefault()\n      // HINT: React Potals などで擬似的にformがネストしている場合など、stopPropagationを実行しないと\n      // 親formが意図せずsubmitされてしまう場合がある\n      e.stopPropagation()\n\n      const next = onSubmit(handleCloseAction, e, currentStep)\n\n      if (next) {\n        stepQueue.current.push(currentStep)\n        changeCurrentStep(next)\n      }\n    },\n    [currentStep, stepQueue, onSubmit, handleCloseAction, changeCurrentStep],\n  )\n  const handleBackAction = useCallback(() => {\n    onClickBack?.()\n\n    changeCurrentStep(stepQueue.current.pop() ?? firstStep)\n  }, [firstStep, stepQueue, onClickBack, changeCurrentStep])\n\n  const classNames = useMemo(() => {\n    const { wrapper, actionArea, buttonArea, message } = dialogContentInner()\n\n    return {\n      wrapper: wrapper(),\n      actionArea: actionArea(),\n      buttonArea: buttonArea(),\n      message: message(),\n    }\n  }, [])\n\n  const decoratorDefaultTexts = useMemo(\n    () => ({\n      closeButtonLabel: localize({\n        id: 'smarthr-ui/StepFormDialog/closeButtonLabel',\n        defaultText: 'キャンセル',\n      }),\n      nextButtonLabel: localize({\n        id: 'smarthr-ui/StepFormDialog/nextButtonLabel',\n        defaultText: '次へ',\n      }),\n      backButtonLabel: localize({\n        id: 'smarthr-ui/StepFormDialog/backButtonLabel',\n        defaultText: '戻る',\n      }),\n    }),\n    [localize],\n  )\n\n  const decorated = useDecorators<DecoratorKeyTypes>(decoratorDefaultTexts, decorators)\n  const actionText = activeStep === stepLength ? submitLabel : decorated.nextButtonLabel\n  const stepText = `（${activeStep}/${stepLength}）`\n\n  const calcedResponseStatus = useResponseStatus(responseStatus)\n\n  return (\n    // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content, smarthr/a11y-prohibit-sectioning-content-in-form\n    <Section>\n      <form onSubmit={handleSubmitAction}>\n        <div className={classNames.wrapper}>\n          <DialogHeader\n            title={subtitle ? title : `${title}${stepText}`}\n            subtitle={subtitle ? `${subtitle}${stepText}` : undefined}\n            titleTag={titleTag}\n            titleId={titleId}\n          />\n          <DialogBody\n            contentPadding={contentPadding}\n            contentBgColor={contentBgColor}\n            ref={scrollerRef}\n          >\n            {children}\n          </DialogBody>\n          <Stack gap={0.5} className={classNames.actionArea}>\n            <Cluster justify=\"space-between\" gap={{ row: 0.5, column: 2 }}>\n              {activeStep > 1 && (\n                <Button\n                  onClick={handleBackAction}\n                  disabled={calcedResponseStatus.isProcessing}\n                  className=\"smarthr-ui-Dialog-backButton\"\n                >\n                  {decorated.backButtonLabel}\n                </Button>\n              )}\n              <Cluster gap={BUTTON_COLUMN_GAP} className={classNames.buttonArea}>\n                <Button\n                  onClick={handleCloseAction}\n                  disabled={closeDisabled || calcedResponseStatus.isProcessing}\n                  className=\"smarthr-ui-Dialog-closeButton\"\n                >\n                  {decorated.closeButtonLabel}\n                </Button>\n                <Button\n                  type=\"submit\"\n                  variant={actionTheme}\n                  disabled={actionDisabled}\n                  loading={calcedResponseStatus.isProcessing}\n                  className=\"smarthr-ui-Dialog-actionButton\"\n                >\n                  {actionText}\n                </Button>\n              </Cluster>\n            </Cluster>\n            <DialogContentResponseStatusMessage\n              responseStatus={calcedResponseStatus}\n              className={classNames.message}\n            />\n          </Stack>\n        </div>\n      </form>\n    </Section>\n  )\n}\n"]}
+{"version":3,"file":"StepFormDialogContentInner.js","sourceRoot":"","sources":["../../../../src/components/Dialog/StepFormDialog/StepFormDialogContentInner.tsx"],"names":[],"mappings":"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","sourcesContent":["'use client'\n\nimport {\n  type FC,\n  type FormEvent,\n  type PropsWithChildren,\n  type ReactNode,\n  useCallback,\n  useContext,\n  useMemo,\n} from 'react'\n\nimport { type DecoratorsType, useDecorators } from '../../../hooks/useDecorators'\nimport { type ResponseStatus, useResponseStatus } from '../../../hooks/useResponseStatus'\nimport { useIntl } from '../../../intl'\nimport { Button } from '../../Button'\nimport { Cluster, Stack } from '../../Layout'\nimport { Section } from '../../SectioningContent'\nimport { DialogBody, type Props as DialogBodyProps } from '../DialogBody'\nimport { DialogContentResponseStatusMessage } from '../DialogContentResponseStatusMessage'\nimport { DialogHeader, type Props as DialogHeaderProps } from '../DialogHeader'\nimport { dialogContentInner } from '../dialogInnerStyle'\n\nimport { StepFormDialogContext, type StepItem } from './StepFormDialogProvider'\n\nexport type BaseProps = PropsWithChildren<\n  DialogHeaderProps &\n    DialogBodyProps & {\n      /** アクションボタンのラベル */\n      submitLabel: ReactNode\n      /** アクションボタンのスタイル */\n      actionTheme?: 'primary' | 'secondary' | 'danger'\n      /**\n       * アクションボタンをクリックした時に発火するコールバック関数\n       * @param closeDialog ダイアログを閉じる関数\n       * @param currentStep onSubmitが発火した時のステップ\n       * @returns 次のステップに遷移する場合は次のステップ、遷移しない場合はundefined\n       */\n      onSubmit: (\n        closeDialog: () => void,\n        e: FormEvent<HTMLFormElement>,\n        currentStep: StepItem,\n      ) => StepItem | undefined\n      /** アクションボタンを無効にするかどうか */\n      actionDisabled?: boolean\n      /** 閉じるボタンを無効にするかどうか */\n      closeDisabled?: boolean\n      /** コンポーネント内の文言を変更するための関数を設定 */\n      decorators?: DecoratorsType<DecoratorKeyTypes>\n    }\n>\n\nexport type StepFormDialogContentInnerProps = BaseProps & {\n  firstStep: StepItem\n  onClickClose: () => void\n  responseStatus?: ResponseStatus\n  /** ステップの総数 */\n  stepLength: number\n  onClickBack?: () => void\n}\n\ntype DecoratorKeyTypes = 'closeButtonLabel' | 'nextButtonLabel' | 'backButtonLabel'\n\nconst BUTTON_COLUMN_GAP = {\n  row: 0.5,\n  column: 1,\n} as const\n\nexport const StepFormDialogContentInner: FC<StepFormDialogContentInnerProps> = ({\n  children,\n  title,\n  titleId,\n  subtitle,\n  titleTag,\n  contentBgColor,\n  contentPadding,\n  submitLabel,\n  actionTheme = 'primary',\n  stepLength,\n  firstStep,\n  onSubmit,\n  onClickClose,\n  responseStatus,\n  actionDisabled,\n  closeDisabled,\n  decorators,\n  onClickBack,\n}) => {\n  const { localize } = useIntl()\n  const { currentStep, stepQueue, setCurrentStep, scrollerRef } = useContext(StepFormDialogContext)\n  const activeStep = useMemo(() => currentStep?.stepNumber ?? 1, [currentStep])\n\n  const handleCloseAction = useCallback(() => {\n    onClickClose()\n    setTimeout(() => {\n      // HINT: ダイアログが閉じるtransitionが完了してから初期化をしている\n      stepQueue.current = []\n      setCurrentStep(firstStep)\n    }, 300)\n  }, [firstStep, stepQueue, setCurrentStep, onClickClose])\n\n  const changeCurrentStep = useCallback(\n    (step: Parameters<typeof setCurrentStep>[0]) => {\n      setCurrentStep(step)\n\n      // HINT: stepが切り替わるごとにbodyのscroll位置を先頭に戻す処理\n      if (scrollerRef.current) {\n        scrollerRef.current.scroll(0, 0)\n      }\n    },\n    [setCurrentStep, scrollerRef],\n  )\n\n  const handleSubmitAction = useCallback(\n    (e: FormEvent<HTMLFormElement>) => {\n      e.preventDefault()\n      // HINT: React Potals などで擬似的にformがネストしている場合など、stopPropagationを実行しないと\n      // 親formが意図せずsubmitされてしまう場合がある\n      e.stopPropagation()\n\n      const next = onSubmit(handleCloseAction, e, currentStep)\n\n      if (next) {\n        stepQueue.current.push(currentStep)\n        changeCurrentStep(next)\n      }\n    },\n    [currentStep, stepQueue, onSubmit, handleCloseAction, changeCurrentStep],\n  )\n  const handleBackAction = useCallback(() => {\n    onClickBack?.()\n\n    changeCurrentStep(stepQueue.current.pop() ?? firstStep)\n  }, [firstStep, stepQueue, onClickBack, changeCurrentStep])\n\n  const classNames = useMemo(() => {\n    const { wrapper, actionArea, buttonArea, message } = dialogContentInner()\n\n    return {\n      wrapper: wrapper(),\n      actionArea: actionArea(),\n      buttonArea: buttonArea(),\n      message: message(),\n    }\n  }, [])\n\n  const decoratorDefaultTexts = useMemo(\n    () => ({\n      closeButtonLabel: localize({\n        id: 'smarthr-ui/StepFormDialog/closeButtonLabel',\n        defaultText: 'キャンセル',\n      }),\n      nextButtonLabel: localize({\n        id: 'smarthr-ui/StepFormDialog/nextButtonLabel',\n        defaultText: '次へ',\n      }),\n      backButtonLabel: localize({\n        id: 'smarthr-ui/StepFormDialog/backButtonLabel',\n        defaultText: '戻る',\n      }),\n    }),\n    [localize],\n  )\n\n  const decorated = useDecorators<DecoratorKeyTypes>(decoratorDefaultTexts, decorators)\n  const actionText = activeStep === stepLength ? submitLabel : decorated.nextButtonLabel\n  const stepText = stepLength > 1 ? `（${activeStep}/${stepLength}）` : ''\n\n  const calcedResponseStatus = useResponseStatus(responseStatus)\n\n  return (\n    // eslint-disable-next-line smarthr/a11y-heading-in-sectioning-content, smarthr/a11y-prohibit-sectioning-content-in-form\n    <Section>\n      <form onSubmit={handleSubmitAction}>\n        <div className={classNames.wrapper}>\n          <DialogHeader\n            title={subtitle ? title : `${title}${stepText}`}\n            subtitle={subtitle ? `${subtitle}${stepText}` : undefined}\n            titleTag={titleTag}\n            titleId={titleId}\n          />\n          <DialogBody\n            contentPadding={contentPadding}\n            contentBgColor={contentBgColor}\n            ref={scrollerRef}\n          >\n            {children}\n          </DialogBody>\n          <Stack gap={0.5} className={classNames.actionArea}>\n            <Cluster justify=\"space-between\" gap={{ row: 0.5, column: 2 }}>\n              {activeStep > 1 && (\n                <Button\n                  onClick={handleBackAction}\n                  disabled={calcedResponseStatus.isProcessing}\n                  className=\"smarthr-ui-Dialog-backButton\"\n                >\n                  {decorated.backButtonLabel}\n                </Button>\n              )}\n              <Cluster gap={BUTTON_COLUMN_GAP} className={classNames.buttonArea}>\n                <Button\n                  onClick={handleCloseAction}\n                  disabled={closeDisabled || calcedResponseStatus.isProcessing}\n                  className=\"smarthr-ui-Dialog-closeButton\"\n                >\n                  {decorated.closeButtonLabel}\n                </Button>\n                <Button\n                  type=\"submit\"\n                  variant={actionTheme}\n                  disabled={actionDisabled}\n                  loading={calcedResponseStatus.isProcessing}\n                  className=\"smarthr-ui-Dialog-actionButton\"\n                >\n                  {actionText}\n                </Button>\n              </Cluster>\n            </Cluster>\n            <DialogContentResponseStatusMessage\n              responseStatus={calcedResponseStatus}\n              className={classNames.message}\n            />\n          </Stack>\n        </div>\n      </form>\n    </Section>\n  )\n}\n"]}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "smarthr-ui",
   "description": "SmartHR ui components built with React.",
-  "version": "75.4.0",
+  "version": "75.4.1",
   "author": "SmartHR-UI Team",
   "dependencies": {
     "@smarthr/wareki": "^1.3.0",