smarthr-ui 98.0.0 → 98.1.0

package/lib/components/FileViewer/SearchController.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchController.js","sources":["../../../src/components/FileViewer/SearchController.tsx"],"sourcesContent":["'use client'\n\nimport { type ChangeEvent, type FC, type KeyboardEvent, memo, useCallback, useMemo } from 'react'\nimport { tv } from 'tailwind-variants'\n\nimport { useEnvironment } from '../../hooks/useEnvironment'\nimport { useIntl } from '../../intl'\nimport { Button } from '../Button'\nimport { FaAngleDownIcon, FaAngleUpIcon } from '../Icon'\nimport { SearchInput } from '../Input'\nimport { Text } from '../Text'\n\nimport type { UsePDFSearch } from './usePDFSearch'\n\ntype Props = {\n  search: UsePDFSearch\n}\n\nconst classNameGenerator = tv({\n  slots: {\n    wrapper: 'shr-flex shr-w-full',\n    inputArea: 'shr-min-w-0 shr-grow',\n  },\n  variants: {\n    mobile: {\n      true: {},\n      false: {\n        wrapper: 'shr-justify-end',\n        inputArea: 'shr-max-w-[15em]',\n      },\n    },\n  },\n})\n\nexport const SearchController: FC<Props> = memo(({ search }) => {\n  const {\n    query,\n    setQuery,\n    matchCount,\n    currentMatchIndex,\n    goNext: onClickNext,\n    goPrev: onClickPrev,\n    clear: onClickClear,\n  } = search\n  const { localize } = useIntl()\n  const { mobile } = useEnvironment()\n  const classNames = useMemo(() => {\n    const { wrapper, inputArea } = classNameGenerator({ mobile })\n    return { wrapper: wrapper(), inputArea: inputArea() }\n  }, [mobile])\n  const translated = useMemo(\n    () => ({\n      searchInputTooltipMessage: localize({\n        id: 'smarthr-ui/FileViewer/searchInputTooltipMessage',\n        defaultText: 'PDF内のテキストを検索',\n      }),\n      previousMatchAlt: localize({\n        id: 'smarthr-ui/FileViewer/previousMatchAlt',\n        defaultText: '前の検索結果へ',\n      }),\n      nextMatchAlt: localize({\n        id: 'smarthr-ui/FileViewer/nextMatchAlt',\n        defaultText: '次の検索結果へ',\n      }),\n    }),\n    [localize],\n  )\n\n  const hasMatches = matchCount > 0\n  const displayedCurrent = hasMatches ? currentMatchIndex + 1 : 0\n\n  const handleChange = useCallback(\n    (e: ChangeEvent<HTMLInputElement>) => {\n      setQuery(e.target.value)\n    },\n    [setQuery],\n  )\n\n  const handleKeyDown = useCallback(\n    (e: KeyboardEvent<HTMLInputElement>) => {\n      if (e.nativeEvent.isComposing) {\n        return\n      }\n      switch (e.key) {\n        case 'Enter': {\n          e.preventDefault()\n          if (e.shiftKey) {\n            onClickPrev()\n          } else {\n            onClickNext()\n          }\n          break\n        }\n        case 'Escape': {\n          if (query !== '') {\n            e.preventDefault()\n            onClickClear()\n          }\n          break\n        }\n      }\n    },\n    [onClickNext, onClickPrev, onClickClear, query],\n  )\n\n  return (\n    <div className={classNames.wrapper}>\n      <div className={classNames.inputArea}>\n        <SearchInput\n          name=\"file_viewer_search\"\n          tooltipMessage={translated.searchInputTooltipMessage}\n          value={query}\n          onChange={handleChange}\n          onKeyDown={handleKeyDown}\n          width=\"100%\"\n          suffix={\n            query !== '' ? (\n              <Text size=\"S\" aria-live=\"polite\" className=\"shr-tabular-nums\">\n                {`${displayedCurrent}/${matchCount}`}\n              </Text>\n            ) : undefined\n          }\n          className=\"[&_.smarthr-ui-Input]:shr-rounded-e-none\"\n        />\n      </div>\n      <Button\n        onClick={onClickPrev}\n        disabled={!hasMatches}\n        className=\"shr-rounded-none shr-border-s-0 shr-p-0.75 aria-disabled:!shr-border-default\"\n      >\n        <FaAngleUpIcon alt={translated.previousMatchAlt} />\n      </Button>\n      <Button\n        onClick={onClickNext}\n        disabled={!hasMatches}\n        className=\"shr-rounded-s-none shr-border-s-0 shr-p-0.75 aria-disabled:!shr-border-default\"\n      >\n        <FaAngleDownIcon alt={translated.nextMatchAlt} />\n      </Button>\n    </div>\n  )\n})\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA;AACE;AACE;AACA;AACD;AACD;AACE;AACE;AACA;AACE;AACA;AACD;AACF;AACF;AACF;AAEM;;AAUL;AACA;AACA;AACE;;AAEF;AACA;;AAGM;AACA;;;AAGA;AACA;;;AAGA;AACA;;AAEH;AAIH;AACA;AAEA;AAEI;AACF;AAIF;AAEI;;;AAGA;;;AAGI;AACE;;;AAEA;;;;;AAKF;;AAEE;;;;;;AASV;AAoCF;;"}

package/lib/components/FileViewer/buildCustomTextRenderer.cjs

@@ -0,0 +1,55 @@
+'use strict';
+
+const MATCH_INDEX_ATTR = 'data-shr-match-index';
+const SELECTED_MATCH_CLASS = 'selected';
+const matchSelector = (globalIndex) => `mark.highlight[${MATCH_INDEX_ATTR}="${globalIndex}"]`;
+const HTML_ESCAPE_MAP = {
+    '&': '&',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&#39;',
+};
+const replaceHtmlChar = (c) => HTML_ESCAPE_MAP[c];
+const escapeHtml = (s) => s.replace(/[&<>"']/g, replaceHtmlChar);
+const buildMarkHtml = (text, globalIndex) => `<mark class="highlight" ${MATCH_INDEX_ATTR}="${globalIndex}">${escapeHtml(text)}</mark>`;
+const renderHighlightedFragment = (str, itemMatches) => {
+    let result = '';
+    let cursor = 0;
+    for (const { matchStart, matchLength, globalIndex } of itemMatches) {
+        result += escapeHtml(str.slice(cursor, matchStart));
+        result += buildMarkHtml(str.slice(matchStart, matchStart + matchLength), globalIndex);
+        cursor = matchStart + matchLength;
+    }
+    result += escapeHtml(str.slice(cursor));
+    return result;
+};
+const groupMatchesByItem = (matches) => {
+    const groups = new Map();
+    for (const m of matches) {
+        const key = `${m.pageIndex}:${m.itemIndex}`;
+        const list = groups.get(key);
+        if (list) {
+            list.push(m);
+        }
+        else {
+            groups.set(key, [m]);
+        }
+    }
+    return groups;
+};
+const buildCustomTextRenderer = (matches) => {
+    const groups = groupMatchesByItem(matches);
+    return ({ pageIndex, itemIndex, str }) => {
+        const itemMatches = groups.get(`${pageIndex}:${itemIndex}`);
+        if (!itemMatches)
+            return escapeHtml(str);
+        return renderHighlightedFragment(str, itemMatches);
+    };
+};
+
+exports.MATCH_INDEX_ATTR = MATCH_INDEX_ATTR;
+exports.SELECTED_MATCH_CLASS = SELECTED_MATCH_CLASS;
+exports.buildCustomTextRenderer = buildCustomTextRenderer;
+exports.matchSelector = matchSelector;
+//# sourceMappingURL=buildCustomTextRenderer.cjs.map

package/lib/components/FileViewer/buildCustomTextRenderer.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildCustomTextRenderer.cjs","sources":["../../../src/components/FileViewer/buildCustomTextRenderer.ts"],"sourcesContent":["import type { PDFSearchMatch } from './types'\nimport type { ComponentProps } from 'react'\nimport type { Page } from 'react-pdf'\n\ntype CustomTextRenderer = NonNullable<ComponentProps<typeof Page>['customTextRenderer']>\n\nexport const MATCH_INDEX_ATTR = 'data-shr-match-index'\n\nexport const SELECTED_MATCH_CLASS = 'selected'\n\nexport const matchSelector = (globalIndex: number): string =>\n  `mark.highlight[${MATCH_INDEX_ATTR}=\"${globalIndex}\"]`\n\nconst HTML_ESCAPE_MAP: Record<string, string> = {\n  '&': '&amp;',\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n}\nconst replaceHtmlChar = (c: string): string => HTML_ESCAPE_MAP[c]!\nconst escapeHtml = (s: string): string => s.replace(/[&<>\"']/g, replaceHtmlChar)\n\nconst buildMarkHtml = (text: string, globalIndex: number): string =>\n  `<mark class=\"highlight\" ${MATCH_INDEX_ATTR}=\"${globalIndex}\">${escapeHtml(text)}</mark>`\n\nconst renderHighlightedFragment = (str: string, itemMatches: PDFSearchMatch[]): string => {\n  let result = ''\n  let cursor = 0\n  for (const { matchStart, matchLength, globalIndex } of itemMatches) {\n    result += escapeHtml(str.slice(cursor, matchStart))\n    result += buildMarkHtml(str.slice(matchStart, matchStart + matchLength), globalIndex)\n    cursor = matchStart + matchLength\n  }\n  result += escapeHtml(str.slice(cursor))\n  return result\n}\n\nconst groupMatchesByItem = (matches: PDFSearchMatch[]): Map<string, PDFSearchMatch[]> => {\n  const groups = new Map<string, PDFSearchMatch[]>()\n  for (const m of matches) {\n    const key = `${m.pageIndex}:${m.itemIndex}`\n    const list = groups.get(key)\n    if (list) {\n      list.push(m)\n    } else {\n      groups.set(key, [m])\n    }\n  }\n  return groups\n}\n\nexport const buildCustomTextRenderer = (matches: PDFSearchMatch[]): CustomTextRenderer => {\n  const groups = groupMatchesByItem(matches)\n  return ({ pageIndex, itemIndex, str }) => {\n    const itemMatches = groups.get(`${pageIndex}:${itemIndex}`)\n    if (!itemMatches) return escapeHtml(str)\n    return renderHighlightedFragment(str, itemMatches)\n  }\n}\n"],"names":[],"mappings":";;AAMO,MAAM,gBAAgB,GAAG;AAEzB,MAAM,oBAAoB,GAAG;AAE7B,MAAM,aAAa,GAAG,CAAC,WAAmB,KAC/C,CAAA,eAAA,EAAkB,gBAAgB,CAAA,EAAA,EAAK,WAAW;AAEpD,MAAM,eAAe,GAA2B;AAC9C,IAAA,GAAG,EAAE,OAAO;AACZ,IAAA,GAAG,EAAE,MAAM;AACX,IAAA,GAAG,EAAE,MAAM;AACX,IAAA,GAAG,EAAE,QAAQ;AACb,IAAA,GAAG,EAAE,OAAO;CACb;AACD,MAAM,eAAe,GAAG,CAAC,CAAS,KAAa,eAAe,CAAC,CAAC,CAAE;AAClE,MAAM,UAAU,GAAG,CAAC,CAAS,KAAa,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,eAAe,CAAC;AAEhF,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,WAAmB,KACtD,2BAA2B,gBAAgB,CAAA,EAAA,EAAK,WAAW,CAAA,EAAA,EAAK,UAAU,CAAC,IAAI,CAAC,SAAS;AAE3F,MAAM,yBAAyB,GAAG,CAAC,GAAW,EAAE,WAA6B,KAAY;IACvF,IAAI,MAAM,GAAG,EAAE;IACf,IAAI,MAAM,GAAG,CAAC;IACd,KAAK,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,WAAW,EAAE;AAClE,QAAA,MAAM,IAAI,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AACnD,QAAA,MAAM,IAAI,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,WAAW,CAAC,EAAE,WAAW,CAAC;AACrF,QAAA,MAAM,GAAG,UAAU,GAAG,WAAW;IACnC;IACA,MAAM,IAAI,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;AACvC,IAAA,OAAO,MAAM;AACf,CAAC;AAED,MAAM,kBAAkB,GAAG,CAAC,OAAyB,KAAmC;AACtF,IAAA,MAAM,MAAM,GAAG,IAAI,GAAG,EAA4B;AAClD,IAAA,KAAK,MAAM,CAAC,IAAI,OAAO,EAAE;QACvB,MAAM,GAAG,GAAG,CAAA,EAAG,CAAC,CAAC,SAAS,CAAA,CAAA,EAAI,CAAC,CAAC,SAAS,CAAA,CAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;QAC5B,IAAI,IAAI,EAAE;AACR,YAAA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACd;aAAO;YACL,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;QACtB;IACF;AACA,IAAA,OAAO,MAAM;AACf,CAAC;AAEM,MAAM,uBAAuB,GAAG,CAAC,OAAyB,KAAwB;AACvF,IAAA,MAAM,MAAM,GAAG,kBAAkB,CAAC,OAAO,CAAC;IAC1C,OAAO,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,KAAI;AACvC,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA,EAAG,SAAS,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,CAAC;AAC3D,QAAA,IAAI,CAAC,WAAW;AAAE,YAAA,OAAO,UAAU,CAAC,GAAG,CAAC;AACxC,QAAA,OAAO,yBAAyB,CAAC,GAAG,EAAE,WAAW,CAAC;AACpD,IAAA,CAAC;AACH;;;;;;;"}

package/lib/components/FileViewer/buildCustomTextRenderer.d.ts

@@ -0,0 +1,9 @@
+import type { PDFSearchMatch } from './types';
+import type { ComponentProps } from 'react';
+import type { Page } from 'react-pdf';
+type CustomTextRenderer = NonNullable<ComponentProps<typeof Page>['customTextRenderer']>;
+export declare const MATCH_INDEX_ATTR = "data-shr-match-index";
+export declare const SELECTED_MATCH_CLASS = "selected";
+export declare const matchSelector: (globalIndex: number) => string;
+export declare const buildCustomTextRenderer: (matches: PDFSearchMatch[]) => CustomTextRenderer;
+export {};

package/lib/components/FileViewer/buildCustomTextRenderer.js

@@ -0,0 +1,50 @@
+const MATCH_INDEX_ATTR = 'data-shr-match-index';
+const SELECTED_MATCH_CLASS = 'selected';
+const matchSelector = (globalIndex) => `mark.highlight[${MATCH_INDEX_ATTR}="${globalIndex}"]`;
+const HTML_ESCAPE_MAP = {
+    '&': '&',
+    '<': '&lt;',
+    '>': '&gt;',
+    '"': '&quot;',
+    "'": '&#39;',
+};
+const replaceHtmlChar = (c) => HTML_ESCAPE_MAP[c];
+const escapeHtml = (s) => s.replace(/[&<>"']/g, replaceHtmlChar);
+const buildMarkHtml = (text, globalIndex) => `<mark class="highlight" ${MATCH_INDEX_ATTR}="${globalIndex}">${escapeHtml(text)}</mark>`;
+const renderHighlightedFragment = (str, itemMatches) => {
+    let result = '';
+    let cursor = 0;
+    for (const { matchStart, matchLength, globalIndex } of itemMatches) {
+        result += escapeHtml(str.slice(cursor, matchStart));
+        result += buildMarkHtml(str.slice(matchStart, matchStart + matchLength), globalIndex);
+        cursor = matchStart + matchLength;
+    }
+    result += escapeHtml(str.slice(cursor));
+    return result;
+};
+const groupMatchesByItem = (matches) => {
+    const groups = new Map();
+    for (const m of matches) {
+        const key = `${m.pageIndex}:${m.itemIndex}`;
+        const list = groups.get(key);
+        if (list) {
+            list.push(m);
+        }
+        else {
+            groups.set(key, [m]);
+        }
+    }
+    return groups;
+};
+const buildCustomTextRenderer = (matches) => {
+    const groups = groupMatchesByItem(matches);
+    return ({ pageIndex, itemIndex, str }) => {
+        const itemMatches = groups.get(`${pageIndex}:${itemIndex}`);
+        if (!itemMatches)
+            return escapeHtml(str);
+        return renderHighlightedFragment(str, itemMatches);
+    };
+};
+
+export { MATCH_INDEX_ATTR, SELECTED_MATCH_CLASS, buildCustomTextRenderer, matchSelector };
+//# sourceMappingURL=buildCustomTextRenderer.js.map

package/lib/components/FileViewer/buildCustomTextRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildCustomTextRenderer.js","sources":["../../../src/components/FileViewer/buildCustomTextRenderer.ts"],"sourcesContent":["import type { PDFSearchMatch } from './types'\nimport type { ComponentProps } from 'react'\nimport type { Page } from 'react-pdf'\n\ntype CustomTextRenderer = NonNullable<ComponentProps<typeof Page>['customTextRenderer']>\n\nexport const MATCH_INDEX_ATTR = 'data-shr-match-index'\n\nexport const SELECTED_MATCH_CLASS = 'selected'\n\nexport const matchSelector = (globalIndex: number): string =>\n  `mark.highlight[${MATCH_INDEX_ATTR}=\"${globalIndex}\"]`\n\nconst HTML_ESCAPE_MAP: Record<string, string> = {\n  '&': '&amp;',\n  '<': '&lt;',\n  '>': '&gt;',\n  '\"': '&quot;',\n  \"'\": '&#39;',\n}\nconst replaceHtmlChar = (c: string): string => HTML_ESCAPE_MAP[c]!\nconst escapeHtml = (s: string): string => s.replace(/[&<>\"']/g, replaceHtmlChar)\n\nconst buildMarkHtml = (text: string, globalIndex: number): string =>\n  `<mark class=\"highlight\" ${MATCH_INDEX_ATTR}=\"${globalIndex}\">${escapeHtml(text)}</mark>`\n\nconst renderHighlightedFragment = (str: string, itemMatches: PDFSearchMatch[]): string => {\n  let result = ''\n  let cursor = 0\n  for (const { matchStart, matchLength, globalIndex } of itemMatches) {\n    result += escapeHtml(str.slice(cursor, matchStart))\n    result += buildMarkHtml(str.slice(matchStart, matchStart + matchLength), globalIndex)\n    cursor = matchStart + matchLength\n  }\n  result += escapeHtml(str.slice(cursor))\n  return result\n}\n\nconst groupMatchesByItem = (matches: PDFSearchMatch[]): Map<string, PDFSearchMatch[]> => {\n  const groups = new Map<string, PDFSearchMatch[]>()\n  for (const m of matches) {\n    const key = `${m.pageIndex}:${m.itemIndex}`\n    const list = groups.get(key)\n    if (list) {\n      list.push(m)\n    } else {\n      groups.set(key, [m])\n    }\n  }\n  return groups\n}\n\nexport const buildCustomTextRenderer = (matches: PDFSearchMatch[]): CustomTextRenderer => {\n  const groups = groupMatchesByItem(matches)\n  return ({ pageIndex, itemIndex, str }) => {\n    const itemMatches = groups.get(`${pageIndex}:${itemIndex}`)\n    if (!itemMatches) return escapeHtml(str)\n    return renderHighlightedFragment(str, itemMatches)\n  }\n}\n"],"names":[],"mappings":"AAMO,MAAM,gBAAgB,GAAG;AAEzB,MAAM,oBAAoB,GAAG;AAE7B,MAAM,aAAa,GAAG,CAAC,WAAmB,KAC/C,CAAA,eAAA,EAAkB,gBAAgB,CAAA,EAAA,EAAK,WAAW;AAEpD,MAAM,eAAe,GAA2B;AAC9C,IAAA,GAAG,EAAE,OAAO;AACZ,IAAA,GAAG,EAAE,MAAM;AACX,IAAA,GAAG,EAAE,MAAM;AACX,IAAA,GAAG,EAAE,QAAQ;AACb,IAAA,GAAG,EAAE,OAAO;CACb;AACD,MAAM,eAAe,GAAG,CAAC,CAAS,KAAa,eAAe,CAAC,CAAC,CAAE;AAClE,MAAM,UAAU,GAAG,CAAC,CAAS,KAAa,CAAC,CAAC,OAAO,CAAC,UAAU,EAAE,eAAe,CAAC;AAEhF,MAAM,aAAa,GAAG,CAAC,IAAY,EAAE,WAAmB,KACtD,2BAA2B,gBAAgB,CAAA,EAAA,EAAK,WAAW,CAAA,EAAA,EAAK,UAAU,CAAC,IAAI,CAAC,SAAS;AAE3F,MAAM,yBAAyB,GAAG,CAAC,GAAW,EAAE,WAA6B,KAAY;IACvF,IAAI,MAAM,GAAG,EAAE;IACf,IAAI,MAAM,GAAG,CAAC;IACd,KAAK,MAAM,EAAE,UAAU,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,WAAW,EAAE;AAClE,QAAA,MAAM,IAAI,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AACnD,QAAA,MAAM,IAAI,aAAa,CAAC,GAAG,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,WAAW,CAAC,EAAE,WAAW,CAAC;AACrF,QAAA,MAAM,GAAG,UAAU,GAAG,WAAW;IACnC;IACA,MAAM,IAAI,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;AACvC,IAAA,OAAO,MAAM;AACf,CAAC;AAED,MAAM,kBAAkB,GAAG,CAAC,OAAyB,KAAmC;AACtF,IAAA,MAAM,MAAM,GAAG,IAAI,GAAG,EAA4B;AAClD,IAAA,KAAK,MAAM,CAAC,IAAI,OAAO,EAAE;QACvB,MAAM,GAAG,GAAG,CAAA,EAAG,CAAC,CAAC,SAAS,CAAA,CAAA,EAAI,CAAC,CAAC,SAAS,CAAA,CAAE;QAC3C,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;QAC5B,IAAI,IAAI,EAAE;AACR,YAAA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACd;aAAO;YACL,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC,CAAC;QACtB;IACF;AACA,IAAA,OAAO,MAAM;AACf,CAAC;AAEM,MAAM,uBAAuB,GAAG,CAAC,OAAyB,KAAwB;AACvF,IAAA,MAAM,MAAM,GAAG,kBAAkB,CAAC,OAAO,CAAC;IAC1C,OAAO,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,KAAI;AACvC,QAAA,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA,EAAG,SAAS,CAAA,CAAA,EAAI,SAAS,CAAA,CAAE,CAAC;AAC3D,QAAA,IAAI,CAAC,WAAW;AAAE,YAAA,OAAO,UAAU,CAAC,GAAG,CAAC;AACxC,QAAA,OAAO,yBAAyB,CAAC,GAAG,EAAE,WAAW,CAAC;AACpD,IAAA,CAAC;AACH;;;;"}

package/lib/components/FileViewer/types.d.ts

@@ -5,6 +5,13 @@ export type FileForViewer = {
     contentType: string;
     alt?: string;
 };
+export type PDFSearchMatch = {
+    pageIndex: number;
+    itemIndex: number;
+    matchStart: number;
+    matchLength: number;
+    globalIndex: number;
+};
 export type ViewerProps = {
     file: FileForViewer;
     scale: number;

package/lib/components/FileViewer/usePDFSearch.cjs

@@ -0,0 +1,148 @@
+'use strict';
+
+var React = require('react');
+
+const escapeRegExp = (s) => s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+const normalize = (s) => s.normalize('NFKC');
+// 縦書きは未対応（pdf.js が縦書きの textItem を読み順で返さず、連結すると検索文字列がずれるため）
+const computeMatchesForPage = (pageIndex, normalizedTextItems, escapedQuery, startGlobalIndex) => {
+    const joinedPageText = normalizedTextItems.join('');
+    if (joinedPageText.length === 0)
+        return { matches: [], nextGlobalIndex: startGlobalIndex };
+    const matches = [];
+    let globalIndex = startGlobalIndex;
+    for (const m of joinedPageText.matchAll(new RegExp(escapedQuery, 'gi'))) {
+        const matchStart = m.index;
+        const matchEnd = matchStart + m[0].length;
+        let itemStart = 0;
+        for (let i = 0; i < normalizedTextItems.length; i++) {
+            if (itemStart >= matchEnd)
+                break;
+            const itemEnd = itemStart + normalizedTextItems[i].length;
+            const overlapStart = Math.max(matchStart, itemStart);
+            const overlapEnd = Math.min(matchEnd, itemEnd);
+            if (overlapEnd > overlapStart) {
+                matches.push({
+                    pageIndex,
+                    itemIndex: i,
+                    matchStart: overlapStart - itemStart,
+                    matchLength: overlapEnd - overlapStart,
+                    globalIndex,
+                });
+            }
+            itemStart = itemEnd;
+        }
+        globalIndex++;
+    }
+    return { matches, nextGlobalIndex: globalIndex };
+};
+const usePDFSearch = (fileUrl) => {
+    const [query, setQueryState] = React.useState('');
+    const [matches, setMatches] = React.useState([]);
+    const [currentMatchIndex, setCurrentMatchIndex] = React.useState(-1);
+    const pageTextsRef = React.useRef(new Map());
+    const queryRef = React.useRef('');
+    const matchCount = matches.length === 0 ? 0 : matches[matches.length - 1].globalIndex + 1;
+    const resetMatchState = React.useCallback(() => {
+        setMatches([]);
+        setCurrentMatchIndex(-1);
+    }, []);
+    const recalculate = React.useCallback((nextQuery, options) => {
+        if (nextQuery === '') {
+            resetMatchState();
+            return;
+        }
+        const escapedQuery = escapeRegExp(normalize(nextQuery));
+        const pageIndices = Array.from(pageTextsRef.current.keys()).sort((a, b) => a - b);
+        const collected = [];
+        let globalIndex = 0;
+        for (const pageIndex of pageIndices) {
+            const texts = pageTextsRef.current.get(pageIndex);
+            if (!texts)
+                continue;
+            const { matches: pageMatches, nextGlobalIndex } = computeMatchesForPage(pageIndex, texts, escapedQuery, globalIndex);
+            collected.push(...pageMatches);
+            globalIndex = nextGlobalIndex;
+        }
+        setMatches(collected);
+        if (options?.resetSelection) {
+            setCurrentMatchIndex(-1);
+            return;
+        }
+        setCurrentMatchIndex((prev) => {
+            if (globalIndex === 0)
+                return -1;
+            if (prev >= globalIndex)
+                return globalIndex - 1;
+            return prev;
+        });
+    }, [resetMatchState]);
+    const setQuery = React.useCallback((nextQuery) => {
+        queryRef.current = nextQuery;
+        setQueryState(nextQuery);
+        recalculate(nextQuery, { resetSelection: true });
+    }, [recalculate]);
+    const registerPageText = React.useCallback((pageIndex, texts) => {
+        pageTextsRef.current.set(pageIndex, texts.map(normalize));
+        // 全ページ読み込み前に検索が始まっても、後から読んだページがヒットするよう再計算する。
+        if (queryRef.current !== '') {
+            recalculate(queryRef.current);
+        }
+    }, [recalculate]);
+    const clear = React.useCallback(() => {
+        queryRef.current = '';
+        setQueryState('');
+        resetMatchState();
+    }, [resetMatchState]);
+    const goNext = React.useCallback(() => {
+        setCurrentMatchIndex((prev) => {
+            if (matchCount === 0)
+                return -1;
+            if (prev < 0)
+                return 0;
+            return (prev + 1) % matchCount;
+        });
+    }, [matchCount]);
+    const goPrev = React.useCallback(() => {
+        setCurrentMatchIndex((prev) => {
+            if (matchCount === 0)
+                return -1;
+            if (prev < 0)
+                return matchCount - 1;
+            return (prev - 1 + matchCount) % matchCount;
+        });
+    }, [matchCount]);
+    React.useEffect(() => {
+        pageTextsRef.current.clear();
+        queryRef.current = '';
+        setQueryState('');
+        resetMatchState();
+    }, [fileUrl, resetMatchState]);
+    return React.useMemo(() => ({
+        query,
+        setQuery,
+        matches,
+        matchCount,
+        currentMatchIndex,
+        goNext,
+        goPrev,
+        clear,
+        registerPageText,
+    }), [
+        query,
+        setQuery,
+        matches,
+        matchCount,
+        currentMatchIndex,
+        goNext,
+        goPrev,
+        clear,
+        registerPageText,
+    ]);
+};
+
+exports.computeMatchesForPage = computeMatchesForPage;
+exports.escapeRegExp = escapeRegExp;
+exports.normalize = normalize;
+exports.usePDFSearch = usePDFSearch;
+//# sourceMappingURL=usePDFSearch.cjs.map

package/lib/components/FileViewer/usePDFSearch.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePDFSearch.cjs","sources":["../../../src/components/FileViewer/usePDFSearch.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { PDFSearchMatch } from './types'\n\nexport const escapeRegExp = (s: string) => s.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n\nexport const normalize = (s: string) => s.normalize('NFKC')\n\n// 縦書きは未対応（pdf.js が縦書きの textItem を読み順で返さず、連結すると検索文字列がずれるため）\nexport const computeMatchesForPage = (\n  pageIndex: number,\n  normalizedTextItems: string[],\n  escapedQuery: string,\n  startGlobalIndex: number,\n): { matches: PDFSearchMatch[]; nextGlobalIndex: number } => {\n  const joinedPageText = normalizedTextItems.join('')\n  if (joinedPageText.length === 0) return { matches: [], nextGlobalIndex: startGlobalIndex }\n\n  const matches: PDFSearchMatch[] = []\n  let globalIndex = startGlobalIndex\n\n  for (const m of joinedPageText.matchAll(new RegExp(escapedQuery, 'gi'))) {\n    const matchStart = m.index\n    const matchEnd = matchStart + m[0].length\n\n    let itemStart = 0\n    for (let i = 0; i < normalizedTextItems.length; i++) {\n      if (itemStart >= matchEnd) break\n\n      const itemEnd = itemStart + normalizedTextItems[i].length\n\n      const overlapStart = Math.max(matchStart, itemStart)\n      const overlapEnd = Math.min(matchEnd, itemEnd)\n      if (overlapEnd > overlapStart) {\n        matches.push({\n          pageIndex,\n          itemIndex: i,\n          matchStart: overlapStart - itemStart,\n          matchLength: overlapEnd - overlapStart,\n          globalIndex,\n        })\n      }\n      itemStart = itemEnd\n    }\n    globalIndex++\n  }\n  return { matches, nextGlobalIndex: globalIndex }\n}\n\nexport const usePDFSearch = (fileUrl: string) => {\n  const [query, setQueryState] = useState('')\n  const [matches, setMatches] = useState<PDFSearchMatch[]>([])\n  const [currentMatchIndex, setCurrentMatchIndex] = useState(-1)\n  const pageTextsRef = useRef<Map<number, string[]>>(new Map())\n  const queryRef = useRef('')\n\n  const matchCount = matches.length === 0 ? 0 : matches[matches.length - 1].globalIndex + 1\n\n  const resetMatchState = useCallback(() => {\n    setMatches([])\n    setCurrentMatchIndex(-1)\n  }, [])\n\n  const recalculate = useCallback(\n    (nextQuery: string, options?: { resetSelection?: boolean }) => {\n      if (nextQuery === '') {\n        resetMatchState()\n        return\n      }\n      const escapedQuery = escapeRegExp(normalize(nextQuery))\n      const pageIndices = Array.from(pageTextsRef.current.keys()).sort((a, b) => a - b)\n      const collected: PDFSearchMatch[] = []\n      let globalIndex = 0\n      for (const pageIndex of pageIndices) {\n        const texts = pageTextsRef.current.get(pageIndex)\n        if (!texts) continue\n        const { matches: pageMatches, nextGlobalIndex } = computeMatchesForPage(\n          pageIndex,\n          texts,\n          escapedQuery,\n          globalIndex,\n        )\n        collected.push(...pageMatches)\n        globalIndex = nextGlobalIndex\n      }\n      setMatches(collected)\n      if (options?.resetSelection) {\n        setCurrentMatchIndex(-1)\n        return\n      }\n      setCurrentMatchIndex((prev) => {\n        if (globalIndex === 0) return -1\n        if (prev >= globalIndex) return globalIndex - 1\n        return prev\n      })\n    },\n    [resetMatchState],\n  )\n\n  const setQuery = useCallback(\n    (nextQuery: string) => {\n      queryRef.current = nextQuery\n      setQueryState(nextQuery)\n      recalculate(nextQuery, { resetSelection: true })\n    },\n    [recalculate],\n  )\n\n  const registerPageText = useCallback(\n    (pageIndex: number, texts: string[]) => {\n      pageTextsRef.current.set(pageIndex, texts.map(normalize))\n      // 全ページ読み込み前に検索が始まっても、後から読んだページがヒットするよう再計算する。\n      if (queryRef.current !== '') {\n        recalculate(queryRef.current)\n      }\n    },\n    [recalculate],\n  )\n\n  const clear = useCallback(() => {\n    queryRef.current = ''\n    setQueryState('')\n    resetMatchState()\n  }, [resetMatchState])\n\n  const goNext = useCallback(() => {\n    setCurrentMatchIndex((prev) => {\n      if (matchCount === 0) return -1\n      if (prev < 0) return 0\n      return (prev + 1) % matchCount\n    })\n  }, [matchCount])\n\n  const goPrev = useCallback(() => {\n    setCurrentMatchIndex((prev) => {\n      if (matchCount === 0) return -1\n      if (prev < 0) return matchCount - 1\n      return (prev - 1 + matchCount) % matchCount\n    })\n  }, [matchCount])\n\n  useEffect(() => {\n    pageTextsRef.current.clear()\n    queryRef.current = ''\n    setQueryState('')\n    resetMatchState()\n  }, [fileUrl, resetMatchState])\n\n  return useMemo(\n    () => ({\n      query,\n      setQuery,\n      matches,\n      matchCount,\n      currentMatchIndex,\n      goNext,\n      goPrev,\n      clear,\n      registerPageText,\n    }),\n    [\n      query,\n      setQuery,\n      matches,\n      matchCount,\n      currentMatchIndex,\n      goNext,\n      goPrev,\n      clear,\n      registerPageText,\n    ],\n  )\n}\n\nexport type UsePDFSearch = ReturnType<typeof usePDFSearch>\n"],"names":["useState","useRef","useCallback","useEffect","useMemo"],"mappings":"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"}

package/lib/components/FileViewer/usePDFSearch.d.ts

@@ -0,0 +1,19 @@
+import type { PDFSearchMatch } from './types';
+export declare const escapeRegExp: (s: string) => string;
+export declare const normalize: (s: string) => string;
+export declare const computeMatchesForPage: (pageIndex: number, normalizedTextItems: string[], escapedQuery: string, startGlobalIndex: number) => {
+    matches: PDFSearchMatch[];
+    nextGlobalIndex: number;
+};
+export declare const usePDFSearch: (fileUrl: string) => {
+    query: string;
+    setQuery: (nextQuery: string) => void;
+    matches: PDFSearchMatch[];
+    matchCount: number;
+    currentMatchIndex: number;
+    goNext: () => void;
+    goPrev: () => void;
+    clear: () => void;
+    registerPageText: (pageIndex: number, texts: string[]) => void;
+};
+export type UsePDFSearch = ReturnType<typeof usePDFSearch>;

package/lib/components/FileViewer/usePDFSearch.js

@@ -0,0 +1,143 @@
+import { useState, useRef, useCallback, useEffect, useMemo } from 'react';
+
+const escapeRegExp = (s) => s.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+const normalize = (s) => s.normalize('NFKC');
+// 縦書きは未対応（pdf.js が縦書きの textItem を読み順で返さず、連結すると検索文字列がずれるため）
+const computeMatchesForPage = (pageIndex, normalizedTextItems, escapedQuery, startGlobalIndex) => {
+    const joinedPageText = normalizedTextItems.join('');
+    if (joinedPageText.length === 0)
+        return { matches: [], nextGlobalIndex: startGlobalIndex };
+    const matches = [];
+    let globalIndex = startGlobalIndex;
+    for (const m of joinedPageText.matchAll(new RegExp(escapedQuery, 'gi'))) {
+        const matchStart = m.index;
+        const matchEnd = matchStart + m[0].length;
+        let itemStart = 0;
+        for (let i = 0; i < normalizedTextItems.length; i++) {
+            if (itemStart >= matchEnd)
+                break;
+            const itemEnd = itemStart + normalizedTextItems[i].length;
+            const overlapStart = Math.max(matchStart, itemStart);
+            const overlapEnd = Math.min(matchEnd, itemEnd);
+            if (overlapEnd > overlapStart) {
+                matches.push({
+                    pageIndex,
+                    itemIndex: i,
+                    matchStart: overlapStart - itemStart,
+                    matchLength: overlapEnd - overlapStart,
+                    globalIndex,
+                });
+            }
+            itemStart = itemEnd;
+        }
+        globalIndex++;
+    }
+    return { matches, nextGlobalIndex: globalIndex };
+};
+const usePDFSearch = (fileUrl) => {
+    const [query, setQueryState] = useState('');
+    const [matches, setMatches] = useState([]);
+    const [currentMatchIndex, setCurrentMatchIndex] = useState(-1);
+    const pageTextsRef = useRef(new Map());
+    const queryRef = useRef('');
+    const matchCount = matches.length === 0 ? 0 : matches[matches.length - 1].globalIndex + 1;
+    const resetMatchState = useCallback(() => {
+        setMatches([]);
+        setCurrentMatchIndex(-1);
+    }, []);
+    const recalculate = useCallback((nextQuery, options) => {
+        if (nextQuery === '') {
+            resetMatchState();
+            return;
+        }
+        const escapedQuery = escapeRegExp(normalize(nextQuery));
+        const pageIndices = Array.from(pageTextsRef.current.keys()).sort((a, b) => a - b);
+        const collected = [];
+        let globalIndex = 0;
+        for (const pageIndex of pageIndices) {
+            const texts = pageTextsRef.current.get(pageIndex);
+            if (!texts)
+                continue;
+            const { matches: pageMatches, nextGlobalIndex } = computeMatchesForPage(pageIndex, texts, escapedQuery, globalIndex);
+            collected.push(...pageMatches);
+            globalIndex = nextGlobalIndex;
+        }
+        setMatches(collected);
+        if (options?.resetSelection) {
+            setCurrentMatchIndex(-1);
+            return;
+        }
+        setCurrentMatchIndex((prev) => {
+            if (globalIndex === 0)
+                return -1;
+            if (prev >= globalIndex)
+                return globalIndex - 1;
+            return prev;
+        });
+    }, [resetMatchState]);
+    const setQuery = useCallback((nextQuery) => {
+        queryRef.current = nextQuery;
+        setQueryState(nextQuery);
+        recalculate(nextQuery, { resetSelection: true });
+    }, [recalculate]);
+    const registerPageText = useCallback((pageIndex, texts) => {
+        pageTextsRef.current.set(pageIndex, texts.map(normalize));
+        // 全ページ読み込み前に検索が始まっても、後から読んだページがヒットするよう再計算する。
+        if (queryRef.current !== '') {
+            recalculate(queryRef.current);
+        }
+    }, [recalculate]);
+    const clear = useCallback(() => {
+        queryRef.current = '';
+        setQueryState('');
+        resetMatchState();
+    }, [resetMatchState]);
+    const goNext = useCallback(() => {
+        setCurrentMatchIndex((prev) => {
+            if (matchCount === 0)
+                return -1;
+            if (prev < 0)
+                return 0;
+            return (prev + 1) % matchCount;
+        });
+    }, [matchCount]);
+    const goPrev = useCallback(() => {
+        setCurrentMatchIndex((prev) => {
+            if (matchCount === 0)
+                return -1;
+            if (prev < 0)
+                return matchCount - 1;
+            return (prev - 1 + matchCount) % matchCount;
+        });
+    }, [matchCount]);
+    useEffect(() => {
+        pageTextsRef.current.clear();
+        queryRef.current = '';
+        setQueryState('');
+        resetMatchState();
+    }, [fileUrl, resetMatchState]);
+    return useMemo(() => ({
+        query,
+        setQuery,
+        matches,
+        matchCount,
+        currentMatchIndex,
+        goNext,
+        goPrev,
+        clear,
+        registerPageText,
+    }), [
+        query,
+        setQuery,
+        matches,
+        matchCount,
+        currentMatchIndex,
+        goNext,
+        goPrev,
+        clear,
+        registerPageText,
+    ]);
+};
+
+export { computeMatchesForPage, escapeRegExp, normalize, usePDFSearch };
+//# sourceMappingURL=usePDFSearch.js.map

package/lib/components/FileViewer/usePDFSearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"usePDFSearch.js","sources":["../../../src/components/FileViewer/usePDFSearch.ts"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef, useState } from 'react'\n\nimport type { PDFSearchMatch } from './types'\n\nexport const escapeRegExp = (s: string) => s.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&')\n\nexport const normalize = (s: string) => s.normalize('NFKC')\n\n// 縦書きは未対応（pdf.js が縦書きの textItem を読み順で返さず、連結すると検索文字列がずれるため）\nexport const computeMatchesForPage = (\n  pageIndex: number,\n  normalizedTextItems: string[],\n  escapedQuery: string,\n  startGlobalIndex: number,\n): { matches: PDFSearchMatch[]; nextGlobalIndex: number } => {\n  const joinedPageText = normalizedTextItems.join('')\n  if (joinedPageText.length === 0) return { matches: [], nextGlobalIndex: startGlobalIndex }\n\n  const matches: PDFSearchMatch[] = []\n  let globalIndex = startGlobalIndex\n\n  for (const m of joinedPageText.matchAll(new RegExp(escapedQuery, 'gi'))) {\n    const matchStart = m.index\n    const matchEnd = matchStart + m[0].length\n\n    let itemStart = 0\n    for (let i = 0; i < normalizedTextItems.length; i++) {\n      if (itemStart >= matchEnd) break\n\n      const itemEnd = itemStart + normalizedTextItems[i].length\n\n      const overlapStart = Math.max(matchStart, itemStart)\n      const overlapEnd = Math.min(matchEnd, itemEnd)\n      if (overlapEnd > overlapStart) {\n        matches.push({\n          pageIndex,\n          itemIndex: i,\n          matchStart: overlapStart - itemStart,\n          matchLength: overlapEnd - overlapStart,\n          globalIndex,\n        })\n      }\n      itemStart = itemEnd\n    }\n    globalIndex++\n  }\n  return { matches, nextGlobalIndex: globalIndex }\n}\n\nexport const usePDFSearch = (fileUrl: string) => {\n  const [query, setQueryState] = useState('')\n  const [matches, setMatches] = useState<PDFSearchMatch[]>([])\n  const [currentMatchIndex, setCurrentMatchIndex] = useState(-1)\n  const pageTextsRef = useRef<Map<number, string[]>>(new Map())\n  const queryRef = useRef('')\n\n  const matchCount = matches.length === 0 ? 0 : matches[matches.length - 1].globalIndex + 1\n\n  const resetMatchState = useCallback(() => {\n    setMatches([])\n    setCurrentMatchIndex(-1)\n  }, [])\n\n  const recalculate = useCallback(\n    (nextQuery: string, options?: { resetSelection?: boolean }) => {\n      if (nextQuery === '') {\n        resetMatchState()\n        return\n      }\n      const escapedQuery = escapeRegExp(normalize(nextQuery))\n      const pageIndices = Array.from(pageTextsRef.current.keys()).sort((a, b) => a - b)\n      const collected: PDFSearchMatch[] = []\n      let globalIndex = 0\n      for (const pageIndex of pageIndices) {\n        const texts = pageTextsRef.current.get(pageIndex)\n        if (!texts) continue\n        const { matches: pageMatches, nextGlobalIndex } = computeMatchesForPage(\n          pageIndex,\n          texts,\n          escapedQuery,\n          globalIndex,\n        )\n        collected.push(...pageMatches)\n        globalIndex = nextGlobalIndex\n      }\n      setMatches(collected)\n      if (options?.resetSelection) {\n        setCurrentMatchIndex(-1)\n        return\n      }\n      setCurrentMatchIndex((prev) => {\n        if (globalIndex === 0) return -1\n        if (prev >= globalIndex) return globalIndex - 1\n        return prev\n      })\n    },\n    [resetMatchState],\n  )\n\n  const setQuery = useCallback(\n    (nextQuery: string) => {\n      queryRef.current = nextQuery\n      setQueryState(nextQuery)\n      recalculate(nextQuery, { resetSelection: true })\n    },\n    [recalculate],\n  )\n\n  const registerPageText = useCallback(\n    (pageIndex: number, texts: string[]) => {\n      pageTextsRef.current.set(pageIndex, texts.map(normalize))\n      // 全ページ読み込み前に検索が始まっても、後から読んだページがヒットするよう再計算する。\n      if (queryRef.current !== '') {\n        recalculate(queryRef.current)\n      }\n    },\n    [recalculate],\n  )\n\n  const clear = useCallback(() => {\n    queryRef.current = ''\n    setQueryState('')\n    resetMatchState()\n  }, [resetMatchState])\n\n  const goNext = useCallback(() => {\n    setCurrentMatchIndex((prev) => {\n      if (matchCount === 0) return -1\n      if (prev < 0) return 0\n      return (prev + 1) % matchCount\n    })\n  }, [matchCount])\n\n  const goPrev = useCallback(() => {\n    setCurrentMatchIndex((prev) => {\n      if (matchCount === 0) return -1\n      if (prev < 0) return matchCount - 1\n      return (prev - 1 + matchCount) % matchCount\n    })\n  }, [matchCount])\n\n  useEffect(() => {\n    pageTextsRef.current.clear()\n    queryRef.current = ''\n    setQueryState('')\n    resetMatchState()\n  }, [fileUrl, resetMatchState])\n\n  return useMemo(\n    () => ({\n      query,\n      setQuery,\n      matches,\n      matchCount,\n      currentMatchIndex,\n      goNext,\n      goPrev,\n      clear,\n      registerPageText,\n    }),\n    [\n      query,\n      setQuery,\n      matches,\n      matchCount,\n      currentMatchIndex,\n      goNext,\n      goPrev,\n      clear,\n      registerPageText,\n    ],\n  )\n}\n\nexport type UsePDFSearch = ReturnType<typeof usePDFSearch>\n"],"names":[],"mappings":"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"}

package/lib/components/Icon/FaIcon.js

@@ -1,4 +1,4 @@
-import { FaMinus, FaCheck, FaCircleInfo, FaCaretDown, FaEllipsis, FaCircleExclamation, FaAngleDown, FaMagnifyingGlassMinus, FaMagnifyingGlassPlus, FaArrowRotateLeft, FaMagnifyingGlass, FaTrashCan, FaFolderOpen, FaCircleQuestion, FaArrowLeft, FaGrip, FaXmark, FaAnglesRight, FaChevronRight, FaAnglesLeft, FaChevronLeft, FaTriangleExclamation, FaSortUp, FaSortDown, FaCaretRight, FaRotate, FaCircleCheck, FaCalendarDays, FaCirclePlus, FaCircleXmark, FaToolbox, FaGlobe, FaAngleRight, FaArrowRight, FaStar, FaUser, FaGear, FaGraduationCap, FaCaretUp, FaBars, FaUserLarge, FaAddressBook, FaAddressCard, FaAngleLeft, FaAngleUp, FaArrowDown, FaArrowDownWideShort, FaArrowRightArrowLeft, FaArrowRotateRight, FaArrowUp19, FaArrowUp, FaArrowUpWideShort, FaArrowsRotate, FaAsterisk, FaAt, FaBabyCarriage, FaBan, FaBarsStaggered, FaBell, FaBellSlash, FaBolt, FaBook, FaBookOpen, FaBookmark, FaBoxArchive, FaBuilding, FaBullhorn, FaCakeCandles, FaCalculator, FaCalendarCheck, FaCalendarXmark, FaCamera, FaCaretLeft, FaChartArea, FaChartBar, FaChartColumn, FaChartLine, FaChartPie, FaChevronDown, FaCircleDot, FaCircle, FaCircleMinus, FaCirclePlay, FaCircleUser, FaClipboardCheck, FaClipboard, FaClipboardList, FaClipboardQuestion, FaClock, FaClockRotateLeft, FaCloudArrowDown, FaCloudArrowUp, FaCode, FaCommentDots, FaComment, FaComments, FaCompress, FaCopy, FaCube, FaCubes, FaDatabase, FaDoorOpen, FaDownLeftAndUpRightToCenter, FaEllipsisVertical, FaEnvelope, FaEnvelopeOpen, FaExpand, FaEye, FaEyeSlash, FaFileArrowDown, FaFileCirclePlus, FaFileCode, FaFileCsv, FaFileExcel, FaFileExport, FaFile, FaFileLines, FaFilePdf, FaFilePowerpoint, FaFileWord, FaFilter, FaFloppyDisk, FaFolder, FaFolderPlus, FaFont, FaGauge, FaGears, FaGripLines, FaGripLinesVertical, FaGripVertical, FaHourglassHalf, FaHouse, FaIdBadge, FaIdCard, FaImage, FaImages, FaInbox, FaIntercom, FaKey, FaLeftLong, FaLeftRight, FaLightbulb, FaLink, FaLinkSlash, FaList, FaListOl, FaListUl, FaLocationDot, FaLock, FaLockOpen, FaMessage, FaMicrosoft, FaMoneyCheckDollar, FaMugHot, FaPaintbrush, FaPaperPlane, FaPaperclip, FaPen, FaPenToSquare, FaPencil, FaPersonWalkingArrowLoopLeft, FaPiggyBank, FaPlus, FaPowerOff, FaPrint, FaRegCircleQuestion, FaRegLightbulb, FaReply, FaRightFromBracket, FaRightLeft, FaRightLong, FaRightToBracket, FaRobot, FaRocket, FaRotateLeft, FaShareNodes, FaShieldHalved, FaSliders, FaSort, FaSquareCheck, FaSquareMinus, FaSquarePlus, FaSquarePollVertical, FaSuitcaseMedical, FaTableColumns, FaTable, FaTableList, FaTag, FaTags, FaThumbtack, FaTruck, FaTruckRampBox, FaUpDown, FaUpRightAndDownLeftFromCenter, FaUserCheck, FaUserClock, FaUserPen, FaUserPlus, FaUsers, FaWindowMaximize, FaWindowMinimize, FaWindowRestore, FaYenSign } from './../../vendor/.pnpm/react-icons@5.6.0_react@19.2.6/vendor/react-icons/fa6/index.js';
+import { FaMinus, FaCheck, FaCircleInfo, FaCaretDown, FaEllipsis, FaCircleExclamation, FaAngleDown, FaMagnifyingGlass, FaAngleUp, FaMagnifyingGlassMinus, FaMagnifyingGlassPlus, FaArrowRotateLeft, FaTrashCan, FaFolderOpen, FaCircleQuestion, FaArrowLeft, FaGrip, FaXmark, FaAnglesRight, FaChevronRight, FaAnglesLeft, FaChevronLeft, FaTriangleExclamation, FaSortUp, FaSortDown, FaCaretRight, FaRotate, FaCircleCheck, FaCalendarDays, FaCirclePlus, FaCircleXmark, FaToolbox, FaGlobe, FaAngleRight, FaArrowRight, FaStar, FaUser, FaGear, FaGraduationCap, FaCaretUp, FaBars, FaUserLarge, FaAddressBook, FaAddressCard, FaAngleLeft, FaArrowDown, FaArrowDownWideShort, FaArrowRightArrowLeft, FaArrowRotateRight, FaArrowUp19, FaArrowUp, FaArrowUpWideShort, FaArrowsRotate, FaAsterisk, FaAt, FaBabyCarriage, FaBan, FaBarsStaggered, FaBell, FaBellSlash, FaBolt, FaBook, FaBookOpen, FaBookmark, FaBoxArchive, FaBuilding, FaBullhorn, FaCakeCandles, FaCalculator, FaCalendarCheck, FaCalendarXmark, FaCamera, FaCaretLeft, FaChartArea, FaChartBar, FaChartColumn, FaChartLine, FaChartPie, FaChevronDown, FaCircleDot, FaCircle, FaCircleMinus, FaCirclePlay, FaCircleUser, FaClipboardCheck, FaClipboard, FaClipboardList, FaClipboardQuestion, FaClock, FaClockRotateLeft, FaCloudArrowDown, FaCloudArrowUp, FaCode, FaCommentDots, FaComment, FaComments, FaCompress, FaCopy, FaCube, FaCubes, FaDatabase, FaDoorOpen, FaDownLeftAndUpRightToCenter, FaEllipsisVertical, FaEnvelope, FaEnvelopeOpen, FaExpand, FaEye, FaEyeSlash, FaFileArrowDown, FaFileCirclePlus, FaFileCode, FaFileCsv, FaFileExcel, FaFileExport, FaFile, FaFileLines, FaFilePdf, FaFilePowerpoint, FaFileWord, FaFilter, FaFloppyDisk, FaFolder, FaFolderPlus, FaFont, FaGauge, FaGears, FaGripLines, FaGripLinesVertical, FaGripVertical, FaHourglassHalf, FaHouse, FaIdBadge, FaIdCard, FaImage, FaImages, FaInbox, FaIntercom, FaKey, FaLeftLong, FaLeftRight, FaLightbulb, FaLink, FaLinkSlash, FaList, FaListOl, FaListUl, FaLocationDot, FaLock, FaLockOpen, FaMessage, FaMicrosoft, FaMoneyCheckDollar, FaMugHot, FaPaintbrush, FaPaperPlane, FaPaperclip, FaPen, FaPenToSquare, FaPencil, FaPersonWalkingArrowLoopLeft, FaPiggyBank, FaPlus, FaPowerOff, FaPrint, FaRegCircleQuestion, FaRegLightbulb, FaReply, FaRightFromBracket, FaRightLeft, FaRightLong, FaRightToBracket, FaRobot, FaRocket, FaRotateLeft, FaShareNodes, FaShieldHalved, FaSliders, FaSort, FaSquareCheck, FaSquareMinus, FaSquarePlus, FaSquarePollVertical, FaSuitcaseMedical, FaTableColumns, FaTable, FaTableList, FaTag, FaTags, FaThumbtack, FaTruck, FaTruckRampBox, FaUpDown, FaUpRightAndDownLeftFromCenter, FaUserCheck, FaUserClock, FaUserPen, FaUserPlus, FaUsers, FaWindowMaximize, FaWindowMinimize, FaWindowRestore, FaYenSign } from './../../vendor/.pnpm/react-icons@5.6.0_react@19.2.6/vendor/react-icons/fa6/index.js';
 import { generateIcon } from './generateIcon.js';
 
 const FaAddressBookIcon = /*#__PURE__*/ generateIcon(FaAddressBook);

package/lib/hooks/useLatest.cjs

@@ -0,0 +1,33 @@
+'use strict';
+
+var React = require('react');
+
+/**
+ * 常に最新の値を参照するためのフック。
+ * useCallbackやuseMemoの依存配列を減らし、不要な再実行を防ぐために使用する。
+ *
+ * 返されるオブジェクトのプロパティは読み取り専用で、
+ * 常に最新の値を参照する。
+ *
+ * @example
+ * const latest = useLatest({
+ *   onChange,
+ *   onSelect,
+ *   selectedItem,
+ * })
+ *
+ * // 最新の値に常にアクセス可能
+ * latest.onChange?.(e)
+ * if (latest.selectedItem) { ... }
+ */
+function useLatest(values) {
+    const ref = React.useRef(values);
+    ref.current = values;
+    const proxy = React.useMemo(() => new Proxy({}, {
+        get: (_target, prop) => ref.current[prop],
+    }), []);
+    return proxy;
+}
+
+exports.useLatest = useLatest;
+//# sourceMappingURL=useLatest.cjs.map

package/lib/hooks/useLatest.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLatest.cjs","sources":["../../src/hooks/useLatest.ts"],"sourcesContent":["import { useMemo, useRef } from 'react'\n\n/**\n * 常に最新の値を参照するためのフック。\n * useCallbackやuseMemoの依存配列を減らし、不要な再実行を防ぐために使用する。\n *\n * 返されるオブジェクトのプロパティは読み取り専用で、\n * 常に最新の値を参照する。\n *\n * @example\n * const latest = useLatest({\n *   onChange,\n *   onSelect,\n *   selectedItem,\n * })\n *\n * // 最新の値に常にアクセス可能\n * latest.onChange?.(e)\n * if (latest.selectedItem) { ... }\n */\nexport function useLatest<T extends object>(values: T): Readonly<T> {\n  const ref = useRef<T>(values)\n  ref.current = values\n\n  const proxy = useMemo(\n    () =>\n      new Proxy({} as T, {\n        get: (_target, prop) => ref.current[prop as keyof T],\n      }) as Readonly<T>,\n    [],\n  )\n\n  return proxy\n}\n"],"names":["useRef","useMemo"],"mappings":";;;;AAEA;;;;;;;;;;;;;;;;;AAiBG;AACG,SAAU,SAAS,CAAmB,MAAS,EAAA;AACnD,IAAA,MAAM,GAAG,GAAGA,YAAM,CAAI,MAAM,CAAC;AAC7B,IAAA,GAAG,CAAC,OAAO,GAAG,MAAM;IAEpB,MAAM,KAAK,GAAGC,aAAO,CACnB,MACE,IAAI,KAAK,CAAC,EAAO,EAAE;AACjB,QAAA,GAAG,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,GAAG,CAAC,OAAO,CAAC,IAAe,CAAC;KACrD,CAAgB,EACnB,EAAE,CACH;AAED,IAAA,OAAO,KAAK;AACd;;;;"}

package/lib/hooks/useLatest.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 常に最新の値を参照するためのフック。
+ * useCallbackやuseMemoの依存配列を減らし、不要な再実行を防ぐために使用する。
+ *
+ * 返されるオブジェクトのプロパティは読み取り専用で、
+ * 常に最新の値を参照する。
+ *
+ * @example
+ * const latest = useLatest({
+ *   onChange,
+ *   onSelect,
+ *   selectedItem,
+ * })
+ *
+ * // 最新の値に常にアクセス可能
+ * latest.onChange?.(e)
+ * if (latest.selectedItem) { ... }
+ */
+export declare function useLatest<T extends object>(values: T): Readonly<T>;

package/lib/hooks/useLatest.js

@@ -0,0 +1,31 @@
+import { useRef, useMemo } from 'react';
+
+/**
+ * 常に最新の値を参照するためのフック。
+ * useCallbackやuseMemoの依存配列を減らし、不要な再実行を防ぐために使用する。
+ *
+ * 返されるオブジェクトのプロパティは読み取り専用で、
+ * 常に最新の値を参照する。
+ *
+ * @example
+ * const latest = useLatest({
+ *   onChange,
+ *   onSelect,
+ *   selectedItem,
+ * })
+ *
+ * // 最新の値に常にアクセス可能
+ * latest.onChange?.(e)
+ * if (latest.selectedItem) { ... }
+ */
+function useLatest(values) {
+    const ref = useRef(values);
+    ref.current = values;
+    const proxy = useMemo(() => new Proxy({}, {
+        get: (_target, prop) => ref.current[prop],
+    }), []);
+    return proxy;
+}
+
+export { useLatest };
+//# sourceMappingURL=useLatest.js.map

package/lib/hooks/useLatest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLatest.js","sources":["../../src/hooks/useLatest.ts"],"sourcesContent":["import { useMemo, useRef } from 'react'\n\n/**\n * 常に最新の値を参照するためのフック。\n * useCallbackやuseMemoの依存配列を減らし、不要な再実行を防ぐために使用する。\n *\n * 返されるオブジェクトのプロパティは読み取り専用で、\n * 常に最新の値を参照する。\n *\n * @example\n * const latest = useLatest({\n *   onChange,\n *   onSelect,\n *   selectedItem,\n * })\n *\n * // 最新の値に常にアクセス可能\n * latest.onChange?.(e)\n * if (latest.selectedItem) { ... }\n */\nexport function useLatest<T extends object>(values: T): Readonly<T> {\n  const ref = useRef<T>(values)\n  ref.current = values\n\n  const proxy = useMemo(\n    () =>\n      new Proxy({} as T, {\n        get: (_target, prop) => ref.current[prop as keyof T],\n      }) as Readonly<T>,\n    [],\n  )\n\n  return proxy\n}\n"],"names":[],"mappings":";;AAEA;;;;;;;;;;;;;;;;;AAiBG;AACG,SAAU,SAAS,CAAmB,MAAS,EAAA;AACnD,IAAA,MAAM,GAAG,GAAG,MAAM,CAAI,MAAM,CAAC;AAC7B,IAAA,GAAG,CAAC,OAAO,GAAG,MAAM;IAEpB,MAAM,KAAK,GAAG,OAAO,CACnB,MACE,IAAI,KAAK,CAAC,EAAO,EAAE;AACjB,QAAA,GAAG,EAAE,CAAC,OAAO,EAAE,IAAI,KAAK,GAAG,CAAC,OAAO,CAAC,IAAe,CAAC;KACrD,CAAgB,EACnB,EAAE,CACH;AAED,IAAA,OAAO,KAAK;AACd;;;;"}