matsuri-ui 17.1.4-alpha-1755912695275-aa75cb3.0 → 17.1.4-alpha-1756796886549-65b5930.0

package/esm/Mobile/useMobile.js

@@ -1,109 +0,0 @@
-import { useCallback, useEffect, useLayoutEffect, useState } from "react";
-import ResizeObserver from "resize-observer-polyfill";
-
-/**
- * @deprecated Write your own. This contains some bad practices.
- */
-export var useMobile = () => {
-  useLayoutEffect(() => {
-    document.body.style.cssText = "\n            height: 100%;\n            height: -moz-available;\n            height: -webkit-fill-available;  \n            height: fill-available;\n        ";
-  }, []);
-  var [header, setHeader] = useState({
-    current: null
-  });
-  var headerRef = useCallback(node => {
-    setHeader({
-      current: node
-    });
-  }, []);
-  var [headerHeight, setHeaderHeight] = useState(0);
-  useEffect(() => {
-    var element = header.current;
-    var resizeObserver = new ResizeObserver(entries => {
-      if (!Array.isArray(entries)) {
-        return;
-      }
-      if (!entries.length) {
-        return;
-      }
-      setHeaderHeight(entries[0].contentRect.height);
-    });
-    if (element) {
-      resizeObserver.observe(element);
-    }
-    return () => {
-      if (element) {
-        resizeObserver.unobserve(element);
-      }
-    };
-  }, [header]);
-  var headerProps = {
-    ref: headerRef,
-    style: {
-      position: "fixed",
-      width: "100%",
-      zIndex: 99,
-      top: 0
-    }
-  };
-  var rootProps = {
-    style: {
-      position: "absolute",
-      height: "100%",
-      width: "100%",
-      top: 0,
-      left: 0
-    }
-  };
-  var [footer, setFooter] = useState({
-    current: null
-  });
-  var footerRef = useCallback(node => {
-    setFooter({
-      current: node
-    });
-  }, []);
-  var [footerHeight, setFooterHeight] = useState(0);
-  useEffect(() => {
-    var element = footer.current;
-    var resizeObserver = new ResizeObserver(entries => {
-      if (!Array.isArray(entries)) {
-        return;
-      }
-      if (!entries.length) {
-        return;
-      }
-      setFooterHeight(entries[0].contentRect.height);
-    });
-    if (element) {
-      resizeObserver.observe(element);
-    }
-    return () => {
-      if (element) {
-        resizeObserver.unobserve(element);
-      }
-    };
-  }, [footer]);
-  var footerProps = {
-    ref: footerRef,
-    style: {
-      position: "fixed",
-      width: "100%",
-      zIndex: 99,
-      bottom: 0
-    }
-  };
-  var bodyProps = {
-    style: {
-      paddingTop: headerHeight,
-      paddingBottom: footerHeight
-    }
-  };
-  return {
-    rootProps,
-    headerProps,
-    footerProps,
-    bodyProps
-  };
-};
-//# sourceMappingURL=useMobile.js.map

package/esm/Mobile/useMobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMobile.js","names":["useCallback","useEffect","useLayoutEffect","useState","ResizeObserver","useMobile","document","body","style","cssText","header","setHeader","current","headerRef","node","headerHeight","setHeaderHeight","element","resizeObserver","entries","Array","isArray","length","contentRect","height","observe","unobserve","headerProps","ref","position","width","zIndex","top","rootProps","left","footer","setFooter","footerRef","footerHeight","setFooterHeight","footerProps","bottom","bodyProps","paddingTop","paddingBottom"],"sources":["../../../src/Mobile/useMobile.ts"],"sourcesContent":["import { useCallback, useEffect, useLayoutEffect, useState } from \"react\";\nimport ResizeObserver from \"resize-observer-polyfill\";\n\n/**\n * @deprecated Write your own. This contains some bad practices.\n */\nexport const useMobile = <\n  HeaderElement extends Element = HTMLElement,\n  FooterElement extends Element = HTMLElement,\n>() => {\n  useLayoutEffect(() => {\n    document.body.style.cssText = `\n            height: 100%;\n            height: -moz-available;\n            height: -webkit-fill-available;  \n            height: fill-available;\n        `;\n  }, []);\n  const [header, setHeader] = useState<{ current: HeaderElement | null }>({\n    current: null,\n  });\n  const headerRef = useCallback((node: HeaderElement) => {\n    setHeader({ current: node });\n  }, []);\n  const [headerHeight, setHeaderHeight] = useState(0);\n  useEffect(() => {\n    const element: Element | null = header.current;\n    const resizeObserver = new ResizeObserver(\n      (entries: ResizeObserverEntry[]) => {\n        if (!Array.isArray(entries)) {\n          return;\n        }\n        if (!entries.length) {\n          return;\n        }\n        setHeaderHeight(entries[0].contentRect.height);\n      },\n    );\n    if (element) {\n      resizeObserver.observe(element);\n    }\n    return () => {\n      if (element) {\n        resizeObserver.unobserve(element);\n      }\n    };\n  }, [header]);\n  const headerProps = {\n    ref: headerRef,\n    style: {\n      position: \"fixed\",\n      width: \"100%\",\n      zIndex: 99,\n      top: 0,\n    } as const,\n  };\n  const rootProps = {\n    style: {\n      position: \"absolute\",\n      height: \"100%\",\n      width: \"100%\",\n      top: 0,\n      left: 0,\n    } as const,\n  };\n  const [footer, setFooter] = useState<{ current: FooterElement | null }>({\n    current: null,\n  });\n  const footerRef = useCallback((node: FooterElement) => {\n    setFooter({ current: node });\n  }, []);\n  const [footerHeight, setFooterHeight] = useState(0);\n  useEffect(() => {\n    const element: Element | null = footer.current;\n    const resizeObserver = new ResizeObserver(\n      (entries: ResizeObserverEntry[]) => {\n        if (!Array.isArray(entries)) {\n          return;\n        }\n        if (!entries.length) {\n          return;\n        }\n        setFooterHeight(entries[0].contentRect.height);\n      },\n    );\n    if (element) {\n      resizeObserver.observe(element);\n    }\n    return () => {\n      if (element) {\n        resizeObserver.unobserve(element);\n      }\n    };\n  }, [footer]);\n  const footerProps = {\n    ref: footerRef,\n    style: {\n      position: \"fixed\",\n      width: \"100%\",\n      zIndex: 99,\n      bottom: 0,\n    } as const,\n  };\n\n  const bodyProps = {\n    style: {\n      paddingTop: headerHeight,\n      paddingBottom: footerHeight,\n    },\n  };\n  return {\n    rootProps,\n    headerProps,\n    footerProps,\n    bodyProps,\n  };\n};\n"],"mappings":"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","ignoreList":[]}

package/esm/SearchField/SearchField.js

@@ -1,38 +0,0 @@
-var _excluded = ["label", "items", "onChangeQuery"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import { useSearch } from "./useSearch";
-import { TextField } from "../TextField";
-import { useEffect, useState } from "react";
-import SearchIcon from "@mui/icons-material/Search";
-import { jsx as ___EmotionJSX } from "@emotion/react";
-/**
- * @deprecated Use SelectField instead
- */
-export var SearchField = _ref => {
-  var {
-      label,
-      items,
-      onChangeQuery
-    } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var [query, setQuery] = useState("");
-  var {
-    result
-  } = useSearch({
-    items,
-    query
-  });
-  useEffect(() => {
-    if (result.length > 0 && onChangeQuery) {
-      onChangeQuery(result);
-    }
-  }, [onChangeQuery, result]);
-  return ___EmotionJSX(TextField, _extends({
-    label: label,
-    onChange: setQuery,
-    value: query,
-    startAdornment: ___EmotionJSX(SearchIcon, null)
-  }, props));
-};
-//# sourceMappingURL=SearchField.js.map

package/esm/SearchField/SearchField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchField.js","names":["useSearch","TextField","useEffect","useState","SearchIcon","jsx","___EmotionJSX","SearchField","_ref","label","items","onChangeQuery","props","_objectWithoutPropertiesLoose","_excluded","query","setQuery","result","length","_extends","onChange","value","startAdornment"],"sources":["../../../src/SearchField/SearchField.tsx"],"sourcesContent":["import {\n  SearchItem,\n  SearchProps,\n  WithSearchScore,\n  useSearch,\n} from \"./useSearch\";\nimport { TextField, TextFieldProps } from \"../TextField\";\nimport { useEffect, useState } from \"react\";\nimport SearchIcon from \"@mui/icons-material/Search\";\n\nexport type SearchFieldResult = WithSearchScore<SearchItem>[];\n\nexport type SearchFieldHandleChange = (result: SearchFieldResult) => void;\nexport interface SearchFieldProps\n  extends Pick<SearchProps, \"items\">,\n    TextFieldProps {\n  /**\n   * 見出し\n   */\n  onChangeQuery?: SearchFieldHandleChange;\n  children?: never;\n}\n\n/**\n * @deprecated Use SelectField instead\n */\nexport const SearchField = ({\n  label,\n  items,\n  onChangeQuery,\n  ...props\n}: SearchFieldProps) => {\n  const [query, setQuery] = useState(\"\");\n  const { result } = useSearch({ items, query });\n  useEffect(() => {\n    if (result.length > 0 && onChangeQuery) {\n      onChangeQuery(result);\n    }\n  }, [onChangeQuery, result]);\n  return (\n    <TextField\n      label={label}\n      onChange={setQuery}\n      value={query}\n      startAdornment={<SearchIcon />}\n      {...props}\n    />\n  );\n};\n"],"mappings":";;;AAAA,SAIEA,SAAS,QACJ,aAAa;AACpB,SAASC,SAAS,QAAwB,cAAc;AACxD,SAASC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAC3C,OAAOC,UAAU,MAAM,4BAA4B;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAepD;AACA;AACA;AACA,OAAO,IAAMC,WAAW,GAAGC,IAAA,IAKH;EAAA,IALI;MAC1BC,KAAK;MACLC,KAAK;MACLC;IAEgB,CAAC,GAAAH,IAAA;IADdI,KAAK,GAAAC,6BAAA,CAAAL,IAAA,EAAAM,SAAA;EAER,IAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGb,QAAQ,CAAC,EAAE,CAAC;EACtC,IAAM;IAAEc;EAAO,CAAC,GAAGjB,SAAS,CAAC;IAAEU,KAAK;IAAEK;EAAM,CAAC,CAAC;EAC9Cb,SAAS,CAAC,MAAM;IACd,IAAIe,MAAM,CAACC,MAAM,GAAG,CAAC,IAAIP,aAAa,EAAE;MACtCA,aAAa,CAACM,MAAM,CAAC;IACvB;EACF,CAAC,EAAE,CAACN,aAAa,EAAEM,MAAM,CAAC,CAAC;EAC3B,OACEX,aAAA,CAACL,SAAS,EAAAkB,QAAA;IACRV,KAAK,EAAEA,KAAM;IACbW,QAAQ,EAAEJ,QAAS;IACnBK,KAAK,EAAEN,KAAM;IACbO,cAAc,EAAEhB,aAAA,CAACF,UAAU,MAAE;EAAE,GAC3BQ,KAAK,CACV,CAAC;AAEN,CAAC","ignoreList":[]}

package/esm/SearchField/index.js

@@ -1,2 +0,0 @@
-export * from "./SearchField";
-//# sourceMappingURL=index.js.map

package/esm/SearchField/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/SearchField/index.tsx"],"sourcesContent":["export * from \"./SearchField\";\n"],"mappings":"AAAA,cAAc,eAAe","ignoreList":[]}

package/esm/SelectAsyncSearchField/SelectAsyncSearchField.js

@@ -1,42 +0,0 @@
-function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
-function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
-import { SelectField } from "../SelectField/SelectField";
-import { useCallback } from "react";
-import { jsx as ___EmotionJSX } from "@emotion/react";
-/**
- * @deprecated Use SelectField instead
- */
-export var SelectAsyncSearchField = _ref => {
-  var {
-    label,
-    name,
-    defaultValue,
-    fetchOptionsOnSearch,
-    placeholder,
-    searchPlaceholder: placeholderForSearch
-  } = _ref;
-  var loadData = useCallback(/*#__PURE__*/function () {
-    var _ref3 = _asyncToGenerator(function* (_ref2) {
-      var {
-        query
-      } = _ref2;
-      if (query === "") {
-        return undefined;
-      }
-      return fetchOptionsOnSearch(query);
-    });
-    return function (_x) {
-      return _ref3.apply(this, arguments);
-    };
-  }(), [fetchOptionsOnSearch]);
-  return ___EmotionJSX(SelectField
-  // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-  , {
-    placeholder: placeholderForSearch || placeholder,
-    loadOptions: loadData,
-    label: label,
-    name: name,
-    defaultValue: defaultValue == null ? void 0 : defaultValue.value
-  });
-};
-//# sourceMappingURL=SelectAsyncSearchField.js.map

package/esm/SelectAsyncSearchField/SelectAsyncSearchField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectAsyncSearchField.js","names":["SelectField","useCallback","jsx","___EmotionJSX","SelectAsyncSearchField","_ref","label","name","defaultValue","fetchOptionsOnSearch","placeholder","searchPlaceholder","placeholderForSearch","loadData","_ref3","_asyncToGenerator","_ref2","query","undefined","_x","apply","arguments","loadOptions","value"],"sources":["../../../src/SelectAsyncSearchField/SelectAsyncSearchField.tsx"],"sourcesContent":["import {\n  SelectField,\n  type SelectLoadOptions,\n  type SelectOptionValue,\n} from \"../SelectField/SelectField\";\nimport { useCallback } from \"react\";\n\nexport type LabelValue = SelectOptionValue;\n\nexport interface SelectAsyncSearchFieldProps {\n  label?: string;\n  name?: string;\n  placeholder?: string;\n  searchPlaceholder?: string;\n  defaultValue?: LabelValue;\n  fetchOptionsOnSearch: (value: string) => Promise<LabelValue[]>;\n}\n\n/**\n * @deprecated Use SelectField instead\n */\nexport const SelectAsyncSearchField = ({\n  label,\n  name,\n  defaultValue,\n  fetchOptionsOnSearch,\n  placeholder,\n  searchPlaceholder: placeholderForSearch,\n}: SelectAsyncSearchFieldProps) => {\n  const loadData: SelectLoadOptions = useCallback(\n    async ({ query }) => {\n      if (query === \"\") {\n        return undefined;\n      }\n      return fetchOptionsOnSearch(query);\n    },\n    [fetchOptionsOnSearch],\n  );\n  return (\n    <SelectField\n      // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n      placeholder={placeholderForSearch || placeholder}\n      loadOptions={loadData}\n      label={label}\n      name={name}\n      defaultValue={defaultValue?.value}\n    />\n  );\n};\n"],"mappings":";;AAAA,SACEA,WAAW,QAGN,4BAA4B;AACnC,SAASC,WAAW,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAapC;AACA;AACA;AACA,OAAO,IAAMC,sBAAsB,GAAGC,IAAA,IAOH;EAAA,IAPI;IACrCC,KAAK;IACLC,IAAI;IACJC,YAAY;IACZC,oBAAoB;IACpBC,WAAW;IACXC,iBAAiB,EAAEC;EACQ,CAAC,GAAAP,IAAA;EAC5B,IAAMQ,QAA2B,GAAGZ,WAAW;IAAA,IAAAa,KAAA,GAAAC,iBAAA,CAC7C,WAAAC,KAAA,EAAqB;MAAA,IAAd;QAAEC;MAAM,CAAC,GAAAD,KAAA;MACd,IAAIC,KAAK,KAAK,EAAE,EAAE;QAChB,OAAOC,SAAS;MAClB;MACA,OAAOT,oBAAoB,CAACQ,KAAK,CAAC;IACpC,CAAC;IAAA,iBAAAE,EAAA;MAAA,OAAAL,KAAA,CAAAM,KAAA,OAAAC,SAAA;IAAA;EAAA,KACD,CAACZ,oBAAoB,CACvB,CAAC;EACD,OACEN,aAAA,CAACH;EACC;EAAA;IACAU,WAAW,EAAEE,oBAAoB,IAAIF,WAAY;IACjDY,WAAW,EAAET,QAAS;IACtBP,KAAK,EAAEA,KAAM;IACbC,IAAI,EAAEA,IAAK;IACXC,YAAY,EAAEA,YAAY,oBAAZA,YAAY,CAAEe;EAAM,CACnC,CAAC;AAEN,CAAC","ignoreList":[]}

package/esm/SelectAsyncSearchField/index.js

@@ -1,2 +0,0 @@
-export * from "./SelectAsyncSearchField";
-//# sourceMappingURL=index.js.map

package/esm/SelectAsyncSearchField/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/SelectAsyncSearchField/index.tsx"],"sourcesContent":["export * from \"./SelectAsyncSearchField\";\n"],"mappings":"AAAA,cAAc,0BAA0B","ignoreList":[]}

package/esm/SelectSearchField/SelectSearchField.js

@@ -1,54 +0,0 @@
-var _excluded = ["items", "searchPlaceholder", "placeholder", "onChange"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import { SelectField } from "../SelectField";
-import React, { useCallback, useMemo } from "react";
-import { jsx as ___EmotionJSX } from "@emotion/react";
-/**
- * @deprecated Use SelectField instead
- */
-export var SelectSearchField = _ref => {
-  var {
-      items,
-      searchPlaceholder,
-      placeholder,
-      onChange
-    } = _ref,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var data = useMemo(() => {
-    return items.map(item => {
-      return _extends({}, item, {
-        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-        label: item.label || item.value
-      });
-    });
-  }, [items]);
-  var handleChange = useCallback(value => {
-    if (onChange) {
-      var event = new Event("change", {
-        bubbles: true
-      });
-      Object.defineProperty(event, "target", {
-        writable: true,
-        value: {
-          value
-        }
-      });
-      Object.defineProperty(event, "currentTarget", {
-        writable: true,
-        value: {
-          value
-        }
-      });
-      onChange(event);
-    }
-  }, [onChange]);
-  return ___EmotionJSX(SelectField, _extends({}, props, {
-    onChange: handleChange,
-    options: data
-    // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing
-    ,
-    placeholder: searchPlaceholder || placeholder
-  }));
-};
-//# sourceMappingURL=SelectSearchField.js.map

package/esm/SelectSearchField/SelectSearchField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectSearchField.js","names":["SelectField","React","useCallback","useMemo","jsx","___EmotionJSX","SelectSearchField","_ref","items","searchPlaceholder","placeholder","onChange","props","_objectWithoutPropertiesLoose","_excluded","data","map","item","_extends","label","value","handleChange","event","Event","bubbles","Object","defineProperty","writable","options"],"sources":["../../../src/SelectSearchField/SelectSearchField.tsx"],"sourcesContent":["import { SelectField, SelectFieldProps } from \"../SelectField\";\nimport React, { useCallback, useMemo } from \"react\";\n\nexport interface SelectSearchFieldItem {\n  keys: string[];\n  value: string;\n  label?: string;\n}\n\nexport interface SelectSearchFieldProps\n  extends Omit<SelectFieldProps, \"data\" | \"onChange\"> {\n  searchPlaceholder?: string;\n  items: SelectSearchFieldItem[];\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\n/**\n * @deprecated Use SelectField instead\n */\nexport const SelectSearchField = ({\n  items,\n  searchPlaceholder,\n  placeholder,\n  onChange,\n  ...props\n}: SelectSearchFieldProps) => {\n  const data = useMemo(() => {\n    return items.map((item) => {\n      return {\n        ...item,\n        // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n        label: item.label || item.value,\n      };\n    });\n  }, [items]);\n\n  const handleChange = useCallback(\n    (value?: string) => {\n      if (onChange) {\n        const event = new Event(\"change\", { bubbles: true });\n        Object.defineProperty(event, \"target\", {\n          writable: true,\n          value: { value },\n        });\n        Object.defineProperty(event, \"currentTarget\", {\n          writable: true,\n          value: { value },\n        });\n        onChange(event as unknown as React.ChangeEvent<HTMLInputElement>);\n      }\n    },\n    [onChange],\n  );\n\n  return (\n    <SelectField\n      {...props}\n      onChange={handleChange}\n      options={data}\n      // eslint-disable-next-line @typescript-eslint/prefer-nullish-coalescing\n      placeholder={searchPlaceholder || placeholder}\n    />\n  );\n};\n"],"mappings":";;;AAAA,SAASA,WAAW,QAA0B,gBAAgB;AAC9D,OAAOC,KAAK,IAAIC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,aAAA;AAepD;AACA;AACA;AACA,OAAO,IAAMC,iBAAiB,GAAGC,IAAA,IAMH;EAAA,IANI;MAChCC,KAAK;MACLC,iBAAiB;MACjBC,WAAW;MACXC;IAEsB,CAAC,GAAAJ,IAAA;IADpBK,KAAK,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAER,IAAMC,IAAI,GAAGZ,OAAO,CAAC,MAAM;IACzB,OAAOK,KAAK,CAACQ,GAAG,CAAEC,IAAI,IAAK;MACzB,OAAAC,QAAA,KACKD,IAAI;QACP;QACAE,KAAK,EAAEF,IAAI,CAACE,KAAK,IAAIF,IAAI,CAACG;MAAK;IAEnC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACZ,KAAK,CAAC,CAAC;EAEX,IAAMa,YAAY,GAAGnB,WAAW,CAC7BkB,KAAc,IAAK;IAClB,IAAIT,QAAQ,EAAE;MACZ,IAAMW,KAAK,GAAG,IAAIC,KAAK,CAAC,QAAQ,EAAE;QAAEC,OAAO,EAAE;MAAK,CAAC,CAAC;MACpDC,MAAM,CAACC,cAAc,CAACJ,KAAK,EAAE,QAAQ,EAAE;QACrCK,QAAQ,EAAE,IAAI;QACdP,KAAK,EAAE;UAAEA;QAAM;MACjB,CAAC,CAAC;MACFK,MAAM,CAACC,cAAc,CAACJ,KAAK,EAAE,eAAe,EAAE;QAC5CK,QAAQ,EAAE,IAAI;QACdP,KAAK,EAAE;UAAEA;QAAM;MACjB,CAAC,CAAC;MACFT,QAAQ,CAACW,KAAuD,CAAC;IACnE;EACF,CAAC,EACD,CAACX,QAAQ,CACX,CAAC;EAED,OACEN,aAAA,CAACL,WAAW,EAAAkB,QAAA,KACNN,KAAK;IACTD,QAAQ,EAAEU,YAAa;IACvBO,OAAO,EAAEb;IACT;IAAA;IACAL,WAAW,EAAED,iBAAiB,IAAIC;EAAY,EAC/C,CAAC;AAEN,CAAC","ignoreList":[]}

package/esm/SelectSearchField/index.js

@@ -1,2 +0,0 @@
-export * from "./SelectSearchField";
-//# sourceMappingURL=index.js.map

package/esm/SelectSearchField/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../src/SelectSearchField/index.tsx"],"sourcesContent":["export * from \"./SelectSearchField\";\n"],"mappings":"AAAA,cAAc,qBAAqB","ignoreList":[]}

package/types/Layouts/Item.d.ts

@@ -1,6 +0,0 @@
-import React from "react";
-export type ItemProps = React.ComponentPropsWithoutRef<"div">;
-/**
- * @deprecated No need to use this component.
- */
-export declare const Item: (props: ItemProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/Mobile/MobileHeader.d.ts

@@ -1,24 +0,0 @@
-import React from "react";
-export interface MobileHeaderProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "title" | "color"> {
-    /**
-     * タイトルを指定します。
-     */
-    title?: React.ReactNode;
-    /**
-     * 左側のボタンが押されたときの挙動を指定します。
-     *
-     * この属性が存在しない場合、左側のボタンは表示されません。
-     */
-    onPrev?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;
-    /**
-     * 右側のボタンが押されたときの挙動を指定します。
-     *
-     * この属性が存在しない場合、右側のボタンは表示されません。
-     */
-    onNext?: (event: React.SyntheticEvent<HTMLButtonElement>) => void;
-    children?: React.ReactNode;
-}
-/**
- * @deprecated Write your own. This contains some bad practices.
- */
-export declare const MobileHeader: ({ children, className, title, onPrev, onNext, ...props }: MobileHeaderProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/Mobile/MobilePage.d.ts

@@ -1,8 +0,0 @@
-import React from "react";
-export interface MobilePageProps extends React.HTMLAttributes<HTMLDivElement> {
-    children?: React.ReactNode;
-}
-/**
- * @deprecated Write your own. This contains some bad practices.
- */
-export declare const MobilePage: ({ children, ...props }: MobilePageProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/Mobile/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./MobileHeader";
-export * from "./MobilePage";
-export * from "./useMobile";

package/types/Mobile/useMobile.d.ts

@@ -1,38 +0,0 @@
-/**
- * @deprecated Write your own. This contains some bad practices.
- */
-export declare const useMobile: <HeaderElement extends Element = HTMLElement, FooterElement extends Element = HTMLElement>() => {
-    rootProps: {
-        style: {
-            readonly position: "absolute";
-            readonly height: "100%";
-            readonly width: "100%";
-            readonly top: 0;
-            readonly left: 0;
-        };
-    };
-    headerProps: {
-        ref: (node: HeaderElement) => void;
-        style: {
-            readonly position: "fixed";
-            readonly width: "100%";
-            readonly zIndex: 99;
-            readonly top: 0;
-        };
-    };
-    footerProps: {
-        ref: (node: FooterElement) => void;
-        style: {
-            readonly position: "fixed";
-            readonly width: "100%";
-            readonly zIndex: 99;
-            readonly bottom: 0;
-        };
-    };
-    bodyProps: {
-        style: {
-            paddingTop: number;
-            paddingBottom: number;
-        };
-    };
-};

package/types/SearchField/SearchField.d.ts

@@ -1,15 +0,0 @@
-import { SearchItem, SearchProps, WithSearchScore } from "./useSearch";
-import { TextFieldProps } from "../TextField";
-export type SearchFieldResult = WithSearchScore<SearchItem>[];
-export type SearchFieldHandleChange = (result: SearchFieldResult) => void;
-export interface SearchFieldProps extends Pick<SearchProps, "items">, TextFieldProps {
-    /**
-     * 見出し
-     */
-    onChangeQuery?: SearchFieldHandleChange;
-    children?: never;
-}
-/**
- * @deprecated Use SelectField instead
- */
-export declare const SearchField: ({ label, items, onChangeQuery, ...props }: SearchFieldProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/SearchField/index.d.ts

@@ -1 +0,0 @@
-export * from "./SearchField";

package/types/SelectAsyncSearchField/SelectAsyncSearchField.d.ts

@@ -1,14 +0,0 @@
-import { type SelectOptionValue } from "../SelectField/SelectField";
-export type LabelValue = SelectOptionValue;
-export interface SelectAsyncSearchFieldProps {
-    label?: string;
-    name?: string;
-    placeholder?: string;
-    searchPlaceholder?: string;
-    defaultValue?: LabelValue;
-    fetchOptionsOnSearch: (value: string) => Promise<LabelValue[]>;
-}
-/**
- * @deprecated Use SelectField instead
- */
-export declare const SelectAsyncSearchField: ({ label, name, defaultValue, fetchOptionsOnSearch, placeholder, searchPlaceholder: placeholderForSearch, }: SelectAsyncSearchFieldProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/SelectAsyncSearchField/index.d.ts

@@ -1 +0,0 @@
-export * from "./SelectAsyncSearchField";

package/types/SelectSearchField/SelectSearchField.d.ts

@@ -1,16 +0,0 @@
-import { SelectFieldProps } from "../SelectField";
-import React from "react";
-export interface SelectSearchFieldItem {
-    keys: string[];
-    value: string;
-    label?: string;
-}
-export interface SelectSearchFieldProps extends Omit<SelectFieldProps, "data" | "onChange"> {
-    searchPlaceholder?: string;
-    items: SelectSearchFieldItem[];
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-}
-/**
- * @deprecated Use SelectField instead
- */
-export declare const SelectSearchField: ({ items, searchPlaceholder, placeholder, onChange, ...props }: SelectSearchFieldProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/types/SelectSearchField/index.d.ts

@@ -1 +0,0 @@
-export * from "./SelectSearchField";