@performant-software/core-data 2.2.10-beta.25 → 2.2.10-beta.27

package/dist/index.es12.js

@@ -3,7 +3,7 @@ import { useTimer as I, Numbers as O } from "@performant-software/shared-compone
 import { Root as P, Trigger as Y, Portal as B, Content as G, Arrow as U } from "./index.es89.js";
 import { Root as q, Thumb as H } from "./index.es85.js";
 import { clsx as _ } from "./index.es56.js";
-import { useState as s, useRef as J, useCallback as x, useMemo as k, useEffect as j } from "react";
+import { useState as s, useRef as J, useCallback as f, useMemo as k, useEffect as j } from "react";
 import w from "./index.es57.js";
 import "./index.es58.js";
 import "./index.es59.js";
@@ -41,13 +41,13 @@ import tt from "./index.es92.js";
 import et from "./index.es87.js";
 import ot from "./index.es88.js";
 const it = "event_range_facet", qt = (o) => {
-  const { range: i = {}, refine: T, start: f = [] } = o.useRange({ attribute: it }), [c, g] = s(), [l, Z] = s(i.max), [u, S] = s(i.min), [r, h] = s(i.max), [m, p] = s(i.min), [a, b] = s([m, r]), z = W(), d = J(), { clearTimer: F, setTimer: L } = I(), N = x(() => {
+  const { range: i = {}, refine: T, start: x = [] } = o.useRange({ attribute: it }), [c, g] = s(), [l, Z] = s(i.max), [u, S] = s(i.min), [r, h] = s(i.max), [m, p] = s(i.min), [a, b] = s([m, r]), z = W(), d = J(), { clearTimer: F, setTimer: L } = I(), N = f(() => {
     const t = m + o.zoom, n = r - o.zoom;
     t >= n || (p(t), h(n));
-  }, [r, m, o.zoom]), C = x(() => {
+  }, [r, m, o.zoom]), C = f(() => {
     const t = m - o.zoom, n = r + o.zoom;
     t >= n || (p(t), h(n));
-  }, [r, m, i, o.zoom]), y = x(() => {
+  }, [r, m, i, o.zoom]), y = f(() => {
     p(u), h(l);
     let t = a[0], n = a[1];
     a[0] < u && (t = u), a[1] > l && (n = l), b([t, n]);
@@ -63,15 +63,16 @@ const it = "event_range_facet", qt = (o) => {
     label: "Zoom Reset",
     icon: /* @__PURE__ */ e.jsx(tt, {}),
     onClick: y
-  }], [N, C, y]), V = x((t) => {
+  }], [N, C, y]), V = f((t) => {
     var v, E;
     let n;
     const R = ((v = t.start_date) == null ? void 0 : v.start_date) || ((E = t.end_date) == null ? void 0 : E.start_date);
     return R && (n = new Date(R).getFullYear()), n;
-  }, []), M = x((t) => {
+  }, []), M = f((t) => {
     g(w.map(t.events, (n) => ({
       ...n,
-      year: V(n)
+      year: V(n),
+      offset: O.getRandomInt(-30, 10)
     })));
   }, []), D = k(() => w.pluck(c, "year"), [c]);
   return j(() => {
@@ -86,7 +87,7 @@ const it = "event_range_facet", qt = (o) => {
   }, [M, r, m, a]), j(() => {
     o.onLoad && o.onLoad(c);
   }, [c, o.onLoad]), j(() => {
-    const t = Math.max(i.min, Number.isFinite(f[0]) ? f[0] : i.min), n = Math.min(i.max, Number.isFinite(f[1]) ? f[1] : i.max);
+    const t = Math.max(i.min, Number.isFinite(x[0]) ? x[0] : i.min), n = Math.min(i.max, Number.isFinite(x[1]) ? x[1] : i.max);
     b([t, n]), p(i.min), h(i.max), !u && i.min && S(i.min), !l && i.max && Z(i.max);
   }, [i.min, i.max]), /* @__PURE__ */ e.jsxs(
     "div",
@@ -146,7 +147,7 @@ const it = "event_range_facet", qt = (o) => {
                                   right: 20,
                                   bottom: 10
                                 },
-                                sideOffset: O.getRandomInt(-30, 10),
+                                sideOffset: t.offset,
                                 side: "top",
                                 children: /* @__PURE__ */ e.jsxs(
                                   "button",

package/dist/index.es12.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es12.js","sources":["../src/components/FacetTimeline.js"],"sourcesContent":["// @flow\n\nimport { Numbers, useTimer } from '@performant-software/shared-components';\nimport * as Popover from '@radix-ui/react-popover';\nimport * as Slider from '@radix-ui/react-slider';\nimport { clsx } from 'clsx';\nimport {\n  ChevronLeft,\n  ChevronRight,\n  RotateCcw,\n  ZoomIn,\n  ZoomOut\n} from 'lucide-react';\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport _ from 'underscore';\nimport type { Event as EventType } from '../types/Event';\nimport EventUtils from '../utils/Event';\nimport FacetSlider, { type Action as ActionType, type ClassNames as ClassNamesType } from './FacetSlider';\nimport { useEventsService } from '../hooks/CoreData';\n\ntype Props = {\n  /**\n   * Custom actions to render with the FacetSlider.\n   */\n  actions?: Array<ActionType>,\n\n  /**\n   * Class name to apply to the root DOM element.\n   */\n  className?: string,\n\n  /**\n   * Class names to apply to the FacetSlider components.\n   */\n  classNames?: ClassNamesType,\n\n  /**\n   * If `true`, the event popover content will display the event description.\n   */\n  description?: boolean,\n\n  /**\n   * Callback fired when the event popover is clicked.\n   */\n  onClick?: (event: EventType) => void,\n\n  /**\n   * Callback fired when the events are loaded.\n   */\n  onLoad?: (events: Array<EventType>) => void,\n\n  /**\n   * Typesense `useRange` hook.\n   */\n  useRange: ({ attribute: string }) => ({ refine: (range: [number, number]) => void }) => void,\n\n  /**\n   * Zoom level increment.\n   */\n  zoom?: number\n};\n\nconst FACET_EVENT_RANGE = 'event_range_facet';\n\nconst FacetTimeline = (props: Props) => {\n  const { range = {}, refine, start = [] } = props.useRange({ attribute: FACET_EVENT_RANGE });\n\n  const [events, setEvents] = useState();\n  const [defaultMax, setDefaultMax] = useState(range.max);\n  const [defaultMin, setDefaultMin] = useState(range.min);\n  const [max, setMax] = useState(range.max);\n  const [min, setMin] = useState(range.min);\n  const [value, setValue] = useState([min, max]);\n\n  const EventsService = useEventsService();\n  const ref = useRef();\n  const { clearTimer, setTimer } = useTimer();\n\n  /**\n   * Zooms in the min/max values.\n   *\n   * @type {(function(): void)|*}\n   */\n  const onZoomIn = useCallback(() => {\n    const newMin = min + props.zoom;\n    const newMax = max - props.zoom;\n\n    if (newMin >= newMax) {\n      return;\n    }\n\n    setMin(newMin);\n    setMax(newMax);\n  }, [max, min, props.zoom]);\n\n  /**\n   * Zooms out the min/max values.\n   *\n   * @type {(function(): void)|*}\n   */\n  const onZoomOut = useCallback(() => {\n    const newMin = min - props.zoom;\n    const newMax = max + props.zoom;\n\n    if (newMin >= newMax) {\n      return;\n    }\n\n    setMin(newMin);\n    setMax(newMax);\n  }, [max, min, range, props.zoom]);\n\n  /**\n   * Resets the min/max values to the defaults.\n   *\n   * @type {(function(): void)|*}\n   */\n  const onZoomReset = useCallback(() => {\n    setMin(defaultMin);\n    setMax(defaultMax);\n\n    let newStart = value[0];\n    let newEnd = value[1];\n\n    if (value[0] < defaultMin) {\n      newStart = defaultMin;\n    }\n\n    if (value[1] > defaultMax) {\n      newEnd = defaultMax;\n    }\n\n    setValue([newStart, newEnd]);\n  }, [defaultMax, defaultMin, value]);\n\n  /**\n   * List of actions to provide to the FacetSlider component.\n   */\n  const actions = useMemo(() => [{\n    label: 'Zoom In',\n    icon: <ZoomIn />,\n    onClick: onZoomIn\n  }, {\n    label: 'Zoom Out',\n    icon: <ZoomOut />,\n    onClick: onZoomOut\n  }, {\n    label: 'Zoom Reset',\n    icon: <RotateCcw />,\n    onClick: onZoomReset\n  }], [onZoomIn, onZoomOut, onZoomReset]);\n\n  /**\n   * Returns the year value for the passed event.\n   *\n   * @type {function(*): *}\n   */\n  const getYear = useCallback((event) => {\n    let year;\n\n    const date = event.start_date?.start_date || event.end_date?.start_date;\n\n    if (date) {\n      year = new Date(date).getFullYear();\n    }\n\n    return year;\n  }, []);\n\n  /**\n   * Sets the events on the state.\n   *\n   * @type {(function(*): void)|*}\n   */\n  const onLoad = useCallback((data) => {\n    setEvents(_.map(data.events, (event) => ({\n      ...event,\n      year: getYear(event)\n    })));\n  }, []);\n\n  /**\n   * Memo-izes the slider value.\n   */\n  const years = useMemo(() => _.pluck(events, 'year'), [events]);\n\n  /**\n   * Loads the list of events when the range or min/max values are changed.\n   */\n  useEffect(() => {\n    if (!value) {\n      return;\n    }\n\n    // Clear the timeout when the range changes\n    clearTimer();\n\n    // Reset the timer to fetch the events\n    setTimer(() => {\n      setEvents([]);\n\n      const params = {\n        min_year: value[0],\n        max_year: value[1]\n      };\n\n      EventsService\n        .fetchAll(params)\n        .then(onLoad);\n    });\n  }, [onLoad, max, min, value]);\n\n  /**\n   * Calls the onLoad prop when the events are changed.\n   */\n  useEffect(() => {\n    if (props.onLoad) {\n      props.onLoad(events);\n    }\n  }, [events, props.onLoad]);\n\n  /**\n   * When the upper and/or lower bounds of the range change, update the value and min/max values.\n   */\n  useEffect(() => {\n    const from = Math.max(range.min, Number.isFinite(start[0]) ? start[0] : range.min);\n    const to = Math.min(range.max, Number.isFinite(start[1]) ? start[1] : range.max);\n\n    setValue([from, to]);\n    setMin(range.min);\n    setMax(range.max);\n\n    if (!defaultMin && range.min) {\n      setDefaultMin(range.min);\n    }\n\n    if (!defaultMax && range.max) {\n      setDefaultMax(range.max);\n    }\n  }, [range.min, range.max]);\n\n  return (\n    <div\n      className={clsx(\n        { 'pt-24': !props.description },\n        { 'pt-40': props.description },\n        props.className\n      )}\n      ref={ref}\n    >\n      <div\n        className='flex justify-between items-center'\n      >\n        <button\n          aria-label='Slider Left'\n          className='p-4 cursor-auto opacity-0'\n          type='button'\n        >\n          <ChevronLeft />\n        </button>\n        <Slider.Root\n          className='relative flex flex-grow h-5 touch-none items-center w-full'\n          max={max}\n          min={min}\n          value={years}\n        >\n          { _.map(events, (event) => (\n            <Popover.Root\n              key={event.uuid}\n              open\n            >\n              <Popover.Trigger\n                asChild\n              >\n                <Slider.Thumb />\n              </Popover.Trigger>\n              <Popover.Portal\n                container={ref.current}\n              >\n                <Popover.Content\n                  asChild\n                  collisionBoundary={ref?.current}\n                  collisionPadding={{\n                    top: 10,\n                    left: 20,\n                    right: 20,\n                    bottom: 10\n                  }}\n                  sideOffset={Numbers.getRandomInt(-30, 10)}\n                  side='top'\n                >\n                  <button\n                    aria-label={event.name}\n                    className={clsx(\n                      'bg-white',\n                      'hover:bg-white',\n                      'p-5',\n                      'rounded-md',\n                      'shadow-md',\n                      'shadow-gray-1000',\n                      'max-w-xs',\n                      'max-h-36',\n                      'overflow-hidden',\n                      'transition',\n                      'duration-500',\n                      'hover:scale-105',\n                      'cursor-pointer',\n                      'focus:outline-none',\n                      'text-left',\n                      'text-black'\n                    )}\n                    onClick={() => props.onClick && props.onClick(event)}\n                    type='button'\n                  >\n                    <h2\n                      className='font-medium text-base whitespace-nowrap line-clamp-1 text-ellipsis'\n                    >\n                      { event.name }\n                    </h2>\n                    <p\n                      className='text-muted'\n                    >\n                      { EventUtils.getDateView(event) }\n                    </p>\n                    { props.description && (\n                      <p\n                        className='text-muted'\n                      >\n                        { event.description }\n                      </p>\n                    )}\n                    <Popover.Arrow\n                      className='fill-white'\n                    />\n                  </button>\n                </Popover.Content>\n              </Popover.Portal>\n            </Popover.Root>\n          ))}\n        </Slider.Root>\n        <button\n          aria-label='Slider Right'\n          className='p-4 cursor-auto opacity-0'\n          type='button'\n        >\n          <ChevronRight />\n        </button>\n      </div>\n      <FacetSlider\n        actions={[\n          ...actions,\n          ...props.actions || []\n        ]}\n        classNames={props.classNames}\n        max={max}\n        min={min}\n        onValueChange={setValue}\n        onValueCommit={refine}\n        position='bottom'\n        value={value}\n      />\n    </div>\n  );\n};\n\nexport default FacetTimeline;\n"],"names":["FACET_EVENT_RANGE","FacetTimeline","props","range","refine","start","events","setEvents","useState","defaultMax","setDefaultMax","defaultMin","setDefaultMin","max","setMax","min","setMin","value","setValue","EventsService","useEventsService","ref","useRef","clearTimer","setTimer","useTimer","onZoomIn","useCallback","newMin","newMax","onZoomOut","onZoomReset","newStart","newEnd","actions","useMemo","ZoomIn","ZoomOut","RotateCcw","getYear","event","year","date","_a","_b","onLoad","data","_","years","useEffect","params","from","to","jsxs","clsx","jsx","ChevronLeft","Slider.Root","Popover.Root","Popover.Trigger","Slider.Thumb","Popover.Portal","Popover.Content","Numbers","EventUtils","Popover.Arrow","ChevronRight","FacetSlider"],"mappings":"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"}
+{"version":3,"file":"index.es12.js","sources":["../src/components/FacetTimeline.js"],"sourcesContent":["// @flow\n\nimport { Numbers, useTimer } from '@performant-software/shared-components';\nimport * as Popover from '@radix-ui/react-popover';\nimport * as Slider from '@radix-ui/react-slider';\nimport { clsx } from 'clsx';\nimport {\n  ChevronLeft,\n  ChevronRight,\n  RotateCcw,\n  ZoomIn,\n  ZoomOut\n} from 'lucide-react';\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport _ from 'underscore';\nimport type { Event as EventType } from '../types/Event';\nimport EventUtils from '../utils/Event';\nimport FacetSlider, { type Action as ActionType, type ClassNames as ClassNamesType } from './FacetSlider';\nimport { useEventsService } from '../hooks/CoreData';\n\ntype Props = {\n  /**\n   * Custom actions to render with the FacetSlider.\n   */\n  actions?: Array<ActionType>,\n\n  /**\n   * Class name to apply to the root DOM element.\n   */\n  className?: string,\n\n  /**\n   * Class names to apply to the FacetSlider components.\n   */\n  classNames?: ClassNamesType,\n\n  /**\n   * If `true`, the event popover content will display the event description.\n   */\n  description?: boolean,\n\n  /**\n   * Callback fired when the event popover is clicked.\n   */\n  onClick?: (event: EventType) => void,\n\n  /**\n   * Callback fired when the events are loaded.\n   */\n  onLoad?: (events: Array<EventType>) => void,\n\n  /**\n   * Typesense `useRange` hook.\n   */\n  useRange: ({ attribute: string }) => ({ refine: (range: [number, number]) => void }) => void,\n\n  /**\n   * Zoom level increment.\n   */\n  zoom?: number\n};\n\nconst FACET_EVENT_RANGE = 'event_range_facet';\n\nconst FacetTimeline = (props: Props) => {\n  const { range = {}, refine, start = [] } = props.useRange({ attribute: FACET_EVENT_RANGE });\n\n  const [events, setEvents] = useState();\n  const [defaultMax, setDefaultMax] = useState(range.max);\n  const [defaultMin, setDefaultMin] = useState(range.min);\n  const [max, setMax] = useState(range.max);\n  const [min, setMin] = useState(range.min);\n  const [value, setValue] = useState([min, max]);\n\n  const EventsService = useEventsService();\n  const ref = useRef();\n  const { clearTimer, setTimer } = useTimer();\n\n  /**\n   * Zooms in the min/max values.\n   *\n   * @type {(function(): void)|*}\n   */\n  const onZoomIn = useCallback(() => {\n    const newMin = min + props.zoom;\n    const newMax = max - props.zoom;\n\n    if (newMin >= newMax) {\n      return;\n    }\n\n    setMin(newMin);\n    setMax(newMax);\n  }, [max, min, props.zoom]);\n\n  /**\n   * Zooms out the min/max values.\n   *\n   * @type {(function(): void)|*}\n   */\n  const onZoomOut = useCallback(() => {\n    const newMin = min - props.zoom;\n    const newMax = max + props.zoom;\n\n    if (newMin >= newMax) {\n      return;\n    }\n\n    setMin(newMin);\n    setMax(newMax);\n  }, [max, min, range, props.zoom]);\n\n  /**\n   * Resets the min/max values to the defaults.\n   *\n   * @type {(function(): void)|*}\n   */\n  const onZoomReset = useCallback(() => {\n    setMin(defaultMin);\n    setMax(defaultMax);\n\n    let newStart = value[0];\n    let newEnd = value[1];\n\n    if (value[0] < defaultMin) {\n      newStart = defaultMin;\n    }\n\n    if (value[1] > defaultMax) {\n      newEnd = defaultMax;\n    }\n\n    setValue([newStart, newEnd]);\n  }, [defaultMax, defaultMin, value]);\n\n  /**\n   * List of actions to provide to the FacetSlider component.\n   */\n  const actions = useMemo(() => [{\n    label: 'Zoom In',\n    icon: <ZoomIn />,\n    onClick: onZoomIn\n  }, {\n    label: 'Zoom Out',\n    icon: <ZoomOut />,\n    onClick: onZoomOut\n  }, {\n    label: 'Zoom Reset',\n    icon: <RotateCcw />,\n    onClick: onZoomReset\n  }], [onZoomIn, onZoomOut, onZoomReset]);\n\n  /**\n   * Returns the year value for the passed event.\n   *\n   * @type {function(*): *}\n   */\n  const getYear = useCallback((event) => {\n    let year;\n\n    const date = event.start_date?.start_date || event.end_date?.start_date;\n\n    if (date) {\n      year = new Date(date).getFullYear();\n    }\n\n    return year;\n  }, []);\n\n  /**\n   * Sets the events on the state.\n   *\n   * @type {(function(*): void)|*}\n   */\n  const onLoad = useCallback((data) => {\n    setEvents(_.map(data.events, (event) => ({\n      ...event,\n      year: getYear(event),\n      offset: Numbers.getRandomInt(-30, 10)\n    })));\n  }, []);\n\n  /**\n   * Memo-izes the slider value.\n   */\n  const years = useMemo(() => _.pluck(events, 'year'), [events]);\n\n  /**\n   * Loads the list of events when the range or min/max values are changed.\n   */\n  useEffect(() => {\n    if (!value) {\n      return;\n    }\n\n    // Clear the timeout when the range changes\n    clearTimer();\n\n    // Reset the timer to fetch the events\n    setTimer(() => {\n      setEvents([]);\n\n      const params = {\n        min_year: value[0],\n        max_year: value[1]\n      };\n\n      EventsService\n        .fetchAll(params)\n        .then(onLoad);\n    });\n  }, [onLoad, max, min, value]);\n\n  /**\n   * Calls the onLoad prop when the events are changed.\n   */\n  useEffect(() => {\n    if (props.onLoad) {\n      props.onLoad(events);\n    }\n  }, [events, props.onLoad]);\n\n  /**\n   * When the upper and/or lower bounds of the range change, update the value and min/max values.\n   */\n  useEffect(() => {\n    const from = Math.max(range.min, Number.isFinite(start[0]) ? start[0] : range.min);\n    const to = Math.min(range.max, Number.isFinite(start[1]) ? start[1] : range.max);\n\n    setValue([from, to]);\n    setMin(range.min);\n    setMax(range.max);\n\n    if (!defaultMin && range.min) {\n      setDefaultMin(range.min);\n    }\n\n    if (!defaultMax && range.max) {\n      setDefaultMax(range.max);\n    }\n  }, [range.min, range.max]);\n\n  return (\n    <div\n      className={clsx(\n        { 'pt-24': !props.description },\n        { 'pt-40': props.description },\n        props.className\n      )}\n      ref={ref}\n    >\n      <div\n        className='flex justify-between items-center'\n      >\n        <button\n          aria-label='Slider Left'\n          className='p-4 cursor-auto opacity-0'\n          type='button'\n        >\n          <ChevronLeft />\n        </button>\n        <Slider.Root\n          className='relative flex flex-grow h-5 touch-none items-center w-full'\n          max={max}\n          min={min}\n          value={years}\n        >\n          { _.map(events, (event) => (\n            <Popover.Root\n              key={event.uuid}\n              open\n            >\n              <Popover.Trigger\n                asChild\n              >\n                <Slider.Thumb />\n              </Popover.Trigger>\n              <Popover.Portal\n                container={ref.current}\n              >\n                <Popover.Content\n                  asChild\n                  collisionBoundary={ref?.current}\n                  collisionPadding={{\n                    top: 10,\n                    left: 20,\n                    right: 20,\n                    bottom: 10\n                  }}\n                  sideOffset={event.offset}\n                  side='top'\n                >\n                  <button\n                    aria-label={event.name}\n                    className={clsx(\n                      'bg-white',\n                      'hover:bg-white',\n                      'p-5',\n                      'rounded-md',\n                      'shadow-md',\n                      'shadow-gray-1000',\n                      'max-w-xs',\n                      'max-h-36',\n                      'overflow-hidden',\n                      'transition',\n                      'duration-500',\n                      'hover:scale-105',\n                      'cursor-pointer',\n                      'focus:outline-none',\n                      'text-left',\n                      'text-black'\n                    )}\n                    onClick={() => props.onClick && props.onClick(event)}\n                    type='button'\n                  >\n                    <h2\n                      className='font-medium text-base whitespace-nowrap line-clamp-1 text-ellipsis'\n                    >\n                      { event.name }\n                    </h2>\n                    <p\n                      className='text-muted'\n                    >\n                      { EventUtils.getDateView(event) }\n                    </p>\n                    { props.description && (\n                      <p\n                        className='text-muted'\n                      >\n                        { event.description }\n                      </p>\n                    )}\n                    <Popover.Arrow\n                      className='fill-white'\n                    />\n                  </button>\n                </Popover.Content>\n              </Popover.Portal>\n            </Popover.Root>\n          ))}\n        </Slider.Root>\n        <button\n          aria-label='Slider Right'\n          className='p-4 cursor-auto opacity-0'\n          type='button'\n        >\n          <ChevronRight />\n        </button>\n      </div>\n      <FacetSlider\n        actions={[\n          ...actions,\n          ...props.actions || []\n        ]}\n        classNames={props.classNames}\n        max={max}\n        min={min}\n        onValueChange={setValue}\n        onValueCommit={refine}\n        position='bottom'\n        value={value}\n      />\n    </div>\n  );\n};\n\nexport default FacetTimeline;\n"],"names":["FACET_EVENT_RANGE","FacetTimeline","props","range","refine","start","events","setEvents","useState","defaultMax","setDefaultMax","defaultMin","setDefaultMin","max","setMax","min","setMin","value","setValue","EventsService","useEventsService","ref","useRef","clearTimer","setTimer","useTimer","onZoomIn","useCallback","newMin","newMax","onZoomOut","onZoomReset","newStart","newEnd","actions","useMemo","ZoomIn","ZoomOut","RotateCcw","getYear","event","year","date","_a","_b","onLoad","data","_","Numbers","years","useEffect","params","from","to","jsxs","clsx","jsx","ChevronLeft","Slider.Root","Popover.Root","Popover.Trigger","Slider.Thumb","Popover.Portal","Popover.Content","EventUtils","Popover.Arrow","ChevronRight","FacetSlider"],"mappings":"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"}

package/dist/index.es120.js

@@ -1,4 +1,4 @@
-import { __exports as t } from "./index.es252.js";
+import { __exports as t } from "./index.es354.js";
 import R from "react";
 var p;
 function v() {

package/dist/index.es121.js

@@ -1,4 +1,4 @@
-import { __exports as y } from "./index.es253.js";
+import { __exports as y } from "./index.es355.js";
 import te from "react";
 var hr;
 function oe() {

package/dist/index.es130.js

@@ -1,7 +1,508 @@
-function m(t, [a, n]) {
-  return Math.min(n, Math.max(a, t));
+var $ = Object.defineProperty;
+var X = (t, e, i) => e in t ? $(t, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[e] = i;
+var l = (t, e, i) => (X(t, typeof e != "symbol" ? e + "" : e, i), i);
+import { serialize as J, serializeConfigPresentation2 as W, serializeConfigPresentation3 as Z, normalize as K } from "./index.es207.js";
+import { createAction as d } from "./index.es208.js";
+import { combineReducers as U, createStore as ee, applyMiddleware as T, compose as R } from "./index.es209.js";
+const C = "@iiif/IMPORT_ENTITIES", N = "@iiif/MODIFY_ENTITY_FIELD", F = "@iiif/REORDER_ENTITY_FIELD", b = "@iiif/ADD_REFERENCE", q = "@iiif/REMOVE_REFERENCE", v = d(C)(), te = d(N)(), ie = d(F)(), re = d(b)(), se = d(q)(), oe = { importEntities: v, modifyEntityField: te, reorderEntityField: ie, addReference: re, removeReference: se }, w = "@iiif/ADD_MAPPING", P = "@iiif/ADD_MAPPINGS", ae = d(w)(), ne = d(P)(), k = "@iiif/SET_META_VALUE", L = "@iiif/SET_META_VALUE_DYNAMIC", Q = "@iiif/UNSET_META_VALUE", de = d(k)(), ue = d(L)(), ce = d(Q)(), M = {
+  setMetaValue: de,
+  setMetaValueDynamic: ue,
+  unsetMetaValue: ce
+}, S = "RESOURCE_ERROR", V = "RESOURCE_LOADING", m = "RESOURCE_READY", B = "@iiif/REQUEST_RESOURCE", x = "@iiif/REQUEST_ERROR", Y = "@iiif/REQUEST_MISMATCH", z = "@iiif/REQUEST_COMPLETE", H = "@iiif/REQUEST_OFFLINE_RESOURCE", le = d(B)(), G = d(x)(), fe = d(Y)(), ye = d(z)();
+d(H)();
+const _ = "@iiif/BATCH", j = "@iiif/BATCH_IMPORT", g = d(_)();
+d(j)();
+const pe = (t, e) => {
+  const { entities: i, resource: r, mapping: s } = K(e);
+  if (r.id === void 0)
+    return [G({ id: t, message: "ID is not defined in resource." })];
+  const o = [v({ entities: i }), ne({ mapping: s })];
+  return r.id !== t && (o.push(ae({ id: t, type: r.type })), o.push(fe({ requestId: t, actualId: r.id }))), o.push(ye({ id: t })), o;
+}, O = Number.isNaN || function(e) {
+  return typeof e == "number" && e !== e;
+};
+function he(t, e) {
+  return !!(t === e || O(t) && O(e));
+}
+function I(t, e) {
+  if (!Array.isArray(t) || !Array.isArray(e))
+    return t === e;
+  if (t.length !== e.length)
+    return !1;
+  for (let i = 0; i < t.length; i++)
+    if (!he(t[i], e[i]))
+      return !1;
+  return !0;
+}
+function h(t, e) {
+  const i = t.iiif.requests[e], r = t.iiif.mapping[e];
+  if (!(!r || !t.iiif.entities[r][i.resourceUri]))
+    return t.iiif.entities[r][i.resourceUri];
+}
+function D(t, e, { waitTimeout: i = 30 } = {}) {
+  return async (r, s) => {
+    const o = t.getState(), a = o.iiif.requests[r];
+    if (a)
+      switch (a.loadingState) {
+        case S:
+          break;
+        case V: {
+          let n, c = !1;
+          try {
+            const u = await Promise.race([
+              new Promise((f, y) => {
+                c || (n = t.subscribe(() => {
+                  const p = t.getState();
+                  if (p.iiif.requests[r].loadingState === S) {
+                    y();
+                    return;
+                  }
+                  if (p.iiif.requests[r].loadingState === m) {
+                    const A = h(p, r);
+                    A ? f(A) : y();
+                  }
+                }));
+              }),
+              new Promise((f, y) => setTimeout(() => {
+                c = !0, y();
+              }, i * 60))
+            ]);
+            if (n && n(), u)
+              return u;
+          } catch {
+            n && n();
+            break;
+          }
+          break;
+        }
+        case m: {
+          const n = h(o, r);
+          if (n)
+            return n;
+          break;
+        }
+      }
+    t.dispatch(le({ id: r }));
+    try {
+      const n = await e(r, s);
+      !n.id && !n["@id"] && (n["@type"] && (n["@id"] = r), n.id = r);
+      const c = pe(r, n);
+      return t.dispatch(g({ actions: c })), h(t.getState(), r);
+    } catch (n) {
+      throw t.dispatch(G({ id: r, message: n.toString() })), n;
+    }
+  };
+}
+function Ee() {
+  return {
+    Collection: {},
+    Manifest: {},
+    Canvas: {},
+    AnnotationPage: {},
+    AnnotationCollection: {},
+    Annotation: {},
+    ContentResource: {},
+    Range: {},
+    Service: {},
+    Selector: {},
+    Agent: {}
+  };
+}
+const Re = (t = {}, e) => {
+  switch (e.type) {
+    case w:
+      return {
+        ...t,
+        [e.payload.id]: e.payload.type
+      };
+    case P:
+      return {
+        ...t,
+        ...e.payload.mapping
+      };
+    default:
+      return t;
+  }
+};
+function E(t, e, i, r) {
+  return !(!t[i] || !t[i][e] || !t[i][e][r] || !Array.isArray(t[i][e][r]));
+}
+function Se(t, e) {
+  const i = {}, r = [];
+  for (const [s, o] of Object.entries(t || {})) {
+    r.push(s);
+    const a = (e || {})[s];
+    if (!a || a.length === 0) {
+      i[s] = o;
+      continue;
+    }
+    i[s] = a;
+  }
+  for (const [s, o] of Object.entries(e || {}))
+    r.indexOf(s) === -1 && (i[s] = o);
+  return i;
+}
+const me = (t = Ee(), e) => {
+  var i;
+  switch (e.type) {
+    case N: {
+      if (!t[e.payload.type] || !t[e.payload.type][e.payload.id])
+        return t;
+      const r = t[e.payload.type][e.payload.id];
+      return typeof r == "string" ? t : {
+        ...t,
+        [e.payload.type]: {
+          ...t[e.payload.type],
+          [e.payload.id]: {
+            ...r,
+            [e.payload.key]: e.payload.value
+          }
+        }
+      };
+    }
+    case F: {
+      if (!E(t, e.payload.id, e.payload.type, e.payload.key))
+        return t;
+      const r = t[e.payload.type][e.payload.id];
+      if (typeof r == "string")
+        return t;
+      const s = Array.from(r[e.payload.key]), [o] = s.splice(e.payload.startIndex, 1);
+      return s.splice(e.payload.endIndex, 0, o), {
+        ...t,
+        [e.payload.type]: {
+          ...t[e.payload.type],
+          [e.payload.id]: {
+            ...r,
+            [e.payload.key]: s
+          }
+        }
+      };
+    }
+    case C: {
+      const r = Object.keys(e.payload.entities), s = { ...t };
+      for (const o of r) {
+        const a = e.payload.entities[o], n = { ...t[o] || {} };
+        let c = !1;
+        const u = Object.keys(a || {}) || [];
+        if (a && u) {
+          for (const f of u)
+            c = !0, n[f] = t[o][f] ? Se(t[o][f], a[f]) : a[f];
+          c && (s[o] = n);
+        }
+      }
+      return s;
+    }
+    case b: {
+      if (!E(t, e.payload.id, e.payload.type, e.payload.key))
+        return t;
+      const r = t[e.payload.type][e.payload.id], s = Array.from(r[e.payload.key]);
+      return s.splice(e.payload.index || s.length + 1, 0, e.payload.reference), {
+        ...t,
+        [e.payload.type]: {
+          ...t[e.payload.type],
+          [e.payload.id]: {
+            ...r,
+            [e.payload.key]: s
+          }
+        }
+      };
+    }
+    case q: {
+      if (!E(t, e.payload.id, e.payload.type, e.payload.key))
+        return t;
+      const r = t[e.payload.type][e.payload.id], s = Array.from(r[e.payload.key]), o = e.payload.index || s.findIndex((a) => a && a.id === e.payload.reference.id);
+      return o === -1 || ((i = s[o]) == null ? void 0 : i.id) !== e.payload.reference.id ? t : (s.splice(o, 1), {
+        ...t,
+        [e.payload.type]: {
+          ...t[e.payload.type],
+          [e.payload.id]: {
+            ...r,
+            [e.payload.key]: s
+          }
+        }
+      });
+    }
+    default:
+      return t;
+  }
+}, ge = (t = {}, e) => {
+  switch (e.type) {
+    case B:
+    case H:
+      return {
+        ...t,
+        [e.payload.id]: {
+          requestUri: e.payload.id,
+          loadingState: V,
+          uriMismatch: !1,
+          resourceUri: e.payload.id
+        }
+      };
+    case Y:
+      return {
+        ...t,
+        [e.payload.requestId]: {
+          ...t[e.payload.requestId] || {},
+          uriMismatch: !0,
+          resourceUri: e.payload.actualId
+        },
+        [e.payload.actualId]: {
+          requestUri: e.payload.requestId,
+          loadingState: t[e.payload.requestId].loadingState,
+          uriMismatch: !0,
+          resourceUri: e.payload.actualId
+        }
+      };
+    case x:
+      return {
+        ...t,
+        [e.payload.id]: {
+          ...t[e.payload.id] || {},
+          loadingState: S,
+          error: e.payload.message
+        }
+      };
+    case z:
+      return {
+        ...t,
+        [e.payload.id]: {
+          ...t[e.payload.id] || {},
+          loadingState: m,
+          error: void 0
+        }
+      };
+  }
+  return t;
+}, _e = (t = {}, e) => {
+  const { id: i, updateValue: r, value: s, meta: o, key: a } = e && e.payload || {};
+  switch (e.type) {
+    case k:
+      return {
+        ...t,
+        [i]: {
+          ...t[i] || {},
+          [o]: {
+            ...t[i] ? t[i][o] || {} : {},
+            [a]: s
+          }
+        }
+      };
+    case L:
+      return {
+        ...t,
+        [i]: {
+          ...t[i] || {},
+          [o]: {
+            ...t[i] ? t[i][o] || {} : {},
+            [a]: t[i] && t[i][o] ? r(t[i][o][a]) : r(void 0)
+          }
+        }
+      };
+    case Q:
+      return t[i] && t[i][o] && t[i][o][a] ? {
+        ...t,
+        [i]: {
+          ...t[i] || {},
+          [o]: {
+            ...t[i] ? t[i][o] || {} : {},
+            [a]: void 0
+          }
+        }
+      } : t;
+    default:
+      return t;
+  }
+};
+function Ae(t) {
+  return (e, i) => i && i.type === _ ? i.payload.actions.reduce(t, e) : i && i.type === j ? i.payload.state : t(e, i);
+}
+const Te = U({
+  mapping: Re,
+  entities: me,
+  requests: ge,
+  meta: _e
+}), Me = typeof window < "u" ? window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || R : R;
+function Oe(t = {}) {
+  const {
+    enableDevtools: e = !0,
+    iiifStoreName: i = "iiif",
+    defaultState: r = {},
+    extraMiddleware: s = [],
+    customReducers: o = {}
+  } = t, a = U({ [i]: Te, ...o });
+  return ee(Ae(a), r, e ? Me(T(...s)) : R(T(...s)));
+}
+function Ie(t) {
+  return { all: t = t || /* @__PURE__ */ new Map(), on: function(e, i) {
+    var r = t.get(e);
+    r ? r.push(i) : t.set(e, [i]);
+  }, off: function(e, i) {
+    var r = t.get(e);
+    r && (i ? r.splice(r.indexOf(i) >>> 0, 1) : t.set(e, []));
+  }, emit: function(e, i) {
+    var r = t.get(e);
+    r && r.slice().map(function(s) {
+      s(i);
+    }), (r = t.get("*")) && r.slice().map(function(s) {
+      s(e, i);
+    });
+  } };
+}
+class Fe {
+  constructor(e, i) {
+    l(this, "options");
+    l(this, "store");
+    l(this, "emitter");
+    l(this, "isBatching", !1);
+    l(this, "batchQueue", []);
+    l(this, "remoteFetcher");
+    l(this, "staticFetcher");
+    l(this, "defaultFetcher", (e) => fetch(e).then((i) => i.json()));
+    l(this, "middleware", (e) => (i) => (r) => {
+      if (r.type === _) {
+        for (const a of r.payload.actions)
+          this.emitter.emit(a.type, { realAction: a, state: e.getState() });
+        const o = i(r);
+        for (const a of r.payload.actions)
+          this.emitter.emit(`after:${r.type}`, { action: r, state: o });
+        return o;
+      }
+      this.emitter.emit(r.type, { action: r, state: e.getState() });
+      const s = i(r);
+      return this.emitter.emit(`after:${r.type}`, { action: r, state: s }), s;
+    });
+    this.options = Object.assign({
+      reducers: {},
+      middleware: [],
+      defaultState: {},
+      customFetcher: this.defaultFetcher,
+      enableDevtools: !0
+    }, e || {}), this.store = i || Oe({
+      customReducers: this.options.reducers,
+      extraMiddleware: [...this.options.middleware, this.middleware],
+      defaultState: this.options.defaultState,
+      enableDevtools: this.options.enableDevtools
+    }), this.emitter = Ie(), this.remoteFetcher = D(this.store, this.options.customFetcher), this.staticFetcher = D(this.store, (r, s) => s);
+  }
+  batch(e) {
+    this.isBatching = !0;
+    try {
+      e(this), this.store.dispatch(g({ actions: this.batchQueue }));
+    } catch (i) {
+      throw this.batchQueue = [], this.isBatching = !1, i;
+    }
+    this.batchQueue = [], this.isBatching = !1;
+  }
+  async asyncBatch(e) {
+    this.isBatching = !0;
+    try {
+      await e(this), this.store.dispatch(g({ actions: this.batchQueue }));
+    } catch (i) {
+      throw this.batchQueue = [], this.isBatching = !1, i;
+    }
+    this.batchQueue = [], this.isBatching = !1;
+  }
+  modifyEntityField(e, i, r) {
+    this.dispatch(oe.modifyEntityField({
+      id: e.id,
+      type: e.type,
+      key: i,
+      value: r
+    }));
+  }
+  dispatch(e) {
+    this.isBatching ? this.batchQueue.push(e) : this.store.dispatch(e);
+  }
+  serialize(e, i) {
+    return J(this.getState().iiif, e, i);
+  }
+  toPresentation2(e) {
+    return this.serialize(e, W);
+  }
+  toPresentation3(e) {
+    return this.serialize(e, Z);
+  }
+  hydrate(e, i) {
+    return this.get(e, i, { skipSelfReturn: !1 });
+  }
+  get(e, i, r = {}) {
+    typeof i != "string" && (r = i || {}, i = void 0);
+    const { skipSelfReturn: s = !0 } = r || {};
+    if (Array.isArray(e))
+      return e.map((u) => this.get(u, r));
+    const o = this.getState();
+    if (typeof e == "string") {
+      const u = i || o.iiif.mapping[e];
+      if (!u)
+        return s ? null : { id: e, type: "unknown" };
+      e = { id: e, type: u };
+    }
+    const a = i || e.type, n = e.id, c = o.iiif.entities[a];
+    if (!c) {
+      const u = o.iiif.requests[n];
+      return u && u.resourceUri !== n ? this.get(u.resourceUri, r) : s ? null : e;
+    }
+    return c[e.id] || (s ? null : e);
+  }
+  select(e) {
+    return e(this.getState());
+  }
+  getStore() {
+    return this.store;
+  }
+  getState() {
+    return this.store.getState();
+  }
+  loadManifest(e, i) {
+    const r = typeof e == "string" ? e : e.id;
+    return this.load(r, i);
+  }
+  loadCollection(e, i) {
+    const r = typeof e == "string" ? e : e.id;
+    return this.load(r, i);
+  }
+  load(e, i) {
+    const r = typeof e == "string" ? e : e.id;
+    return i ? this.staticFetcher(r, i) : this.remoteFetcher(r);
+  }
+  areInputsEqual(e, i) {
+    return I(e, i);
+  }
+  subscribe(e, i, r) {
+    typeof r > "u" && (typeof i > "u" || i === !1 || i === !0) && (r = i, i = e, e = (o) => o);
+    let s = r ? null : e(this.store.getState());
+    return r || i(s, this), this.store.subscribe(() => {
+      const o = this.store.getState(), a = e(o);
+      s !== a && !I(s, a) && i(a, this), s = a;
+    });
+  }
+  async ensureLoaded(e) {
+    const i = typeof e == "string" ? e : e.id;
+    this.requestStatus(i) || await this.load(i);
+  }
+  requestStatus(e) {
+    return this.select((i) => i.iiif.requests[e]);
+  }
+  getResourceMeta(e, i) {
+    const r = this.getState().iiif.meta[e];
+    if (r)
+      return i ? r[i] : r;
+  }
+  setMetaValue([e, i, r], s) {
+    this.dispatch(typeof s == "function" ? M.setMetaValueDynamic({
+      id: e,
+      meta: i,
+      key: r,
+      updateValue: s
+    }) : M.setMetaValue({
+      id: e,
+      meta: i,
+      key: r,
+      value: s
+    }));
+  }
 }
 export {
-  m as clamp
+  Fe as Vault
 };
 //# sourceMappingURL=index.es130.js.map