@sqlrooms/kepler 0.27.0-rc.1 → 0.27.0-rc.3

package/dist/components/CustomMapManager.js

@@ -4,13 +4,13 @@ import { useIntl } from 'react-intl';
 import styled from 'styled-components';
 import { LayerGroupSelectorFactory, PanelTitleFactory, SidePanelSection, Button, Icons, } from '@kepler.gl/components';
 import { SIDEBAR_PANELS, ADD_MAP_STYLE_ID } from '@kepler.gl/constants';
-import { KeplerInjector } from './KeplerInjector';
+import { getKeplerFactory } from './KeplerInjector';
 import { useKeplerStateActions, } from '../hooks/useKeplerStateActions';
 import { DropdownMenu, DropdownMenuContent, DropdownMenuCheckboxItem, DropdownMenuTrigger, } from '@sqlrooms/ui';
 import { ChevronDown } from 'lucide-react';
 // Get the kepler.gl components through the injector
-const LayerGroupSelector = KeplerInjector.get(LayerGroupSelectorFactory);
-const PanelTitle = KeplerInjector.get(PanelTitleFactory);
+const LayerGroupSelector = getKeplerFactory(LayerGroupSelectorFactory);
+const PanelTitle = getKeplerFactory(PanelTitleFactory);
 // Import icons from kepler.gl
 const { Add, Trash } = Icons;
 const mapPanelMetadata = SIDEBAR_PANELS.find((p) => p.id === 'map');

package/dist/components/CustomMapManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomMapManager.js","sourceRoot":"","sources":["../../src/components/CustomMapManager.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport {useIntl} from 'react-intl';\nimport styled from 'styled-components';\n\nimport {\n  LayerGroupSelectorFactory,\n  PanelTitleFactory,\n  SidePanelSection,\n  Button,\n  Icons,\n} from '@kepler.gl/components';\nimport {SIDEBAR_PANELS, ADD_MAP_STYLE_ID} from '@kepler.gl/constants';\nimport {MapStyle} from '@kepler.gl/reducers';\n\nimport {KeplerInjector} from './KeplerInjector';\nimport {\n  KeplerActions,\n  useKeplerStateActions,\n} from '../hooks/useKeplerStateActions';\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuCheckboxItem,\n  DropdownMenuTrigger,\n} from '@sqlrooms/ui';\nimport {ChevronDown} from 'lucide-react';\n\n// Get the kepler.gl components through the injector\nconst LayerGroupSelector = KeplerInjector.get(LayerGroupSelectorFactory);\nconst PanelTitle = KeplerInjector.get(PanelTitleFactory);\n\n// Import icons from kepler.gl\nconst {Add, Trash} = Icons;\n\nconst mapPanelMetadata = SIDEBAR_PANELS.find((p) => p.id === 'map');\n\n// Custom styled components for the map manager\nconst CustomMapManagerContainer = styled.div<{isOpen?: boolean}>`\n  .map-style-panel {\n    /* Add your custom styles here */\n  }\n\n  .map-manager-title {\n    /* Custom title styling */\n  }\n\n  .add-map-style-button {\n    background-color: ${(props) =>\n      props.theme.sidePanelBg || props.theme.panelBackground || '#fff'};\n    color: ${(props) =>\n      props.theme.activeColor || props.theme.textColorHl || '#2563EB'};\n    border: 0px;\n    height: 28px;\n    font-weight: 500;\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .layer-group__header {\n    display: none;\n  }\n`;\n\ntype CustomMapManagerProps = {\n  mapId: string;\n};\n\n// Custom hook for map style actions\nfunction useCustomMapActions(keplerActions: KeplerActions) {\n  const {toggleModal} = keplerActions.uiStateActions;\n  const {mapStyleChange, removeCustomMapStyle} = keplerActions.mapStyleActions;\n\n  const onShowAddMapStyleModal = useCallback(\n    () => toggleModal(ADD_MAP_STYLE_ID),\n    [toggleModal],\n  );\n\n  const onMapStyleChange = useCallback(\n    (styleType: string) => mapStyleChange(styleType),\n    [mapStyleChange],\n  );\n\n  const onRemoveCustomMapStyle = useCallback(\n    (styleId: string) => removeCustomMapStyle({id: styleId}),\n    [removeCustomMapStyle],\n  );\n\n  return {\n    onShowAddMapStyleModal,\n    onMapStyleChange,\n    onRemoveCustomMapStyle,\n  };\n}\n\n// Custom Map Style Dropdown Component\nconst MapStyleDropdown: React.FC<{\n  mapStyle: MapStyle;\n  onChange: (styleType: string) => void;\n  customMapStylesActions?: any;\n}> = ({mapStyle, onChange, customMapStylesActions}) => {\n  const {mapStyles, styleType} = mapStyle;\n  const currentStyle = mapStyles[styleType];\n\n  const handleStyleSelect = (styleId: string) => onChange(styleId);\n  return (\n    <div className=\"w-full\">\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild className=\"w-full\">\n          <div className=\"border-primary-foreground bg-muted flex min-h-[40px] w-full cursor-pointer items-center justify-between rounded border px-3 py-2 transition-colors hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:bg-gray-700\">\n            <div className=\"flex items-center gap-2\">\n              <img\n                className=\"h-6 w-6 rounded-sm object-cover\"\n                src={currentStyle?.icon || ''}\n                alt={currentStyle?.label || 'Map Style'}\n              />\n              <span className=\"text-sm font-medium dark:text-white\">\n                {currentStyle?.label || 'Select Style'}\n              </span>\n            </div>\n            <ChevronDown className=\"h-4 w-4 text-gray-500 dark:text-gray-400\" />\n          </div>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent className=\"max-h-64 w-[var(--radix-dropdown-menu-trigger-width)] overflow-y-auto bg-white dark:bg-gray-700\">\n          {Object.values(mapStyles).map((style: any) => (\n            <DropdownMenuCheckboxItem\n              key={style.id}\n              onClick={() => handleStyleSelect(style.id)}\n              className=\"flex cursor-pointer items-center gap-2 bg-white p-2 text-gray-900 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600\"\n            >\n              <img\n                src={style.icon || ''}\n                alt={style.label || 'Untitled'}\n                className=\"h-6 w-6 flex-shrink-0 rounded-sm object-cover\"\n              />\n              <span className=\"flex-1 truncate text-sm\">\n                {style.label || 'Untitled'}\n              </span>\n              {style.custom && customMapStylesActions?.[style.id] && (\n                <div\n                  className=\"flex items-center\"\n                  onClick={(e) => e.stopPropagation()}\n                >\n                  {customMapStylesActions[style.id].map((action: any) => (\n                    <button\n                      key={action.id}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        action.onClick();\n                      }}\n                      className=\"rounded bg-white p-1 transition-colors hover:bg-gray-100 dark:hover:bg-gray-700\"\n                      title={action.tooltip}\n                    >\n                      <action.IconComponent height=\"16px\" />\n                    </button>\n                  ))}\n                </div>\n              )}\n            </DropdownMenuCheckboxItem>\n          ))}\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n};\n\n// Main Custom Map Manager Component\nexport const CustomMapManager: React.FC<CustomMapManagerProps> = ({mapId}) => {\n  const {keplerActions, keplerState} = useKeplerStateActions({mapId});\n  const intl = useIntl();\n\n  const {onShowAddMapStyleModal, onMapStyleChange, onRemoveCustomMapStyle} =\n    useCustomMapActions(keplerActions);\n\n  // Custom map styles actions (for delete functionality)\n  const customMapStylesActions = useMemo(() => {\n    const actionsPerCustomStyle: any = {};\n    Object.values(keplerState?.mapStyle.mapStyles || {})\n      .filter((style: any) => Boolean(style.custom))\n      .forEach((style: any) => {\n        actionsPerCustomStyle[style.id] = [\n          {\n            id: `remove-map-style-${style.id}`,\n            IconComponent: Trash,\n            tooltip: 'tooltip.removeBaseMapStyle',\n            onClick: () => onRemoveCustomMapStyle(style.id),\n          },\n        ];\n      });\n    return actionsPerCustomStyle;\n  }, [keplerState?.mapStyle.mapStyles, onRemoveCustomMapStyle]);\n  if (!keplerState || !keplerActions) {\n    return null;\n  }\n\n  const {mapStyle} = keplerState;\n  const currentStyle = mapStyle.mapStyles[mapStyle.styleType] || {};\n  const editableLayers = (currentStyle as any).layerGroups || [];\n\n  return (\n    <CustomMapManagerContainer>\n      <div className=\"map-style-panel\">\n        <SidePanelSection>\n          <PanelTitle\n            className=\"map-manager-title\"\n            title={intl.formatMessage({\n              id: mapPanelMetadata?.label || 'Base map',\n            })}\n          >\n            <Button\n              className=\"add-map-style-button\"\n              onClick={onShowAddMapStyleModal}\n            >\n              <Add height=\"12px\" />\n              <span>{intl.formatMessage({id: 'mapManager.addMapStyle'})}</span>\n            </Button>\n          </PanelTitle>\n        </SidePanelSection>\n\n        <SidePanelSection>\n          <div className=\"mb-1\">\n            <MapStyleDropdown\n              mapStyle={mapStyle}\n              onChange={onMapStyleChange}\n              customMapStylesActions={customMapStylesActions}\n            />\n          </div>\n\n          {editableLayers.length ? (\n            <LayerGroupSelector\n              layers={mapStyle.visibleLayerGroups}\n              editableLayers={editableLayers}\n              topLayers={mapStyle.topLayerGroups}\n              onChange={keplerActions.mapStyleActions.mapConfigChange}\n              threeDBuildingColor={mapStyle.threeDBuildingColor}\n              on3dBuildingColorChange={\n                keplerActions.mapStyleActions.set3dBuildingColor\n              }\n              backgroundColor={mapStyle.backgroundColor}\n              onBackgroundColorChange={\n                keplerActions.mapStyleActions.setBackgroundColor\n              }\n            />\n          ) : null}\n        </SidePanelSection>\n      </div>\n    </CustomMapManagerContainer>\n  );\n};\n"]}
+{"version":3,"file":"CustomMapManager.js","sourceRoot":"","sources":["../../src/components/CustomMapManager.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAC,WAAW,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAClD,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AACnC,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EACL,yBAAyB,EACzB,iBAAiB,EACjB,gBAAgB,EAChB,MAAM,EACN,KAAK,GACN,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAC,cAAc,EAAE,gBAAgB,EAAC,MAAM,sBAAsB,CAAC;AAGtE,OAAO,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAEL,qBAAqB,GACtB,MAAM,gCAAgC,CAAC;AAExC,OAAO,EACL,YAAY,EACZ,mBAAmB,EACnB,wBAAwB,EACxB,mBAAmB,GACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAC,WAAW,EAAC,MAAM,cAAc,CAAC;AAEzC,oDAAoD;AACpD,MAAM,kBAAkB,GAAG,gBAAgB,CAAC,yBAAyB,CAAC,CAAC;AACvE,MAAM,UAAU,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;AAEvD,8BAA8B;AAC9B,MAAM,EAAC,GAAG,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC;AAE3B,MAAM,gBAAgB,GAAG,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC;AAEpE,+CAA+C;AAC/C,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAoB;;;;;;;;;;wBAUxC,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,KAAK,CAAC,eAAe,IAAI,MAAM;aACzD,CAAC,KAAK,EAAE,EAAE,CACjB,KAAK,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,KAAK,CAAC,WAAW,IAAI,SAAS;;;;;;;;;;;;;CAapE,CAAC;AAMF,oCAAoC;AACpC,SAAS,mBAAmB,CAAC,aAA4B;IACvD,MAAM,EAAC,WAAW,EAAC,GAAG,aAAa,CAAC,cAAc,CAAC;IACnD,MAAM,EAAC,cAAc,EAAE,oBAAoB,EAAC,GAAG,aAAa,CAAC,eAAe,CAAC;IAE7E,MAAM,sBAAsB,GAAG,WAAW,CACxC,GAAG,EAAE,CAAC,WAAW,CAAC,gBAAgB,CAAC,EACnC,CAAC,WAAW,CAAC,CACd,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,SAAiB,EAAE,EAAE,CAAC,cAAc,CAAC,SAAS,CAAC,EAChD,CAAC,cAAc,CAAC,CACjB,CAAC;IAEF,MAAM,sBAAsB,GAAG,WAAW,CACxC,CAAC,OAAe,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAAC,EAAE,EAAE,OAAO,EAAC,CAAC,EACxD,CAAC,oBAAoB,CAAC,CACvB,CAAC;IAEF,OAAO;QACL,sBAAsB;QACtB,gBAAgB;QAChB,sBAAsB;KACvB,CAAC;AACJ,CAAC;AAED,sCAAsC;AACtC,MAAM,gBAAgB,GAIjB,CAAC,EAAC,QAAQ,EAAE,QAAQ,EAAE,sBAAsB,EAAC,EAAE,EAAE;IACpD,MAAM,EAAC,SAAS,EAAE,SAAS,EAAC,GAAG,QAAQ,CAAC;IACxC,MAAM,YAAY,GAAG,SAAS,CAAC,SAAS,CAAC,CAAC;IAE1C,MAAM,iBAAiB,GAAG,CAAC,OAAe,EAAE,EAAE,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;IACjE,OAAO,CACL,cAAK,SAAS,EAAC,QAAQ,YACrB,MAAC,YAAY,eACX,KAAC,mBAAmB,IAAC,OAAO,QAAC,SAAS,EAAC,QAAQ,YAC7C,eAAK,SAAS,EAAC,kPAAkP,aAC/P,eAAK,SAAS,EAAC,yBAAyB,aACtC,cACE,SAAS,EAAC,iCAAiC,EAC3C,GAAG,EAAE,YAAY,EAAE,IAAI,IAAI,EAAE,EAC7B,GAAG,EAAE,YAAY,EAAE,KAAK,IAAI,WAAW,GACvC,EACF,eAAM,SAAS,EAAC,qCAAqC,YAClD,YAAY,EAAE,KAAK,IAAI,cAAc,GACjC,IACH,EACN,KAAC,WAAW,IAAC,SAAS,EAAC,0CAA0C,GAAG,IAChE,GACc,EACtB,KAAC,mBAAmB,IAAC,SAAS,EAAC,iGAAiG,YAC7H,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,CAC5C,MAAC,wBAAwB,IAEvB,OAAO,EAAE,GAAG,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,EAC1C,SAAS,EAAC,2HAA2H,aAErI,cACE,GAAG,EAAE,KAAK,CAAC,IAAI,IAAI,EAAE,EACrB,GAAG,EAAE,KAAK,CAAC,KAAK,IAAI,UAAU,EAC9B,SAAS,EAAC,+CAA+C,GACzD,EACF,eAAM,SAAS,EAAC,yBAAyB,YACtC,KAAK,CAAC,KAAK,IAAI,UAAU,GACrB,EACN,KAAK,CAAC,MAAM,IAAI,sBAAsB,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,IAAI,CACrD,cACE,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,eAAe,EAAE,YAElC,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,MAAW,EAAE,EAAE,CAAC,CACrD,iBAEE,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;wCACb,CAAC,CAAC,eAAe,EAAE,CAAC;wCACpB,MAAM,CAAC,OAAO,EAAE,CAAC;oCACnB,CAAC,EACD,SAAS,EAAC,iFAAiF,EAC3F,KAAK,EAAE,MAAM,CAAC,OAAO,YAErB,KAAC,MAAM,CAAC,aAAa,IAAC,MAAM,EAAC,MAAM,GAAG,IARjC,MAAM,CAAC,EAAE,CASP,CACV,CAAC,GACE,CACP,KA/BI,KAAK,CAAC,EAAE,CAgCY,CAC5B,CAAC,GACkB,IACT,GACX,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,oCAAoC;AACpC,MAAM,CAAC,MAAM,gBAAgB,GAAoC,CAAC,EAAC,KAAK,EAAC,EAAE,EAAE;IAC3E,MAAM,EAAC,aAAa,EAAE,WAAW,EAAC,GAAG,qBAAqB,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC;IACpE,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,EAAC,sBAAsB,EAAE,gBAAgB,EAAE,sBAAsB,EAAC,GACtE,mBAAmB,CAAC,aAAa,CAAC,CAAC;IAErC,uDAAuD;IACvD,MAAM,sBAAsB,GAAG,OAAO,CAAC,GAAG,EAAE;QAC1C,MAAM,qBAAqB,GAAQ,EAAE,CAAC;QACtC,MAAM,CAAC,MAAM,CAAC,WAAW,EAAE,QAAQ,CAAC,SAAS,IAAI,EAAE,CAAC;aACjD,MAAM,CAAC,CAAC,KAAU,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;aAC7C,OAAO,CAAC,CAAC,KAAU,EAAE,EAAE;YACtB,qBAAqB,CAAC,KAAK,CAAC,EAAE,CAAC,GAAG;gBAChC;oBACE,EAAE,EAAE,oBAAoB,KAAK,CAAC,EAAE,EAAE;oBAClC,aAAa,EAAE,KAAK;oBACpB,OAAO,EAAE,4BAA4B;oBACrC,OAAO,EAAE,GAAG,EAAE,CAAC,sBAAsB,CAAC,KAAK,CAAC,EAAE,CAAC;iBAChD;aACF,CAAC;QACJ,CAAC,CAAC,CAAC;QACL,OAAO,qBAAqB,CAAC;IAC/B,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC,SAAS,EAAE,sBAAsB,CAAC,CAAC,CAAC;IAC9D,IAAI,CAAC,WAAW,IAAI,CAAC,aAAa,EAAE,CAAC;QACnC,OAAO,IAAI,CAAC;IACd,CAAC;IAED,MAAM,EAAC,QAAQ,EAAC,GAAG,WAAW,CAAC;IAC/B,MAAM,YAAY,GAAG,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IAClE,MAAM,cAAc,GAAI,YAAoB,CAAC,WAAW,IAAI,EAAE,CAAC;IAE/D,OAAO,CACL,KAAC,yBAAyB,cACxB,eAAK,SAAS,EAAC,iBAAiB,aAC9B,KAAC,gBAAgB,cACf,KAAC,UAAU,IACT,SAAS,EAAC,mBAAmB,EAC7B,KAAK,EAAE,IAAI,CAAC,aAAa,CAAC;4BACxB,EAAE,EAAE,gBAAgB,EAAE,KAAK,IAAI,UAAU;yBAC1C,CAAC,YAEF,MAAC,MAAM,IACL,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,sBAAsB,aAE/B,KAAC,GAAG,IAAC,MAAM,EAAC,MAAM,GAAG,EACrB,yBAAO,IAAI,CAAC,aAAa,CAAC,EAAC,EAAE,EAAE,wBAAwB,EAAC,CAAC,GAAQ,IAC1D,GACE,GACI,EAEnB,MAAC,gBAAgB,eACf,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,gBAAgB,IACf,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,gBAAgB,EAC1B,sBAAsB,EAAE,sBAAsB,GAC9C,GACE,EAEL,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,CACvB,KAAC,kBAAkB,IACjB,MAAM,EAAE,QAAQ,CAAC,kBAAkB,EACnC,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,QAAQ,CAAC,cAAc,EAClC,QAAQ,EAAE,aAAa,CAAC,eAAe,CAAC,eAAe,EACvD,mBAAmB,EAAE,QAAQ,CAAC,mBAAmB,EACjD,uBAAuB,EACrB,aAAa,CAAC,eAAe,CAAC,kBAAkB,EAElD,eAAe,EAAE,QAAQ,CAAC,eAAe,EACzC,uBAAuB,EACrB,aAAa,CAAC,eAAe,CAAC,kBAAkB,GAElD,CACH,CAAC,CAAC,CAAC,IAAI,IACS,IACf,GACoB,CAC7B,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React, {useCallback, useMemo} from 'react';\nimport {useIntl} from 'react-intl';\nimport styled from 'styled-components';\n\nimport {\n  LayerGroupSelectorFactory,\n  PanelTitleFactory,\n  SidePanelSection,\n  Button,\n  Icons,\n} from '@kepler.gl/components';\nimport {SIDEBAR_PANELS, ADD_MAP_STYLE_ID} from '@kepler.gl/constants';\nimport {MapStyle} from '@kepler.gl/reducers';\n\nimport {getKeplerFactory} from './KeplerInjector';\nimport {\n  KeplerActions,\n  useKeplerStateActions,\n} from '../hooks/useKeplerStateActions';\n\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuCheckboxItem,\n  DropdownMenuTrigger,\n} from '@sqlrooms/ui';\nimport {ChevronDown} from 'lucide-react';\n\n// Get the kepler.gl components through the injector\nconst LayerGroupSelector = getKeplerFactory(LayerGroupSelectorFactory);\nconst PanelTitle = getKeplerFactory(PanelTitleFactory);\n\n// Import icons from kepler.gl\nconst {Add, Trash} = Icons;\n\nconst mapPanelMetadata = SIDEBAR_PANELS.find((p) => p.id === 'map');\n\n// Custom styled components for the map manager\nconst CustomMapManagerContainer = styled.div<{isOpen?: boolean}>`\n  .map-style-panel {\n    /* Add your custom styles here */\n  }\n\n  .map-manager-title {\n    /* Custom title styling */\n  }\n\n  .add-map-style-button {\n    background-color: ${(props) =>\n      props.theme.sidePanelBg || props.theme.panelBackground || '#fff'};\n    color: ${(props) =>\n      props.theme.activeColor || props.theme.textColorHl || '#2563EB'};\n    border: 0px;\n    height: 28px;\n    font-weight: 500;\n    font-size: 14px;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n  }\n\n  .layer-group__header {\n    display: none;\n  }\n`;\n\ntype CustomMapManagerProps = {\n  mapId: string;\n};\n\n// Custom hook for map style actions\nfunction useCustomMapActions(keplerActions: KeplerActions) {\n  const {toggleModal} = keplerActions.uiStateActions;\n  const {mapStyleChange, removeCustomMapStyle} = keplerActions.mapStyleActions;\n\n  const onShowAddMapStyleModal = useCallback(\n    () => toggleModal(ADD_MAP_STYLE_ID),\n    [toggleModal],\n  );\n\n  const onMapStyleChange = useCallback(\n    (styleType: string) => mapStyleChange(styleType),\n    [mapStyleChange],\n  );\n\n  const onRemoveCustomMapStyle = useCallback(\n    (styleId: string) => removeCustomMapStyle({id: styleId}),\n    [removeCustomMapStyle],\n  );\n\n  return {\n    onShowAddMapStyleModal,\n    onMapStyleChange,\n    onRemoveCustomMapStyle,\n  };\n}\n\n// Custom Map Style Dropdown Component\nconst MapStyleDropdown: React.FC<{\n  mapStyle: MapStyle;\n  onChange: (styleType: string) => void;\n  customMapStylesActions?: any;\n}> = ({mapStyle, onChange, customMapStylesActions}) => {\n  const {mapStyles, styleType} = mapStyle;\n  const currentStyle = mapStyles[styleType];\n\n  const handleStyleSelect = (styleId: string) => onChange(styleId);\n  return (\n    <div className=\"w-full\">\n      <DropdownMenu>\n        <DropdownMenuTrigger asChild className=\"w-full\">\n          <div className=\"border-primary-foreground bg-muted flex min-h-[40px] w-full cursor-pointer items-center justify-between rounded border px-3 py-2 transition-colors hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-white dark:hover:bg-gray-700\">\n            <div className=\"flex items-center gap-2\">\n              <img\n                className=\"h-6 w-6 rounded-sm object-cover\"\n                src={currentStyle?.icon || ''}\n                alt={currentStyle?.label || 'Map Style'}\n              />\n              <span className=\"text-sm font-medium dark:text-white\">\n                {currentStyle?.label || 'Select Style'}\n              </span>\n            </div>\n            <ChevronDown className=\"h-4 w-4 text-gray-500 dark:text-gray-400\" />\n          </div>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent className=\"max-h-64 w-[var(--radix-dropdown-menu-trigger-width)] overflow-y-auto bg-white dark:bg-gray-700\">\n          {Object.values(mapStyles).map((style: any) => (\n            <DropdownMenuCheckboxItem\n              key={style.id}\n              onClick={() => handleStyleSelect(style.id)}\n              className=\"flex cursor-pointer items-center gap-2 bg-white p-2 text-gray-900 dark:bg-gray-700 dark:text-white dark:hover:bg-gray-600\"\n            >\n              <img\n                src={style.icon || ''}\n                alt={style.label || 'Untitled'}\n                className=\"h-6 w-6 flex-shrink-0 rounded-sm object-cover\"\n              />\n              <span className=\"flex-1 truncate text-sm\">\n                {style.label || 'Untitled'}\n              </span>\n              {style.custom && customMapStylesActions?.[style.id] && (\n                <div\n                  className=\"flex items-center\"\n                  onClick={(e) => e.stopPropagation()}\n                >\n                  {customMapStylesActions[style.id].map((action: any) => (\n                    <button\n                      key={action.id}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        action.onClick();\n                      }}\n                      className=\"rounded bg-white p-1 transition-colors hover:bg-gray-100 dark:hover:bg-gray-700\"\n                      title={action.tooltip}\n                    >\n                      <action.IconComponent height=\"16px\" />\n                    </button>\n                  ))}\n                </div>\n              )}\n            </DropdownMenuCheckboxItem>\n          ))}\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </div>\n  );\n};\n\n// Main Custom Map Manager Component\nexport const CustomMapManager: React.FC<CustomMapManagerProps> = ({mapId}) => {\n  const {keplerActions, keplerState} = useKeplerStateActions({mapId});\n  const intl = useIntl();\n\n  const {onShowAddMapStyleModal, onMapStyleChange, onRemoveCustomMapStyle} =\n    useCustomMapActions(keplerActions);\n\n  // Custom map styles actions (for delete functionality)\n  const customMapStylesActions = useMemo(() => {\n    const actionsPerCustomStyle: any = {};\n    Object.values(keplerState?.mapStyle.mapStyles || {})\n      .filter((style: any) => Boolean(style.custom))\n      .forEach((style: any) => {\n        actionsPerCustomStyle[style.id] = [\n          {\n            id: `remove-map-style-${style.id}`,\n            IconComponent: Trash,\n            tooltip: 'tooltip.removeBaseMapStyle',\n            onClick: () => onRemoveCustomMapStyle(style.id),\n          },\n        ];\n      });\n    return actionsPerCustomStyle;\n  }, [keplerState?.mapStyle.mapStyles, onRemoveCustomMapStyle]);\n  if (!keplerState || !keplerActions) {\n    return null;\n  }\n\n  const {mapStyle} = keplerState;\n  const currentStyle = mapStyle.mapStyles[mapStyle.styleType] || {};\n  const editableLayers = (currentStyle as any).layerGroups || [];\n\n  return (\n    <CustomMapManagerContainer>\n      <div className=\"map-style-panel\">\n        <SidePanelSection>\n          <PanelTitle\n            className=\"map-manager-title\"\n            title={intl.formatMessage({\n              id: mapPanelMetadata?.label || 'Base map',\n            })}\n          >\n            <Button\n              className=\"add-map-style-button\"\n              onClick={onShowAddMapStyleModal}\n            >\n              <Add height=\"12px\" />\n              <span>{intl.formatMessage({id: 'mapManager.addMapStyle'})}</span>\n            </Button>\n          </PanelTitle>\n        </SidePanelSection>\n\n        <SidePanelSection>\n          <div className=\"mb-1\">\n            <MapStyleDropdown\n              mapStyle={mapStyle}\n              onChange={onMapStyleChange}\n              customMapStylesActions={customMapStylesActions}\n            />\n          </div>\n\n          {editableLayers.length ? (\n            <LayerGroupSelector\n              layers={mapStyle.visibleLayerGroups}\n              editableLayers={editableLayers}\n              topLayers={mapStyle.topLayerGroups}\n              onChange={keplerActions.mapStyleActions.mapConfigChange}\n              threeDBuildingColor={mapStyle.threeDBuildingColor}\n              on3dBuildingColorChange={\n                keplerActions.mapStyleActions.set3dBuildingColor\n              }\n              backgroundColor={mapStyle.backgroundColor}\n              onBackgroundColorChange={\n                keplerActions.mapStyleActions.setBackgroundColor\n              }\n            />\n          ) : null}\n        </SidePanelSection>\n      </div>\n    </CustomMapManagerContainer>\n  );\n};\n"]}

package/dist/components/CustomTooltipConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomTooltipConfig.d.ts","sourceRoot":"","sources":["../../src/components/CustomTooltipConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAoF1C,KAAK,wBAAwB,GAAG;IAC9B,MAAM,EAAE;QACN,YAAY,EAAE;YACZ,CAAC,GAAG,EAAE,MAAM,GAAG;gBAAC,IAAI,EAAE,MAAM,CAAC;gBAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;aAAC,EAAE,CAAC;SACxD,CAAC;QACF,WAAW,EAAE,OAAO,CAAC;QACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;KAC5B,CAAC;IACF,QAAQ,EAAE,CAAC,MAAM,EAAE;QACjB,YAAY,EAAE;YACZ,CAAC,GAAG,EAAE,MAAM,GAAG;gBAAC,IAAI,EAAE,MAAM,CAAC;gBAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;aAAC,EAAE,CAAC;SACxD,CAAC;QACF,WAAW,EAAE,OAAO,CAAC;QACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;KAC5B,KAAK,IAAI,CAAC;IACX,QAAQ,EAAE,QAAQ,CAAC;IACnB,qBAAqB,EAAE,CACrB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,MAAM,KAClB,IAAI,CAAC;IACV,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAoBlE,CAAC"}
+{"version":3,"file":"CustomTooltipConfig.d.ts","sourceRoot":"","sources":["../../src/components/CustomTooltipConfig.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,QAAQ,EAAC,MAAM,kBAAkB,CAAC;AAiF1C,KAAK,wBAAwB,GAAG;IAC9B,MAAM,EAAE;QACN,YAAY,EAAE;YACZ,CAAC,GAAG,EAAE,MAAM,GAAG;gBAAC,IAAI,EAAE,MAAM,CAAC;gBAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;aAAC,EAAE,CAAC;SACxD,CAAC;QACF,WAAW,EAAE,OAAO,CAAC;QACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;KAC5B,CAAC;IACF,QAAQ,EAAE,CAAC,MAAM,EAAE;QACjB,YAAY,EAAE;YACZ,CAAC,GAAG,EAAE,MAAM,GAAG;gBAAC,IAAI,EAAE,MAAM,CAAC;gBAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAA;aAAC,EAAE,CAAC;SACxD,CAAC;QACF,WAAW,EAAE,OAAO,CAAC;QACrB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;KAC5B,KAAK,IAAI,CAAC;IACX,QAAQ,EAAE,QAAQ,CAAC;IACnB,qBAAqB,EAAE,CACrB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,MAAM,KAClB,IAAI,CAAC;IACV,MAAM,EAAE,OAAO,CAAC;CACjB,CAAC;AAIF,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAoBlE,CAAC"}

package/dist/components/CustomTooltipConfig.js

@@ -2,9 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import styled from 'styled-components';
 import { useIntl } from 'react-intl';
 import { TooltipConfigFactory } from '@kepler.gl/components';
-import { KeplerInjector } from './KeplerInjector';
-// Get the original TooltipConfig from kepler.gl
-const TooltipConfig = KeplerInjector.get(TooltipConfigFactory);
+import { getKeplerFactory } from './KeplerInjector';
 const TooltipConfigWrapper = styled.div `
   width: 100%;
   max-width: 100%;
@@ -78,8 +76,9 @@ const TooltipConfigWrapper = styled.div `
     box-sizing: border-box !important;
   }
 `;
+const TooltipConfig = getKeplerFactory(TooltipConfigFactory);
 export const CustomTooltipConfig = ({ config, datasets, onChange, onDisplayFormatChange, isDark, }) => {
     const intl = useIntl();
-    return (_jsx(TooltipConfigWrapper, { isDark: isDark, children: _jsx(TooltipConfig, { config: config, datasets: datasets, onChange: onChange, onDisplayFormatChange: onDisplayFormatChange, intl: intl }) }));
+    return (_jsx(TooltipConfigWrapper, { isDark: isDark, children: _jsx(TooltipConfig, { config: config, datasets: datasets, onChange: onChange, onDisplayFormatChange: onDisplayFormatChange, ...(intl ? { intl } : {}) }) }));
 };
 //# sourceMappingURL=CustomTooltipConfig.js.map

package/dist/components/CustomTooltipConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomTooltipConfig.js","sourceRoot":"","sources":["../../src/components/CustomTooltipConfig.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,oBAAoB,EAAC,MAAM,uBAAuB,CAAC;AAG3D,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAEhD,gDAAgD;AAChD,MAAM,aAAa,GAAG,cAAc,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;AAE/D,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAmB;;;;;;;;;;;wBAWlC,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,KAAK,CAAC,eAAe;;;;wBAIpC,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA2BlB,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BzC,CAAC;AA0BF,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,qBAAqB,EACrB,MAAM,GACP,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,KAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,YAClC,KAAC,aAAa,IACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,IAAI,EAAE,IAAI,GACV,GACmB,CACxB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {useIntl} from 'react-intl';\nimport {TooltipConfigFactory} from '@kepler.gl/components';\nimport {Datasets} from '@kepler.gl/table';\n\nimport {KeplerInjector} from './KeplerInjector';\n\n// Get the original TooltipConfig from kepler.gl\nconst TooltipConfig = KeplerInjector.get(TooltipConfigFactory);\n\nconst TooltipConfigWrapper = styled.div<{isDark: boolean}>`\n  width: 100%;\n  max-width: 100%;\n  overflow-x: hidden;\n  overflow-y: visible;\n  box-sizing: border-box;\n  position: relative;\n  contain: layout;\n\n  .sortable-layer-items > div {\n    padding: 2px 4px;\n    background-color: ${(props) =>\n      props.theme.sidePanelBg || props.theme.panelBackground};\n    border-radius: 4px;\n  }\n  .chickleted-input {\n    background-color: ${(props) =>\n      props.isDark ? '#0f172a' : '#F6F8FB'} !important;\n    border-color: transparent;\n    border-radius: 6px;\n    font-weight: 400;\n    max-width: 100% !important;\n    box-sizing: border-box !important;\n  }\n  .side-panel-section {\n    position: relative !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    overflow-x: hidden !important;\n    box-sizing: border-box !important;\n  }\n  .side-panel-section > :first-child {\n    display: flex;\n    justify-content: space-between;\n    position: absolute !important;\n    left: 0 !important;\n    right: 0 !important;\n    width: auto !important;\n    padding: 0px 9px;\n    top: 8px;\n    box-sizing: border-box !important;\n  }\n  .field-selector {\n    padding-top: 32px;\n    background-color: ${(props) =>\n      props.isDark ? '#0f172a' : '#F6F8FB'} !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    overflow-x: hidden !important;\n    box-sizing: border-box !important;\n  }\n  .update-color {\n    display: none;\n  }\n  .dataset-name {\n    font-weight: 500;\n    font-size: 12px;\n  }\n  .clear-all {\n    width: 64px;\n    font-weight: 400;\n    color: #94a2b8 !important;\n    font-size: 12px;\n  }\n  .item-selector {\n    width: 100% !important;\n    max-width: 100% !important;\n    overflow-x: hidden !important;\n    box-sizing: border-box !important;\n  }\n  .item-selector > div {\n    max-width: 100% !important;\n    overflow-x: hidden !important;\n    box-sizing: border-box !important;\n  }\n`;\n\ntype CustomTooltipConfigProps = {\n  config: {\n    fieldsToShow: {\n      [key: string]: {name: string; format: string | null}[];\n    };\n    compareMode: boolean;\n    compareType: string | null;\n  };\n  onChange: (config: {\n    fieldsToShow: {\n      [key: string]: {name: string; format: string | null}[];\n    };\n    compareMode: boolean;\n    compareType: string | null;\n  }) => void;\n  datasets: Datasets;\n  onDisplayFormatChange: (\n    dataId: string,\n    column: string,\n    displayFormat: string,\n  ) => void;\n  isDark: boolean;\n};\n\nexport const CustomTooltipConfig: React.FC<CustomTooltipConfigProps> = ({\n  config,\n  datasets,\n  onChange,\n  onDisplayFormatChange,\n  isDark,\n}) => {\n  const intl = useIntl();\n\n  return (\n    <TooltipConfigWrapper isDark={isDark}>\n      <TooltipConfig\n        config={config}\n        datasets={datasets}\n        onChange={onChange}\n        onDisplayFormatChange={onDisplayFormatChange}\n        intl={intl}\n      />\n    </TooltipConfigWrapper>\n  );\n};\n"]}
+{"version":3,"file":"CustomTooltipConfig.js","sourceRoot":"","sources":["../../src/components/CustomTooltipConfig.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AACnC,OAAO,EAAC,oBAAoB,EAAC,MAAM,uBAAuB,CAAC;AAG3D,OAAO,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAElD,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAAmB;;;;;;;;;;;wBAWlC,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,KAAK,CAAC,WAAW,IAAI,KAAK,CAAC,KAAK,CAAC,eAAe;;;;wBAIpC,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA2BlB,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8BzC,CAAC;AA0BF,MAAM,aAAa,GAAG,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAE7D,MAAM,CAAC,MAAM,mBAAmB,GAAuC,CAAC,EACtE,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,qBAAqB,EACrB,MAAM,GACP,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,OAAO,CACL,KAAC,oBAAoB,IAAC,MAAM,EAAE,MAAM,YAClC,KAAC,aAAa,IACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,KACxC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAC,IAAI,EAAC,CAAC,CAAC,CAAC,EAAE,CAAC,GACxB,GACmB,CACxB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport {useIntl} from 'react-intl';\nimport {TooltipConfigFactory} from '@kepler.gl/components';\nimport {Datasets} from '@kepler.gl/table';\n\nimport {getKeplerFactory} from './KeplerInjector';\n\nconst TooltipConfigWrapper = styled.div<{isDark: boolean}>`\n  width: 100%;\n  max-width: 100%;\n  overflow-x: hidden;\n  overflow-y: visible;\n  box-sizing: border-box;\n  position: relative;\n  contain: layout;\n\n  .sortable-layer-items > div {\n    padding: 2px 4px;\n    background-color: ${(props) =>\n      props.theme.sidePanelBg || props.theme.panelBackground};\n    border-radius: 4px;\n  }\n  .chickleted-input {\n    background-color: ${(props) =>\n      props.isDark ? '#0f172a' : '#F6F8FB'} !important;\n    border-color: transparent;\n    border-radius: 6px;\n    font-weight: 400;\n    max-width: 100% !important;\n    box-sizing: border-box !important;\n  }\n  .side-panel-section {\n    position: relative !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    overflow-x: hidden !important;\n    box-sizing: border-box !important;\n  }\n  .side-panel-section > :first-child {\n    display: flex;\n    justify-content: space-between;\n    position: absolute !important;\n    left: 0 !important;\n    right: 0 !important;\n    width: auto !important;\n    padding: 0px 9px;\n    top: 8px;\n    box-sizing: border-box !important;\n  }\n  .field-selector {\n    padding-top: 32px;\n    background-color: ${(props) =>\n      props.isDark ? '#0f172a' : '#F6F8FB'} !important;\n    width: 100% !important;\n    max-width: 100% !important;\n    overflow-x: hidden !important;\n    box-sizing: border-box !important;\n  }\n  .update-color {\n    display: none;\n  }\n  .dataset-name {\n    font-weight: 500;\n    font-size: 12px;\n  }\n  .clear-all {\n    width: 64px;\n    font-weight: 400;\n    color: #94a2b8 !important;\n    font-size: 12px;\n  }\n  .item-selector {\n    width: 100% !important;\n    max-width: 100% !important;\n    overflow-x: hidden !important;\n    box-sizing: border-box !important;\n  }\n  .item-selector > div {\n    max-width: 100% !important;\n    overflow-x: hidden !important;\n    box-sizing: border-box !important;\n  }\n`;\n\ntype CustomTooltipConfigProps = {\n  config: {\n    fieldsToShow: {\n      [key: string]: {name: string; format: string | null}[];\n    };\n    compareMode: boolean;\n    compareType: string | null;\n  };\n  onChange: (config: {\n    fieldsToShow: {\n      [key: string]: {name: string; format: string | null}[];\n    };\n    compareMode: boolean;\n    compareType: string | null;\n  }) => void;\n  datasets: Datasets;\n  onDisplayFormatChange: (\n    dataId: string,\n    column: string,\n    displayFormat: string,\n  ) => void;\n  isDark: boolean;\n};\n\nconst TooltipConfig = getKeplerFactory(TooltipConfigFactory);\n\nexport const CustomTooltipConfig: React.FC<CustomTooltipConfigProps> = ({\n  config,\n  datasets,\n  onChange,\n  onDisplayFormatChange,\n  isDark,\n}) => {\n  const intl = useIntl();\n\n  return (\n    <TooltipConfigWrapper isDark={isDark}>\n      <TooltipConfig\n        config={config}\n        datasets={datasets}\n        onChange={onChange}\n        onDisplayFormatChange={onDisplayFormatChange}\n        {...(intl ? {intl} : {})}\n      />\n    </TooltipConfigWrapper>\n  );\n};\n"]}

package/dist/components/KeplerAddDataDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeplerAddDataDialog.d.ts","sourceRoot":"","sources":["../../src/components/KeplerAddDataDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,wBAAwB,EAKzB,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAC;AAc5D,MAAM,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE;IAC/B,OAAO,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;KAAC,CAAC;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAChC,KAAK,IAAI,CAAC;AAuBX,oBAAY,cAAc;IACxB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,EAAE,OAAO;CACV;AAgBD,MAAM,MAAM,wBAAwB,GAAG;IACrC,YAAY,EAAE,IAAI,CAAC,wBAAwB,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC;IACnE,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzD,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B,GAAG,oBAAoB,CAAC;AAEzB,eAAO,MAAM,mBAAmB,GAAI,oKAYjC,wBAAwB,4CAkG1B,CAAC"}
+{"version":3,"file":"KeplerAddDataDialog.d.ts","sourceRoot":"","sources":["../../src/components/KeplerAddDataDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,wBAAwB,EAKzB,MAAM,cAAc,CAAC;AAMtB,OAAO,KAAK,EAAC,oBAAoB,EAAC,MAAM,mBAAmB,CAAC;AAe5D,MAAM,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE;IAC/B,OAAO,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;KAAC,CAAC;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAChC,KAAK,IAAI,CAAC;AA+BX,oBAAY,cAAc;IACxB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,EAAE,OAAO;CACV;AAgBD,MAAM,MAAM,wBAAwB,GAAG;IACrC,YAAY,EAAE,IAAI,CAAC,wBAAwB,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC;IACnE,WAAW,EAAE,WAAW,CAAC;IACzB,SAAS,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,MAAM,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACzD,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;CAC5B,GAAG,oBAAoB,CAAC;AAEzB,eAAO,MAAM,mBAAmB,GAAI,oKAYjC,wBAAwB,4CAkG1B,CAAC"}

package/dist/components/KeplerAddDataDialog.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useState } from 'react';
+import { useCallback, useMemo, useState } from 'react';
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, Tabs, TabsContent, TabsList, TabsTrigger, } from '@sqlrooms/ui';
 import { LoadTileSetFactory, Icons } from '@kepler.gl/components';
 import { FileDropInput } from './FileDropInput';
-import { KeplerInjector } from './KeplerInjector';
+import { getKeplerFactory } from './KeplerInjector';
 import { KeplerProvider } from './KeplerProvider';
 import { KeplerS3Browser } from './KeplerS3Browser';
 import { useIntl } from 'react-intl';
@@ -16,14 +16,15 @@ const DEFAULT_ACCEPTED_FORMATS = [
     'shp',
     'kml',
 ];
-const LoadTileSet = KeplerInjector.get(LoadTileSetFactory);
+const LoadTileSet = getKeplerFactory(LoadTileSetFactory);
 function LoadTileSetContent({ loadTileSet, onClose, }) {
     const intl = useIntl();
     const onTilesetAdded = useCallback((tileset, metadata) => {
         loadTileSet({ tileset, metadata });
         onClose?.();
     }, [loadTileSet, onClose]);
-    return _jsx(LoadTileSet, { intl: intl, onTilesetAdded: onTilesetAdded });
+    const meta = useMemo(() => ({}), []); // TODO: add metadata
+    return (_jsx(LoadTileSet, { meta: meta, isAddingDatasets: false, intl: intl, onTilesetAdded: onTilesetAdded }));
 }
 export var AddDataMethods;
 (function (AddDataMethods) {

package/dist/components/KeplerAddDataDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeplerAddDataDialog.js","sourceRoot":"","sources":["../../src/components/KeplerAddDataDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useCallback, useState} from 'react';\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  UseDisclosureReturnValue,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@sqlrooms/ui';\nimport {LoadTileSetFactory, Icons} from '@kepler.gl/components';\nimport {FileDropInput} from './FileDropInput';\nimport {KeplerInjector} from './KeplerInjector';\nimport {KeplerProvider} from './KeplerProvider';\nimport {KeplerS3Browser} from './KeplerS3Browser';\nimport type {KeplerS3BrowserProps} from './KeplerS3Browser';\nimport {useIntl} from 'react-intl';\n\nconst DEFAULT_ACCEPTED_FORMATS = [\n  'csv',\n  'tsv',\n  'parquet',\n  'json',\n  'arrow',\n  'shp',\n  'kml',\n];\n\nconst LoadTileSet = KeplerInjector.get(LoadTileSetFactory);\nexport type LoadTileSet = (args: {\n  tileset: {name: string; type: string; metadata: Record<string, any>};\n  metadata?: Record<string, any>;\n}) => void;\n\nfunction LoadTileSetContent({\n  loadTileSet,\n  onClose,\n}: {\n  loadTileSet: LoadTileSet;\n  onClose?: () => void;\n}) {\n  const intl = useIntl();\n  const onTilesetAdded = useCallback(\n    (\n      tileset: {name: string; type: string; metadata: Record<string, any>},\n      metadata?: Record<string, any>,\n    ) => {\n      loadTileSet({tileset, metadata});\n      onClose?.();\n    },\n    [loadTileSet, onClose],\n  );\n  return <LoadTileSet intl={intl} onTilesetAdded={onTilesetAdded} />;\n}\n\nexport enum AddDataMethods {\n  Upload = 'upload',\n  TileSet = 'tileset',\n  S3 = 's3',\n}\nconst ADD_DATA_METHODS = [\n  {\n    label: 'Local File',\n    value: AddDataMethods.Upload,\n  },\n  {\n    label: 'Tiles',\n    value: AddDataMethods.TileSet,\n  },\n  // {\n  //   label: 'S3',\n  //   value: AddDataMethods.S3,\n  // },\n];\n\nexport type KeplerAddDataDialogProps = {\n  addDataModal: Pick<UseDisclosureReturnValue, 'isOpen' | 'onClose'>;\n  loadTileSet: LoadTileSet;\n  loadFiles: (files: FileList | string[]) => Promise<void>;\n  method?: AddDataMethods;\n  acceptedFormats?: string[];\n} & KeplerS3BrowserProps;\n\nexport const KeplerAddDataDialog = ({\n  addDataModal,\n  loadTileSet,\n  loadFiles,\n  listS3Files,\n  loadS3Files,\n  saveS3Credentials,\n  loadS3Credentials,\n  deleteS3Credentials,\n  s3Browser,\n  method = AddDataMethods.Upload,\n  acceptedFormats = DEFAULT_ACCEPTED_FORMATS,\n}: KeplerAddDataDialogProps) => {\n  const [currentMethod, selectCurrentMethod] = useState<AddDataMethods>(method);\n  const onFileDrop = useCallback(\n    (files: FileList) => {\n      loadFiles(files);\n      addDataModal.onClose();\n    },\n    [loadFiles, addDataModal],\n  );\n  const onLoadS3Files = useCallback(\n    async (...args: Parameters<KeplerS3BrowserProps['loadS3Files']>) => {\n      await loadS3Files(...args);\n      addDataModal.onClose();\n    },\n    [loadS3Files, addDataModal],\n  );\n  return (\n    <KeplerProvider mapId={''}>\n      <Dialog\n        open={addDataModal.isOpen}\n        onOpenChange={(isOpen: boolean) => !isOpen && addDataModal.onClose()}\n      >\n        <DialogContent className=\"min-w-md h-[80vh] max-w-4xl grid-rows-[auto,1fr]\">\n          <DialogHeader>\n            <DialogTitle>Add Data</DialogTitle>\n            <DialogDescription>Add data to the project.</DialogDescription>\n          </DialogHeader>\n          <Tabs\n            defaultValue={currentMethod}\n            className=\"flex h-full w-full flex-col gap-4 overflow-auto\"\n            onValueChange={(value) =>\n              selectCurrentMethod(value as AddDataMethods)\n            }\n          >\n            <TabsList className=\"flex h-10 items-center justify-start gap-1\">\n              {ADD_DATA_METHODS.map(({value, label}) => (\n                <TabsTrigger\n                  value={value}\n                  className=\"flex items-center gap-2\"\n                  key={value}\n                >\n                  <span className=\"text-muted-foreground\">{label}</span>\n                </TabsTrigger>\n              ))}\n            </TabsList>\n\n            {/** File Upload */}\n            <TabsContent\n              value={AddDataMethods.Upload}\n              className=\"h-full w-full data-[state=inactive]:hidden\"\n            >\n              <div className=\"h-min-[200px] flex h-full w-full items-center justify-center\">\n                <FileDropInput onFileDrop={onFileDrop}>\n                  {acceptedFormats ? (\n                    <div className=\"text-muted-foreground flex flex-wrap justify-center gap-2 opacity-80\">\n                      {acceptedFormats.map((ext) => (\n                        <Icons.FileType\n                          key={ext}\n                          ext={ext}\n                          height=\"50px\"\n                          fontSize=\"9px\"\n                        />\n                      ))}\n                    </div>\n                  ) : null}\n                </FileDropInput>\n              </div>\n            </TabsContent>\n\n            {/** TileSet*/}\n            <TabsContent\n              value={AddDataMethods.TileSet}\n              className=\"h-full w-full overflow-auto data-[state=inactive]:hidden\"\n            >\n              <LoadTileSetContent\n                loadTileSet={loadTileSet}\n                onClose={addDataModal.onClose}\n              />\n            </TabsContent>\n            {/** S3 */}\n            <TabsContent\n              value={AddDataMethods.S3}\n              className=\"h-full w-full data-[state=inactive]:hidden\"\n            >\n              <KeplerS3Browser\n                listS3Files={listS3Files}\n                s3Browser={s3Browser}\n                loadS3Files={onLoadS3Files}\n                saveS3Credentials={saveS3Credentials}\n                loadS3Credentials={loadS3Credentials}\n                deleteS3Credentials={deleteS3Credentials}\n              />\n            </TabsContent>\n          </Tabs>\n        </DialogContent>\n      </Dialog>\n    </KeplerProvider>\n  );\n};\n"]}
+{"version":3,"file":"KeplerAddDataDialog.js","sourceRoot":"","sources":["../../src/components/KeplerAddDataDialog.tsx"],"names":[],"mappings":"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","sourcesContent":["import {useCallback, useMemo, useState} from 'react';\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  UseDisclosureReturnValue,\n  Tabs,\n  TabsContent,\n  TabsList,\n  TabsTrigger,\n} from '@sqlrooms/ui';\nimport {LoadTileSetFactory, Icons} from '@kepler.gl/components';\nimport {FileDropInput} from './FileDropInput';\nimport {getKeplerFactory} from './KeplerInjector';\nimport {KeplerProvider} from './KeplerProvider';\nimport {KeplerS3Browser} from './KeplerS3Browser';\nimport type {KeplerS3BrowserProps} from './KeplerS3Browser';\nimport {useIntl} from 'react-intl';\n\nconst DEFAULT_ACCEPTED_FORMATS = [\n  'csv',\n  'tsv',\n  'parquet',\n  'json',\n  'arrow',\n  'shp',\n  'kml',\n];\n\nconst LoadTileSet = getKeplerFactory(LoadTileSetFactory);\n\nexport type LoadTileSet = (args: {\n  tileset: {name: string; type: string; metadata: Record<string, any>};\n  metadata?: Record<string, any>;\n}) => void;\n\nfunction LoadTileSetContent({\n  loadTileSet,\n  onClose,\n}: {\n  loadTileSet: LoadTileSet;\n  onClose?: () => void;\n}) {\n  const intl = useIntl();\n  const onTilesetAdded = useCallback(\n    (\n      tileset: {name: string; type: string; metadata: Record<string, any>},\n      metadata?: Record<string, any>,\n    ) => {\n      loadTileSet({tileset, metadata});\n      onClose?.();\n    },\n    [loadTileSet, onClose],\n  );\n  const meta = useMemo(() => ({}), []); // TODO: add metadata\n  return (\n    <LoadTileSet\n      meta={meta}\n      isAddingDatasets={false}\n      intl={intl}\n      onTilesetAdded={onTilesetAdded}\n    />\n  );\n}\n\nexport enum AddDataMethods {\n  Upload = 'upload',\n  TileSet = 'tileset',\n  S3 = 's3',\n}\nconst ADD_DATA_METHODS = [\n  {\n    label: 'Local File',\n    value: AddDataMethods.Upload,\n  },\n  {\n    label: 'Tiles',\n    value: AddDataMethods.TileSet,\n  },\n  // {\n  //   label: 'S3',\n  //   value: AddDataMethods.S3,\n  // },\n];\n\nexport type KeplerAddDataDialogProps = {\n  addDataModal: Pick<UseDisclosureReturnValue, 'isOpen' | 'onClose'>;\n  loadTileSet: LoadTileSet;\n  loadFiles: (files: FileList | string[]) => Promise<void>;\n  method?: AddDataMethods;\n  acceptedFormats?: string[];\n} & KeplerS3BrowserProps;\n\nexport const KeplerAddDataDialog = ({\n  addDataModal,\n  loadTileSet,\n  loadFiles,\n  listS3Files,\n  loadS3Files,\n  saveS3Credentials,\n  loadS3Credentials,\n  deleteS3Credentials,\n  s3Browser,\n  method = AddDataMethods.Upload,\n  acceptedFormats = DEFAULT_ACCEPTED_FORMATS,\n}: KeplerAddDataDialogProps) => {\n  const [currentMethod, selectCurrentMethod] = useState<AddDataMethods>(method);\n  const onFileDrop = useCallback(\n    (files: FileList) => {\n      loadFiles(files);\n      addDataModal.onClose();\n    },\n    [loadFiles, addDataModal],\n  );\n  const onLoadS3Files = useCallback(\n    async (...args: Parameters<KeplerS3BrowserProps['loadS3Files']>) => {\n      await loadS3Files(...args);\n      addDataModal.onClose();\n    },\n    [loadS3Files, addDataModal],\n  );\n  return (\n    <KeplerProvider mapId={''}>\n      <Dialog\n        open={addDataModal.isOpen}\n        onOpenChange={(isOpen: boolean) => !isOpen && addDataModal.onClose()}\n      >\n        <DialogContent className=\"min-w-md h-[80vh] max-w-4xl grid-rows-[auto,1fr]\">\n          <DialogHeader>\n            <DialogTitle>Add Data</DialogTitle>\n            <DialogDescription>Add data to the project.</DialogDescription>\n          </DialogHeader>\n          <Tabs\n            defaultValue={currentMethod}\n            className=\"flex h-full w-full flex-col gap-4 overflow-auto\"\n            onValueChange={(value) =>\n              selectCurrentMethod(value as AddDataMethods)\n            }\n          >\n            <TabsList className=\"flex h-10 items-center justify-start gap-1\">\n              {ADD_DATA_METHODS.map(({value, label}) => (\n                <TabsTrigger\n                  value={value}\n                  className=\"flex items-center gap-2\"\n                  key={value}\n                >\n                  <span className=\"text-muted-foreground\">{label}</span>\n                </TabsTrigger>\n              ))}\n            </TabsList>\n\n            {/** File Upload */}\n            <TabsContent\n              value={AddDataMethods.Upload}\n              className=\"h-full w-full data-[state=inactive]:hidden\"\n            >\n              <div className=\"h-min-[200px] flex h-full w-full items-center justify-center\">\n                <FileDropInput onFileDrop={onFileDrop}>\n                  {acceptedFormats ? (\n                    <div className=\"text-muted-foreground flex flex-wrap justify-center gap-2 opacity-80\">\n                      {acceptedFormats.map((ext) => (\n                        <Icons.FileType\n                          key={ext}\n                          ext={ext}\n                          height=\"50px\"\n                          fontSize=\"9px\"\n                        />\n                      ))}\n                    </div>\n                  ) : null}\n                </FileDropInput>\n              </div>\n            </TabsContent>\n\n            {/** TileSet*/}\n            <TabsContent\n              value={AddDataMethods.TileSet}\n              className=\"h-full w-full overflow-auto data-[state=inactive]:hidden\"\n            >\n              <LoadTileSetContent\n                loadTileSet={loadTileSet}\n                onClose={addDataModal.onClose}\n              />\n            </TabsContent>\n            {/** S3 */}\n            <TabsContent\n              value={AddDataMethods.S3}\n              className=\"h-full w-full data-[state=inactive]:hidden\"\n            >\n              <KeplerS3Browser\n                listS3Files={listS3Files}\n                s3Browser={s3Browser}\n                loadS3Files={onLoadS3Files}\n                saveS3Credentials={saveS3Credentials}\n                loadS3Credentials={loadS3Credentials}\n                deleteS3Credentials={deleteS3Credentials}\n              />\n            </TabsContent>\n          </Tabs>\n        </DialogContent>\n      </Dialog>\n    </KeplerProvider>\n  );\n};\n"]}

package/dist/components/KeplerAddTileSetDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeplerAddTileSetDialog.d.ts","sourceRoot":"","sources":["../../src/components/KeplerAddTileSetDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,wBAAwB,EACzB,MAAM,cAAc,CAAC;AAStB,MAAM,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE;IAC/B,OAAO,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;KAAC,CAAC;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAChC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;AAuBpB,wBAAgB,sBAAsB,CAAC,EACrC,YAAY,EACZ,WAAW,GACZ,EAAE;IACD,YAAY,EAAE,IAAI,CAAC,wBAAwB,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC;IACnE,WAAW,EAAE,WAAW,CAAC;CAC1B,2CAuBA"}
+{"version":3,"file":"KeplerAddTileSetDialog.d.ts","sourceRoot":"","sources":["../../src/components/KeplerAddTileSetDialog.tsx"],"names":[],"mappings":"AAEA,OAAO,EAML,wBAAwB,EACzB,MAAM,cAAc,CAAC;AAUtB,MAAM,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE;IAC/B,OAAO,EAAE;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;KAAC,CAAC;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAChC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;AA+BpB,wBAAgB,sBAAsB,CAAC,EACrC,YAAY,EACZ,WAAW,GACZ,EAAE;IACD,YAAY,EAAE,IAAI,CAAC,wBAAwB,EAAE,QAAQ,GAAG,SAAS,CAAC,CAAC;IACnE,WAAW,EAAE,WAAW,CAAC;CAC1B,2CAuBA"}

package/dist/components/KeplerAddTileSetDialog.js

@@ -1,18 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback } from 'react';
+import { useCallback, useMemo } from 'react';
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, } from '@sqlrooms/ui';
 import { LoadTileSetFactory } from '@kepler.gl/components';
-import { KeplerInjector } from './KeplerInjector';
+import { getKeplerFactory } from './KeplerInjector';
 import { KeplerProvider } from './KeplerProvider';
 import { useIntl } from 'react-intl';
-const LoadTileSet = KeplerInjector.get(LoadTileSetFactory);
+const LoadTileSet = getKeplerFactory(LoadTileSetFactory);
 function LoadTileSetContent({ loadTileSet, onClose, }) {
     const intl = useIntl();
     const onTilesetAdded = useCallback((tileset, metadata) => {
         loadTileSet({ tileset, metadata });
         onClose?.();
     }, [loadTileSet, onClose]);
-    return _jsx(LoadTileSet, { intl: intl, onTilesetAdded: onTilesetAdded });
+    const meta = useMemo(() => ({}), []); // TODO: add metadata
+    return (_jsx(LoadTileSet, { meta: meta, isAddingDatasets: false, intl: intl, onTilesetAdded: onTilesetAdded }));
 }
 export function KeplerAddTileSetDialog({ tileSetModal, loadTileSet, }) {
     return (_jsx(KeplerProvider, { mapId: '', children: _jsx(Dialog, { open: tileSetModal.isOpen, onOpenChange: (isOpen) => !isOpen && tileSetModal.onClose(), children: _jsxs(DialogContent, { className: "h-[60vh] max-w-[75vw]", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Add Tileset" }), _jsx(DialogDescription, { children: "Add a tileset to your map. Supported: PMTiles, Vector Tiles, and Raster Tiles." })] }), _jsx(LoadTileSetContent, { loadTileSet: loadTileSet, onClose: tileSetModal.onClose })] }) }) }));

package/dist/components/KeplerAddTileSetDialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeplerAddTileSetDialog.js","sourceRoot":"","sources":["../../src/components/KeplerAddTileSetDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,OAAO,CAAC;AAElC,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,WAAW,GAEZ,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AAEnC,MAAM,WAAW,GAAG,cAAc,CAAC,GAAG,CAAC,kBAAkB,CAAC,CAAC;AAM3D,SAAS,kBAAkB,CAAC,EAC1B,WAAW,EACX,OAAO,GAIR;IACC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,cAAc,GAAG,WAAW,CAChC,CACE,OAAoE,EACpE,QAA8B,EAC9B,EAAE;QACF,WAAW,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,CAAC,CAAC;QACjC,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IACF,OAAO,KAAC,WAAW,IAAC,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,GAAI,CAAC;AACrE,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,EACrC,YAAY,EACZ,WAAW,GAIZ;IACC,OAAO,CACL,KAAC,cAAc,IAAC,KAAK,EAAE,EAAE,YACvB,KAAC,MAAM,IACL,IAAI,EAAE,YAAY,CAAC,MAAM,EACzB,YAAY,EAAE,CAAC,MAAe,EAAE,EAAE,CAAC,CAAC,MAAM,IAAI,YAAY,CAAC,OAAO,EAAE,YAEpE,MAAC,aAAa,IAAC,SAAS,EAAC,uBAAuB,aAC9C,MAAC,YAAY,eACX,KAAC,WAAW,8BAA0B,EACtC,KAAC,iBAAiB,iGAGE,IACP,EACf,KAAC,kBAAkB,IACjB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,YAAY,CAAC,OAAO,GAC7B,IACY,GACT,GACM,CAClB,CAAC;AACJ,CAAC","sourcesContent":["import {useCallback} from 'react';\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  UseDisclosureReturnValue,\n} from '@sqlrooms/ui';\n\nimport {LoadTileSetFactory} from '@kepler.gl/components';\n\nimport {KeplerInjector} from './KeplerInjector';\nimport {KeplerProvider} from './KeplerProvider';\nimport {useIntl} from 'react-intl';\n\nconst LoadTileSet = KeplerInjector.get(LoadTileSetFactory);\nexport type LoadTileSet = (args: {\n  tileset: {name: string; type: string; metadata: Record<string, any>};\n  metadata?: Record<string, any>;\n}) => Promise<void>;\n\nfunction LoadTileSetContent({\n  loadTileSet,\n  onClose,\n}: {\n  loadTileSet: LoadTileSet;\n  onClose?: () => void;\n}) {\n  const intl = useIntl();\n  const onTilesetAdded = useCallback(\n    (\n      tileset: {name: string; type: string; metadata: Record<string, any>},\n      metadata?: Record<string, any>,\n    ) => {\n      loadTileSet({tileset, metadata});\n      onClose?.();\n    },\n    [loadTileSet, onClose],\n  );\n  return <LoadTileSet intl={intl} onTilesetAdded={onTilesetAdded} />;\n}\n\nexport function KeplerAddTileSetDialog({\n  tileSetModal,\n  loadTileSet,\n}: {\n  tileSetModal: Pick<UseDisclosureReturnValue, 'isOpen' | 'onClose'>;\n  loadTileSet: LoadTileSet;\n}) {\n  return (\n    <KeplerProvider mapId={''}>\n      <Dialog\n        open={tileSetModal.isOpen}\n        onOpenChange={(isOpen: boolean) => !isOpen && tileSetModal.onClose()}\n      >\n        <DialogContent className=\"h-[60vh] max-w-[75vw]\">\n          <DialogHeader>\n            <DialogTitle>Add Tileset</DialogTitle>\n            <DialogDescription>\n              Add a tileset to your map. Supported: PMTiles, Vector Tiles, and\n              Raster Tiles.\n            </DialogDescription>\n          </DialogHeader>\n          <LoadTileSetContent\n            loadTileSet={loadTileSet}\n            onClose={tileSetModal.onClose}\n          />\n        </DialogContent>\n      </Dialog>\n    </KeplerProvider>\n  );\n}\n"]}
+{"version":3,"file":"KeplerAddTileSetDialog.js","sourceRoot":"","sources":["../../src/components/KeplerAddTileSetDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,WAAW,EAAE,OAAO,EAAC,MAAM,OAAO,CAAC;AAE3C,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,WAAW,GAEZ,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAC,kBAAkB,EAAC,MAAM,uBAAuB,CAAC;AAEzD,OAAO,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,OAAO,EAAC,MAAM,YAAY,CAAC;AAEnC,MAAM,WAAW,GAAG,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;AAOzD,SAAS,kBAAkB,CAAC,EAC1B,WAAW,EACX,OAAO,GAIR;IACC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,cAAc,GAAG,WAAW,CAChC,CACE,OAAoE,EACpE,QAA8B,EAC9B,EAAE;QACF,WAAW,CAAC,EAAC,OAAO,EAAE,QAAQ,EAAC,CAAC,CAAC;QACjC,OAAO,EAAE,EAAE,CAAC;IACd,CAAC,EACD,CAAC,WAAW,EAAE,OAAO,CAAC,CACvB,CAAC;IACF,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,qBAAqB;IAC3D,OAAO,CACL,KAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,gBAAgB,EAAE,KAAK,EACvB,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,GAC9B,CACH,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,EACrC,YAAY,EACZ,WAAW,GAIZ;IACC,OAAO,CACL,KAAC,cAAc,IAAC,KAAK,EAAE,EAAE,YACvB,KAAC,MAAM,IACL,IAAI,EAAE,YAAY,CAAC,MAAM,EACzB,YAAY,EAAE,CAAC,MAAe,EAAE,EAAE,CAAC,CAAC,MAAM,IAAI,YAAY,CAAC,OAAO,EAAE,YAEpE,MAAC,aAAa,IAAC,SAAS,EAAC,uBAAuB,aAC9C,MAAC,YAAY,eACX,KAAC,WAAW,8BAA0B,EACtC,KAAC,iBAAiB,iGAGE,IACP,EACf,KAAC,kBAAkB,IACjB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,YAAY,CAAC,OAAO,GAC7B,IACY,GACT,GACM,CAClB,CAAC;AACJ,CAAC","sourcesContent":["import {useCallback, useMemo} from 'react';\n\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogHeader,\n  DialogTitle,\n  UseDisclosureReturnValue,\n} from '@sqlrooms/ui';\n\nimport {LoadTileSetFactory} from '@kepler.gl/components';\n\nimport {getKeplerFactory} from './KeplerInjector';\nimport {KeplerProvider} from './KeplerProvider';\nimport {useIntl} from 'react-intl';\n\nconst LoadTileSet = getKeplerFactory(LoadTileSetFactory);\n\nexport type LoadTileSet = (args: {\n  tileset: {name: string; type: string; metadata: Record<string, any>};\n  metadata?: Record<string, any>;\n}) => Promise<void>;\n\nfunction LoadTileSetContent({\n  loadTileSet,\n  onClose,\n}: {\n  loadTileSet: LoadTileSet;\n  onClose?: () => void;\n}) {\n  const intl = useIntl();\n  const onTilesetAdded = useCallback(\n    (\n      tileset: {name: string; type: string; metadata: Record<string, any>},\n      metadata?: Record<string, any>,\n    ) => {\n      loadTileSet({tileset, metadata});\n      onClose?.();\n    },\n    [loadTileSet, onClose],\n  );\n  const meta = useMemo(() => ({}), []); // TODO: add metadata\n  return (\n    <LoadTileSet\n      meta={meta}\n      isAddingDatasets={false}\n      intl={intl}\n      onTilesetAdded={onTilesetAdded}\n    />\n  );\n}\n\nexport function KeplerAddTileSetDialog({\n  tileSetModal,\n  loadTileSet,\n}: {\n  tileSetModal: Pick<UseDisclosureReturnValue, 'isOpen' | 'onClose'>;\n  loadTileSet: LoadTileSet;\n}) {\n  return (\n    <KeplerProvider mapId={''}>\n      <Dialog\n        open={tileSetModal.isOpen}\n        onOpenChange={(isOpen: boolean) => !isOpen && tileSetModal.onClose()}\n      >\n        <DialogContent className=\"h-[60vh] max-w-[75vw]\">\n          <DialogHeader>\n            <DialogTitle>Add Tileset</DialogTitle>\n            <DialogDescription>\n              Add a tileset to your map. Supported: PMTiles, Vector Tiles, and\n              Raster Tiles.\n            </DialogDescription>\n          </DialogHeader>\n          <LoadTileSetContent\n            loadTileSet={loadTileSet}\n            onClose={tileSetModal.onClose}\n          />\n        </DialogContent>\n      </Dialog>\n    </KeplerProvider>\n  );\n}\n"]}

package/dist/components/KeplerInjector.d.ts

@@ -1,2 +1,13 @@
-export declare const KeplerInjector: import("@kepler.gl/components").InjectorType;
+export type KeplerFactory<TReturn = unknown> = (...args: any[]) => TReturn;
+export type KeplerFactoryRecipe = [KeplerFactory, KeplerFactory];
+export type KeplerFactoryRecipeMode = 'append' | 'replace';
+export declare function configureKeplerInjector(recipes: KeplerFactoryRecipe[], options?: {
+    mode?: KeplerFactoryRecipeMode;
+}): void;
+export declare function resetKeplerInjectorRecipes(): void;
+export declare function getKeplerInjector(): import("@kepler.gl/components").InjectorType;
+export declare function getKeplerFactory<TFactory extends KeplerFactory>(factory: TFactory): ReturnType<TFactory>;
+export declare const KeplerInjector: {
+    get<TFactory extends KeplerFactory>(factory: TFactory): ReturnType<TFactory>;
+};
 //# sourceMappingURL=KeplerInjector.d.ts.map

package/dist/components/KeplerInjector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeplerInjector.d.ts","sourceRoot":"","sources":["../../src/components/KeplerInjector.tsx"],"names":[],"mappings":"AAqCA,eAAO,MAAM,cAAc,8CAAiD,CAAC"}
+{"version":3,"file":"KeplerInjector.d.ts","sourceRoot":"","sources":["../../src/components/KeplerInjector.tsx"],"names":[],"mappings":"AA8BA,MAAM,MAAM,aAAa,CAAC,OAAO,GAAG,OAAO,IAAI,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,OAAO,CAAC;AAC3E,MAAM,MAAM,mBAAmB,GAAG,CAAC,aAAa,EAAE,aAAa,CAAC,CAAC;AACjE,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,SAAS,CAAC;AAsB3D,wBAAgB,uBAAuB,CACrC,OAAO,EAAE,mBAAmB,EAAE,EAC9B,OAAO,GAAE;IAAC,IAAI,CAAC,EAAE,uBAAuB,CAAA;CAAM,QAM/C;AAED,wBAAgB,0BAA0B,SAGzC;AAED,wBAAgB,iBAAiB,iDAEhC;AAED,wBAAgB,gBAAgB,CAAC,QAAQ,SAAS,aAAa,EAC7D,OAAO,EAAE,QAAQ,GAChB,UAAU,CAAC,QAAQ,CAAC,CAUtB;AAED,eAAO,MAAM,cAAc;QACrB,QAAQ,SAAS,aAAa,WAAW,QAAQ;CAGtD,CAAC"}

package/dist/components/KeplerInjector.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { appInjector, provideRecipesToInjector, AddDataButtonFactory, PanelTitleFactory, DndContextFactory, FilterPanelHeaderFactory, MapLegendFactory, MapLegendPanelFactory, } from '@kepler.gl/components';
+import { AddDataButtonFactory, appInjector, DndContextFactory, FilterPanelHeaderFactory, MapControlTooltipFactory, MapLegendFactory, MapLegendPanelFactory, PanelTitleFactory, provideRecipesToInjector, } from '@kepler.gl/components';
 import { CustomDndContextFactory } from './CustomDndContext';
 import { CustomFilterPanelHeaderFactory } from './CustomFilterPanelHeader';
+import { CustomMapControlTooltipFactory } from './CustomMapControlTooltipFactory';
 import { CustomMapLegendFactory } from './CustomMapLegend';
 import { CustomMapLegendPanelFactory } from './CustomMapLegendPanel';
 const CustomAddDataButtonFactory = () => {
@@ -11,13 +12,45 @@ const CustomPanelTitleFactory = () => {
     const PanelTitle = ({ children }) => (_jsx("div", { className: "flex items-center justify-end", children: children }));
     return PanelTitle;
 };
-const recipes = [
+const defaultRecipes = [
     [AddDataButtonFactory, CustomAddDataButtonFactory],
     [PanelTitleFactory, CustomPanelTitleFactory],
     [DndContextFactory, CustomDndContextFactory],
     [FilterPanelHeaderFactory, CustomFilterPanelHeaderFactory],
     [MapLegendPanelFactory, CustomMapLegendPanelFactory],
     [MapLegendFactory, CustomMapLegendFactory],
+    [MapControlTooltipFactory, CustomMapControlTooltipFactory],
 ];
-export const KeplerInjector = provideRecipesToInjector(recipes, appInjector);
+let customRecipes = [];
+let injector = createKeplerInjector();
+function createKeplerInjector(recipes = []) {
+    return provideRecipesToInjector([...defaultRecipes, ...recipes], appInjector);
+}
+export function configureKeplerInjector(recipes, options = {}) {
+    const mode = options.mode ?? 'append';
+    customRecipes =
+        mode === 'replace' ? [...recipes] : [...customRecipes, ...recipes];
+    injector = createKeplerInjector(customRecipes);
+}
+export function resetKeplerInjectorRecipes() {
+    customRecipes = [];
+    injector = createKeplerInjector();
+}
+export function getKeplerInjector() {
+    return injector;
+}
+export function getKeplerFactory(factory) {
+    // Resolve from the injector at render time so late configuration works,
+    // while keeping a stable component definition outside render.
+    const Wrapped = ((props) => {
+        const Component = getKeplerInjector().get(factory);
+        return _jsx(Component, { ...props });
+    });
+    return Wrapped;
+}
+export const KeplerInjector = {
+    get(factory) {
+        return getKeplerFactory(factory);
+    },
+};
 //# sourceMappingURL=KeplerInjector.js.map

package/dist/components/KeplerInjector.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeplerInjector.js","sourceRoot":"","sources":["../../src/components/KeplerInjector.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,WAAW,EACX,wBAAwB,EACxB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EAEjB,wBAAwB,EACxB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAC,uBAAuB,EAAC,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAC,8BAA8B,EAAC,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAC,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,2BAA2B,EAAC,MAAM,wBAAwB,CAAC;AAEnE,MAAM,0BAA0B,GAAG,GAAG,EAAE;IACtC,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACnC,MAAM,UAAU,GAAgC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,CAC9D,cAAK,SAAS,EAAC,+BAA+B,YAAE,QAAQ,GAAO,CAChE,CAAC;IAEF,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AACF,MAAM,OAAO,GAAG;IACd,CAAC,oBAAoB,EAAE,0BAA0B,CAAC;IAClD,CAAC,iBAAiB,EAAE,uBAAuB,CAAC;IAC5C,CAAC,iBAAiB,EAAE,uBAAuB,CAAC;IAC5C,CAAC,wBAAwB,EAAE,8BAA8B,CAAC;IAC1D,CAAC,qBAAqB,EAAE,2BAA2B,CAAC;IACpD,CAAC,gBAAgB,EAAE,sBAAsB,CAAC;CACnB,CAAC;AAE1B,MAAM,CAAC,MAAM,cAAc,GAAG,wBAAwB,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC","sourcesContent":["import {\n  appInjector,\n  provideRecipesToInjector,\n  AddDataButtonFactory,\n  PanelTitleFactory,\n  DndContextFactory,\n  Factory,\n  FilterPanelHeaderFactory,\n  MapLegendFactory,\n  MapLegendPanelFactory,\n} from '@kepler.gl/components';\nimport React, {PropsWithChildren} from 'react';\nimport {CustomDndContextFactory} from './CustomDndContext';\nimport {CustomFilterPanelHeaderFactory} from './CustomFilterPanelHeader';\nimport {CustomMapLegendFactory} from './CustomMapLegend';\nimport {CustomMapLegendPanelFactory} from './CustomMapLegendPanel';\n\nconst CustomAddDataButtonFactory = () => {\n  return () => null;\n};\n\nconst CustomPanelTitleFactory = () => {\n  const PanelTitle: React.FC<PropsWithChildren> = ({children}) => (\n    <div className=\"flex items-center justify-end\">{children}</div>\n  );\n\n  return PanelTitle;\n};\nconst recipes = [\n  [AddDataButtonFactory, CustomAddDataButtonFactory],\n  [PanelTitleFactory, CustomPanelTitleFactory],\n  [DndContextFactory, CustomDndContextFactory],\n  [FilterPanelHeaderFactory, CustomFilterPanelHeaderFactory],\n  [MapLegendPanelFactory, CustomMapLegendPanelFactory],\n  [MapLegendFactory, CustomMapLegendFactory],\n] as [Factory, Factory][];\n\nexport const KeplerInjector = provideRecipesToInjector(recipes, appInjector);\n"]}
+{"version":3,"file":"KeplerInjector.js","sourceRoot":"","sources":["../../src/components/KeplerInjector.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,oBAAoB,EACpB,WAAW,EACX,iBAAiB,EAEjB,wBAAwB,EACxB,wBAAwB,EACxB,gBAAgB,EAChB,qBAAqB,EACrB,iBAAiB,EACjB,wBAAwB,GACzB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EAAC,uBAAuB,EAAC,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAC,8BAA8B,EAAC,MAAM,2BAA2B,CAAC;AACzE,OAAO,EAAC,8BAA8B,EAAC,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAC,sBAAsB,EAAC,MAAM,mBAAmB,CAAC;AACzD,OAAO,EAAC,2BAA2B,EAAC,MAAM,wBAAwB,CAAC;AAEnE,MAAM,0BAA0B,GAAG,GAAG,EAAE;IACtC,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAG,GAAG,EAAE;IACnC,MAAM,UAAU,GAAgC,CAAC,EAAC,QAAQ,EAAC,EAAE,EAAE,CAAC,CAC9D,cAAK,SAAS,EAAC,+BAA+B,YAAE,QAAQ,GAAO,CAChE,CAAC;IAEF,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAKF,MAAM,cAAc,GAA0B;IAC5C,CAAC,oBAAoB,EAAE,0BAA0B,CAAC;IAClD,CAAC,iBAAiB,EAAE,uBAAuB,CAAC;IAC5C,CAAC,iBAAiB,EAAE,uBAAuB,CAAC;IAC5C,CAAC,wBAAwB,EAAE,8BAA8B,CAAC;IAC1D,CAAC,qBAAqB,EAAE,2BAA2B,CAAC;IACpD,CAAC,gBAAgB,EAAE,sBAAsB,CAAC;IAC1C,CAAC,wBAAwB,EAAE,8BAA8B,CAAC;CAC3D,CAAC;AAEF,IAAI,aAAa,GAA0B,EAAE,CAAC;AAC9C,IAAI,QAAQ,GAAG,oBAAoB,EAAE,CAAC;AAEtC,SAAS,oBAAoB,CAAC,UAAiC,EAAE;IAC/D,OAAO,wBAAwB,CAC7B,CAAC,GAAG,cAAc,EAAE,GAAG,OAAO,CAAoC,EAClE,WAAW,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,uBAAuB,CACrC,OAA8B,EAC9B,UAA4C,EAAE;IAE9C,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,IAAI,QAAQ,CAAC;IACtC,aAAa;QACX,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,aAAa,EAAE,GAAG,OAAO,CAAC,CAAC;IACrE,QAAQ,GAAG,oBAAoB,CAAC,aAAa,CAAC,CAAC;AACjD,CAAC;AAED,MAAM,UAAU,0BAA0B;IACxC,aAAa,GAAG,EAAE,CAAC;IACnB,QAAQ,GAAG,oBAAoB,EAAE,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,OAAO,QAAQ,CAAC;AAClB,CAAC;AAED,MAAM,UAAU,gBAAgB,CAC9B,OAAiB;IAEjB,wEAAwE;IACxE,8DAA8D;IAC9D,MAAM,OAAO,GAAG,CAAC,CAAC,KAA8B,EAAE,EAAE;QAClD,MAAM,SAAS,GAAG,iBAAiB,EAAE,CAAC,GAAG,CACvC,OAA6B,CACkB,CAAC;QAClD,OAAO,KAAC,SAAS,OAAK,KAAK,GAAI,CAAC;IAClC,CAAC,CAAoC,CAAC;IACtC,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,MAAM,CAAC,MAAM,cAAc,GAAG;IAC5B,GAAG,CAAiC,OAAiB;QACnD,OAAO,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACnC,CAAC;CACF,CAAC","sourcesContent":["import {\n  AddDataButtonFactory,\n  appInjector,\n  DndContextFactory,\n  Factory,\n  FilterPanelHeaderFactory,\n  MapControlTooltipFactory,\n  MapLegendFactory,\n  MapLegendPanelFactory,\n  PanelTitleFactory,\n  provideRecipesToInjector,\n} from '@kepler.gl/components';\nimport React, {PropsWithChildren} from 'react';\nimport {CustomDndContextFactory} from './CustomDndContext';\nimport {CustomFilterPanelHeaderFactory} from './CustomFilterPanelHeader';\nimport {CustomMapControlTooltipFactory} from './CustomMapControlTooltipFactory';\nimport {CustomMapLegendFactory} from './CustomMapLegend';\nimport {CustomMapLegendPanelFactory} from './CustomMapLegendPanel';\n\nconst CustomAddDataButtonFactory = () => {\n  return () => null;\n};\n\nconst CustomPanelTitleFactory = () => {\n  const PanelTitle: React.FC<PropsWithChildren> = ({children}) => (\n    <div className=\"flex items-center justify-end\">{children}</div>\n  );\n\n  return PanelTitle;\n};\nexport type KeplerFactory<TReturn = unknown> = (...args: any[]) => TReturn;\nexport type KeplerFactoryRecipe = [KeplerFactory, KeplerFactory];\nexport type KeplerFactoryRecipeMode = 'append' | 'replace';\n\nconst defaultRecipes: KeplerFactoryRecipe[] = [\n  [AddDataButtonFactory, CustomAddDataButtonFactory],\n  [PanelTitleFactory, CustomPanelTitleFactory],\n  [DndContextFactory, CustomDndContextFactory],\n  [FilterPanelHeaderFactory, CustomFilterPanelHeaderFactory],\n  [MapLegendPanelFactory, CustomMapLegendPanelFactory],\n  [MapLegendFactory, CustomMapLegendFactory],\n  [MapControlTooltipFactory, CustomMapControlTooltipFactory],\n];\n\nlet customRecipes: KeplerFactoryRecipe[] = [];\nlet injector = createKeplerInjector();\n\nfunction createKeplerInjector(recipes: KeplerFactoryRecipe[] = []) {\n  return provideRecipesToInjector(\n    [...defaultRecipes, ...recipes] as unknown as [Factory, Factory][],\n    appInjector,\n  );\n}\n\nexport function configureKeplerInjector(\n  recipes: KeplerFactoryRecipe[],\n  options: {mode?: KeplerFactoryRecipeMode} = {},\n) {\n  const mode = options.mode ?? 'append';\n  customRecipes =\n    mode === 'replace' ? [...recipes] : [...customRecipes, ...recipes];\n  injector = createKeplerInjector(customRecipes);\n}\n\nexport function resetKeplerInjectorRecipes() {\n  customRecipes = [];\n  injector = createKeplerInjector();\n}\n\nexport function getKeplerInjector() {\n  return injector;\n}\n\nexport function getKeplerFactory<TFactory extends KeplerFactory>(\n  factory: TFactory,\n): ReturnType<TFactory> {\n  // Resolve from the injector at render time so late configuration works,\n  // while keeping a stable component definition outside render.\n  const Wrapped = ((props: Record<string, unknown>) => {\n    const Component = getKeplerInjector().get(\n      factory as unknown as Factory,\n    ) as React.ComponentType<Record<string, unknown>>;\n    return <Component {...props} />;\n  }) as unknown as ReturnType<TFactory>;\n  return Wrapped;\n}\n\nexport const KeplerInjector = {\n  get<TFactory extends KeplerFactory>(factory: TFactory) {\n    return getKeplerFactory(factory);\n  },\n};\n"]}

package/dist/components/KeplerMapContainer.js

@@ -3,14 +3,14 @@ import { useMemo, useRef, useEffect, useState } from 'react';
 import { MapContainerFactory, BottomWidgetFactory, GeocoderPanelFactory, mapFieldsSelector, bottomWidgetSelector, geoCoderPanelSelector, modalContainerSelector, MapViewStateContextProvider, RootContext, ModalContainerFactory, } from '@kepler.gl/components';
 import { useDimensions, getAnimatableVisibleLayers } from '@kepler.gl/utils';
 import styled, { useTheme } from 'styled-components';
-import { KeplerInjector } from './KeplerInjector';
+import { getKeplerFactory } from './KeplerInjector';
 import { KeplerProvider } from './KeplerProvider';
 import { useKeplerStateActions } from '../hooks/useKeplerStateActions';
 import { useStoreWithKepler } from '../KeplerSlice';
-const MapContainer = KeplerInjector.get(MapContainerFactory);
-const BottomWidget = KeplerInjector.get(BottomWidgetFactory);
-const GeoCoderPanel = KeplerInjector.get(GeocoderPanelFactory);
-const ModalContainer = KeplerInjector.get(ModalContainerFactory);
+const MapContainer = getKeplerFactory(MapContainerFactory);
+const BottomWidget = getKeplerFactory(BottomWidgetFactory);
+const GeoCoderPanel = getKeplerFactory(GeocoderPanelFactory);
+const ModalContainer = getKeplerFactory(ModalContainerFactory);
 const DEFAULT_DIMENSIONS = {
     width: 0,
     height: 0,
@@ -85,7 +85,7 @@ const KeplerGl = ({ mapId }) => {
         : null;
     const mapboxApiAccessToken = mapFields?.mapStyle?.mapboxApiAccessToken ||
         basicKeplerProps?.mapboxApiAccessToken;
-    return (_jsx(RootContext.Provider, { value: containerRef, children: _jsxs(CustomWidgetcontainer, { ref: containerRef, className: "kepler-gl relative flex h-full w-full flex-col justify-between", children: [mapFields?.mapState ? (_jsx(MapViewStateContextProvider, { mapState: mapFields.mapState, children: _jsx(MapContainer, { primary: true, containerId: 0, index: 0, ...mapFields, mapboxApiAccessToken: mapboxApiAccessToken }, 0) })) : null, interactionConfig?.geocoder?.enabled ? (_jsx(GeoCoderPanel, { ...geoCoderPanelFields, index: 0, unsyncedViewports: false, mapboxApiAccessToken: mapboxApiAccessToken })) : null, bottomWidgetFields ? (_jsx(BottomWidget, { rootRef: bottomWidgetRef, ...bottomWidgetFields, theme: theme, containerW: size?.width })) : null, modalContainerFields ? (_jsx(ModalContainer, { ...modalContainerFields, containerW: size?.width, containerH: size?.height })) : null] }) }));
+    return (_jsx(RootContext.Provider, { value: containerRef, children: _jsxs(CustomWidgetcontainer, { ref: containerRef, className: "kepler-gl relative flex h-full w-full flex-col justify-between", children: [mapFields?.mapState ? (_jsx(MapViewStateContextProvider, { mapState: mapFields.mapState, children: _jsx(MapContainer, { primary: true, containerId: 0, index: 0, ...mapFields, mapboxApiAccessToken: mapboxApiAccessToken || '' }, 0) })) : null, geoCoderPanelFields && interactionConfig?.geocoder?.enabled ? (_jsx(GeoCoderPanel, { ...geoCoderPanelFields, index: 0, unsyncedViewports: false, mapboxApiAccessToken: mapboxApiAccessToken || '' })) : null, size && bottomWidgetFields ? (_jsx(BottomWidget, { rootRef: bottomWidgetRef, ...bottomWidgetFields, theme: theme, containerW: size?.width })) : null, size && size.width && size.height && modalContainerFields ? (_jsx(ModalContainer, { ...modalContainerFields, containerW: size?.width, containerH: size?.height })) : null] }) }));
 };
 export const KeplerMapContainer = ({ mapId }) => {
     return (_jsx(KeplerProvider, { mapId: mapId, children: _jsx(KeplerGl, { mapId: mapId }) }));

package/dist/components/KeplerMapContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeplerMapContainer.js","sourceRoot":"","sources":["../../src/components/KeplerMapContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {FC, useMemo, useRef, useEffect, useState} from 'react';\n\nimport {\n  MapContainerFactory,\n  BottomWidgetFactory,\n  GeocoderPanelFactory,\n  mapFieldsSelector,\n  bottomWidgetSelector,\n  geoCoderPanelSelector,\n  modalContainerSelector,\n  MapViewStateContextProvider,\n  RootContext,\n  ModalContainerFactory,\n} from '@kepler.gl/components';\nimport {useDimensions, getAnimatableVisibleLayers} from '@kepler.gl/utils';\nimport styled, {useTheme} from 'styled-components';\n\nimport {KeplerInjector} from './KeplerInjector';\nimport {KeplerProvider} from './KeplerProvider';\nimport {useKeplerStateActions} from '../hooks/useKeplerStateActions';\nimport {useStoreWithKepler} from '../KeplerSlice';\n\nconst MapContainer = KeplerInjector.get(MapContainerFactory);\nconst BottomWidget = KeplerInjector.get(BottomWidgetFactory);\nconst GeoCoderPanel = KeplerInjector.get(GeocoderPanelFactory);\nconst ModalContainer = KeplerInjector.get(ModalContainerFactory);\n\nconst DEFAULT_DIMENSIONS = {\n  width: 0,\n  height: 0,\n};\nconst KEPLER_PROPS = {\n  mapboxApiUrl: 'https://api.mapbox.com',\n  appName: 'kepler.gl',\n  sidePanelWidth: 0,\n};\n// overide kepler default style\nconst CustomWidgetcontainer = styled.div`\n  .bottom-widget--inner {\n    margin-top: 0;\n  }\n\n  .map-popover {\n    z-index: 50;\n  }\n\n  /* Remove top margin from Trip layer timeline */\n  .kepler-gl .bottom-widget--container .animation-control-container,\n  .bottom-widget--container .animation-control-container {\n    margin-top: 0 !important;\n  }\n`;\n\ntype KeplerGLProps = Parameters<typeof geoCoderPanelSelector>[0];\n\nconst KeplerGl: FC<{\n  mapId: string;\n}> = ({mapId}) => {\n  const bottomWidgetRef = useRef(null);\n  const [containerRef, size] = useDimensions<HTMLDivElement>();\n  const [containerNode, setContainerNode] = useState<HTMLElement | null>(null);\n  const theme = useTheme();\n  const basicKeplerProps = useStoreWithKepler(\n    (state) => state.kepler.basicKeplerProps,\n  );\n\n  const {keplerActions, keplerState} = useKeplerStateActions({mapId});\n  const interactionConfig = keplerState?.visState?.interactionConfig;\n\n  // Capture the current container DOM node outside of render logic\n  useEffect(() => {\n    setContainerNode(containerRef.current);\n  }, [containerRef]);\n\n  // Update export image settings when size changes\n  useEffect(() => {\n    if (size?.width && size?.height) {\n      keplerActions.uiStateActions.setExportImageSetting({\n        mapW: size.width,\n        mapH: size.height,\n      });\n    }\n  }, [size?.width, size?.height, keplerActions.uiStateActions]);\n\n  const mergedKeplerProps = useMemo(() => {\n    return {\n      ...KEPLER_PROPS,\n      ...keplerState,\n      ...keplerActions,\n      id: mapId,\n    } as KeplerGLProps;\n  }, [keplerState, keplerActions, mapId]);\n  const geoCoderPanelFields = keplerState?.visState\n    ? geoCoderPanelSelector(\n        mergedKeplerProps,\n        // dont need height\n        size || DEFAULT_DIMENSIONS,\n      )\n    : null;\n  const mapFields = useMemo(\n    () => (keplerState?.visState ? mapFieldsSelector(mergedKeplerProps) : null),\n    [keplerState, mergedKeplerProps],\n  );\n\n  // Check if there are filters or animatable layers (e.g., Trip layers)\n  const hasFilters = Boolean(keplerState?.visState.filters?.length);\n  const hasAnimatableLayers = useMemo(() => {\n    const layers = keplerState?.visState?.layers || [];\n    return getAnimatableVisibleLayers(layers).length > 0;\n  }, [keplerState?.visState?.layers]);\n\n  const bottomWidgetFields =\n    hasFilters || hasAnimatableLayers\n      ? bottomWidgetSelector(mergedKeplerProps, theme)\n      : null;\n\n  const modalContainerFields = keplerState?.visState\n    ? modalContainerSelector(mergedKeplerProps, containerNode)\n    : null;\n\n  const mapboxApiAccessToken =\n    mapFields?.mapStyle?.mapboxApiAccessToken ||\n    basicKeplerProps?.mapboxApiAccessToken;\n  return (\n    <RootContext.Provider value={containerRef}>\n      <CustomWidgetcontainer\n        ref={containerRef}\n        className=\"kepler-gl relative flex h-full w-full flex-col justify-between\"\n      >\n        {mapFields?.mapState ? (\n          <MapViewStateContextProvider mapState={mapFields.mapState}>\n            <MapContainer\n              primary={true}\n              containerId={0}\n              key={0}\n              index={0}\n              {...mapFields}\n              mapboxApiAccessToken={mapboxApiAccessToken}\n            />\n          </MapViewStateContextProvider>\n        ) : null}\n        {interactionConfig?.geocoder?.enabled ? (\n          <GeoCoderPanel\n            {...geoCoderPanelFields}\n            index={0}\n            unsyncedViewports={false}\n            mapboxApiAccessToken={mapboxApiAccessToken}\n          />\n        ) : null}\n        {bottomWidgetFields ? (\n          <BottomWidget\n            rootRef={bottomWidgetRef}\n            {...bottomWidgetFields}\n            theme={theme}\n            containerW={size?.width}\n          />\n        ) : null}\n        {modalContainerFields ? (\n          <ModalContainer\n            {...modalContainerFields}\n            containerW={size?.width}\n            containerH={size?.height}\n          />\n        ) : null}\n      </CustomWidgetcontainer>\n    </RootContext.Provider>\n  );\n};\n\nexport const KeplerMapContainer: FC<{\n  mapId: string;\n}> = ({mapId}) => {\n  return (\n    <KeplerProvider mapId={mapId}>\n      <KeplerGl mapId={mapId} />\n    </KeplerProvider>\n  );\n};\n"]}
+{"version":3,"file":"KeplerMapContainer.js","sourceRoot":"","sources":["../../src/components/KeplerMapContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import {FC, useMemo, useRef, useEffect, useState} from 'react';\n\nimport {\n  MapContainerFactory,\n  BottomWidgetFactory,\n  GeocoderPanelFactory,\n  mapFieldsSelector,\n  bottomWidgetSelector,\n  geoCoderPanelSelector,\n  modalContainerSelector,\n  MapViewStateContextProvider,\n  RootContext,\n  ModalContainerFactory,\n} from '@kepler.gl/components';\nimport {useDimensions, getAnimatableVisibleLayers} from '@kepler.gl/utils';\nimport styled, {useTheme} from 'styled-components';\n\nimport {getKeplerFactory} from './KeplerInjector';\nimport {KeplerProvider} from './KeplerProvider';\nimport {useKeplerStateActions} from '../hooks/useKeplerStateActions';\nimport {useStoreWithKepler} from '../KeplerSlice';\n\nconst MapContainer = getKeplerFactory(MapContainerFactory);\nconst BottomWidget = getKeplerFactory(BottomWidgetFactory);\nconst GeoCoderPanel = getKeplerFactory(GeocoderPanelFactory);\nconst ModalContainer = getKeplerFactory(ModalContainerFactory);\n\nconst DEFAULT_DIMENSIONS = {\n  width: 0,\n  height: 0,\n};\nconst KEPLER_PROPS = {\n  mapboxApiUrl: 'https://api.mapbox.com',\n  appName: 'kepler.gl',\n  sidePanelWidth: 0,\n};\n// overide kepler default style\nconst CustomWidgetcontainer = styled.div`\n  .bottom-widget--inner {\n    margin-top: 0;\n  }\n\n  .map-popover {\n    z-index: 50;\n  }\n\n  /* Remove top margin from Trip layer timeline */\n  .kepler-gl .bottom-widget--container .animation-control-container,\n  .bottom-widget--container .animation-control-container {\n    margin-top: 0 !important;\n  }\n`;\n\ntype KeplerGLProps = Parameters<typeof geoCoderPanelSelector>[0];\n\nconst KeplerGl: FC<{\n  mapId: string;\n}> = ({mapId}) => {\n  const bottomWidgetRef = useRef(null);\n  const [containerRef, size] = useDimensions<HTMLDivElement>();\n  const [containerNode, setContainerNode] = useState<HTMLElement | null>(null);\n  const theme = useTheme();\n  const basicKeplerProps = useStoreWithKepler(\n    (state) => state.kepler.basicKeplerProps,\n  );\n\n  const {keplerActions, keplerState} = useKeplerStateActions({mapId});\n  const interactionConfig = keplerState?.visState?.interactionConfig;\n\n  // Capture the current container DOM node outside of render logic\n  useEffect(() => {\n    setContainerNode(containerRef.current);\n  }, [containerRef]);\n\n  // Update export image settings when size changes\n  useEffect(() => {\n    if (size?.width && size?.height) {\n      keplerActions.uiStateActions.setExportImageSetting({\n        mapW: size.width,\n        mapH: size.height,\n      });\n    }\n  }, [size?.width, size?.height, keplerActions.uiStateActions]);\n\n  const mergedKeplerProps = useMemo(() => {\n    return {\n      ...KEPLER_PROPS,\n      ...keplerState,\n      ...keplerActions,\n      id: mapId,\n    } as KeplerGLProps;\n  }, [keplerState, keplerActions, mapId]);\n  const geoCoderPanelFields = keplerState?.visState\n    ? geoCoderPanelSelector(\n        mergedKeplerProps,\n        // dont need height\n        size || DEFAULT_DIMENSIONS,\n      )\n    : null;\n  const mapFields = useMemo(\n    () => (keplerState?.visState ? mapFieldsSelector(mergedKeplerProps) : null),\n    [keplerState, mergedKeplerProps],\n  );\n\n  // Check if there are filters or animatable layers (e.g., Trip layers)\n  const hasFilters = Boolean(keplerState?.visState.filters?.length);\n  const hasAnimatableLayers = useMemo(() => {\n    const layers = keplerState?.visState?.layers || [];\n    return getAnimatableVisibleLayers(layers).length > 0;\n  }, [keplerState?.visState?.layers]);\n\n  const bottomWidgetFields =\n    hasFilters || hasAnimatableLayers\n      ? bottomWidgetSelector(mergedKeplerProps, theme)\n      : null;\n\n  const modalContainerFields = keplerState?.visState\n    ? modalContainerSelector(mergedKeplerProps, containerNode)\n    : null;\n\n  const mapboxApiAccessToken =\n    mapFields?.mapStyle?.mapboxApiAccessToken ||\n    basicKeplerProps?.mapboxApiAccessToken;\n  return (\n    <RootContext.Provider value={containerRef}>\n      <CustomWidgetcontainer\n        ref={containerRef}\n        className=\"kepler-gl relative flex h-full w-full flex-col justify-between\"\n      >\n        {mapFields?.mapState ? (\n          <MapViewStateContextProvider mapState={mapFields.mapState}>\n            <MapContainer\n              primary={true}\n              containerId={0}\n              key={0}\n              index={0}\n              {...mapFields}\n              mapboxApiAccessToken={mapboxApiAccessToken || ''}\n            />\n          </MapViewStateContextProvider>\n        ) : null}\n        {geoCoderPanelFields && interactionConfig?.geocoder?.enabled ? (\n          <GeoCoderPanel\n            {...geoCoderPanelFields}\n            index={0}\n            unsyncedViewports={false}\n            mapboxApiAccessToken={mapboxApiAccessToken || ''}\n          />\n        ) : null}\n        {size && bottomWidgetFields ? (\n          <BottomWidget\n            rootRef={bottomWidgetRef}\n            {...bottomWidgetFields}\n            theme={theme}\n            containerW={size?.width}\n          />\n        ) : null}\n        {size && size.width && size.height && modalContainerFields ? (\n          <ModalContainer\n            {...modalContainerFields}\n            containerW={size?.width}\n            containerH={size?.height}\n          />\n        ) : null}\n      </CustomWidgetcontainer>\n    </RootContext.Provider>\n  );\n};\n\nexport const KeplerMapContainer: FC<{\n  mapId: string;\n}> = ({mapId}) => {\n  return (\n    <KeplerProvider mapId={mapId}>\n      <KeplerGl mapId={mapId} />\n    </KeplerProvider>\n  );\n};\n"]}

package/dist/components/KeplerPlotContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeplerPlotContainer.d.ts","sourceRoot":"","sources":["../../src/components/KeplerPlotContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAkB7C,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CAmCA,CAAC"}
+{"version":3,"file":"KeplerPlotContainer.d.ts","sourceRoot":"","sources":["../../src/components/KeplerPlotContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,EAAE,EAAE,SAAS,EAAU,MAAM,OAAO,CAAC;AAmB7C,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,SAAS,CAAC;CAC3B,CAmCA,CAAC"}

package/dist/components/KeplerPlotContainer.js

@@ -2,9 +2,9 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useMemo } from 'react';
 import { PlotContainerFactory, plotContainerSelector, } from '@kepler.gl/components';
 import { useKeplerStateActions } from '../hooks/useKeplerStateActions';
-import { KeplerInjector } from './KeplerInjector';
+import { getKeplerFactory } from './KeplerInjector';
 import { KeplerProvider } from './KeplerProvider';
-const PlotContainer = KeplerInjector.get(PlotContainerFactory);
+const PlotContainer = getKeplerFactory(PlotContainerFactory);
 const KEPLER_PROPS = {
     mapboxApiUrl: 'https://api.mapbox.com',
     appName: 'kepler.gl',

package/dist/components/KeplerPlotContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeplerPlotContainer.js","sourceRoot":"","sources":["../../src/components/KeplerPlotContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,OAAO,EAAC,MAAM,OAAO,CAAC;AAE7C,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAC,qBAAqB,EAAC,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAEhD,MAAM,aAAa,GAAG,cAAc,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAC;AAC/D,MAAM,YAAY,GAAG;IACnB,YAAY,EAAE,wBAAwB;IACtC,OAAO,EAAE,WAAW;IACpB,cAAc,EAAE,CAAC;IACjB,oBAAoB,EAAE,EAAE;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAG3B,CAAC,EAAC,KAAK,EAAE,aAAa,EAAC,EAAE,EAAE;IAC9B,MAAM,EAAC,WAAW,EAAE,aAAa,EAAC,GAAG,qBAAqB,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC;IAEpE,MAAM,gBAAgB,GAAG,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,CAAC;IACtE,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CACH,WAAW,KAAK,SAAS;QACvB,CAAC,CAAC;YACE,GAAG,YAAY;YACf,oBAAoB,EAClB,YAAY,CAAC,oBAAoB;gBACjC,WAAW,EAAE,QAAQ,EAAE,oBAAoB;gBAC3C,EAAE;YACJ,GAAG,WAAW;YACd,GAAG,aAAa;YAChB,EAAE,EAAE,KAAK;SACV;QACH,CAAC,CAAC,IAAI,EACV,CAAC,WAAW,EAAE,aAAa,EAAE,KAAK,CAAC,CACpC,CAAC;IAEF,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,qBAAqB,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3E,wEAAwE;IACxE,CAAC,iBAAiB,CAAC,CACpB,CAAC;IAEF,OAAO,gBAAgB,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAC/C,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,YAC1B,KAAC,aAAa,OACR,mBAAmB,EACvB,aAAa,EAAE,aAAa,IAAI,IAAI,GACpC,GACa,CAClB,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC","sourcesContent":["import {FC, ReactNode, useMemo} from 'react';\n\nimport {\n  PlotContainerFactory,\n  plotContainerSelector,\n} from '@kepler.gl/components';\nimport {useKeplerStateActions} from '../hooks/useKeplerStateActions';\nimport {KeplerInjector} from './KeplerInjector';\nimport {KeplerProvider} from './KeplerProvider';\n\nconst PlotContainer = KeplerInjector.get(PlotContainerFactory);\nconst KEPLER_PROPS = {\n  mapboxApiUrl: 'https://api.mapbox.com',\n  appName: 'kepler.gl',\n  sidePanelWidth: 0,\n  mapboxApiAccessToken: '',\n};\n\nexport const KeplerPlotContainer: FC<{\n  mapId: string;\n  logoComponent?: ReactNode;\n}> = ({mapId, logoComponent}) => {\n  const {keplerState, keplerActions} = useKeplerStateActions({mapId});\n\n  const isExportingImage = keplerState?.uiState?.exportImage?.exporting;\n  const mergedKeplerProps = useMemo(\n    () =>\n      keplerState !== undefined\n        ? {\n            ...KEPLER_PROPS,\n            mapboxApiAccessToken:\n              KEPLER_PROPS.mapboxApiAccessToken ||\n              keplerState?.mapStyle?.mapboxApiAccessToken ||\n              '',\n            ...keplerState,\n            ...keplerActions,\n            id: mapId,\n          }\n        : null,\n    [keplerState, keplerActions, mapId],\n  );\n\n  const plotContainerFields = useMemo(\n    () => (mergedKeplerProps ? plotContainerSelector(mergedKeplerProps) : null),\n    // mergedKeplerProps already changes when filters change via keplerState\n    [mergedKeplerProps],\n  );\n\n  return isExportingImage && plotContainerFields ? (\n    <KeplerProvider mapId={mapId}>\n      <PlotContainer\n        {...plotContainerFields}\n        logoComponent={logoComponent ?? null}\n      />\n    </KeplerProvider>\n  ) : null;\n};\n"]}
+{"version":3,"file":"KeplerPlotContainer.js","sourceRoot":"","sources":["../../src/components/KeplerPlotContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,OAAO,EAAC,MAAM,OAAO,CAAC;AAE7C,OAAO,EACL,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAC,qBAAqB,EAAC,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAEhD,MAAM,aAAa,GAAG,gBAAgB,CAAC,oBAAoB,CAAC,CAAC;AAE7D,MAAM,YAAY,GAAG;IACnB,YAAY,EAAE,wBAAwB;IACtC,OAAO,EAAE,WAAW;IACpB,cAAc,EAAE,CAAC;IACjB,oBAAoB,EAAE,EAAE;CACzB,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAG3B,CAAC,EAAC,KAAK,EAAE,aAAa,EAAC,EAAE,EAAE;IAC9B,MAAM,EAAC,WAAW,EAAE,aAAa,EAAC,GAAG,qBAAqB,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC;IAEpE,MAAM,gBAAgB,GAAG,WAAW,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,CAAC;IACtE,MAAM,iBAAiB,GAAG,OAAO,CAC/B,GAAG,EAAE,CACH,WAAW,KAAK,SAAS;QACvB,CAAC,CAAC;YACE,GAAG,YAAY;YACf,oBAAoB,EAClB,YAAY,CAAC,oBAAoB;gBACjC,WAAW,EAAE,QAAQ,EAAE,oBAAoB;gBAC3C,EAAE;YACJ,GAAG,WAAW;YACd,GAAG,aAAa;YAChB,EAAE,EAAE,KAAK;SACV;QACH,CAAC,CAAC,IAAI,EACV,CAAC,WAAW,EAAE,aAAa,EAAE,KAAK,CAAC,CACpC,CAAC;IAEF,MAAM,mBAAmB,GAAG,OAAO,CACjC,GAAG,EAAE,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,qBAAqB,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3E,wEAAwE;IACxE,CAAC,iBAAiB,CAAC,CACpB,CAAC;IAEF,OAAO,gBAAgB,IAAI,mBAAmB,CAAC,CAAC,CAAC,CAC/C,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,YAC1B,KAAC,aAAa,OACR,mBAAmB,EACvB,aAAa,EAAE,aAAa,IAAI,IAAI,GACpC,GACa,CAClB,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC","sourcesContent":["import {FC, ReactNode, useMemo} from 'react';\n\nimport {\n  PlotContainerFactory,\n  plotContainerSelector,\n} from '@kepler.gl/components';\nimport {useKeplerStateActions} from '../hooks/useKeplerStateActions';\nimport {getKeplerFactory} from './KeplerInjector';\nimport {KeplerProvider} from './KeplerProvider';\n\nconst PlotContainer = getKeplerFactory(PlotContainerFactory);\n\nconst KEPLER_PROPS = {\n  mapboxApiUrl: 'https://api.mapbox.com',\n  appName: 'kepler.gl',\n  sidePanelWidth: 0,\n  mapboxApiAccessToken: '',\n};\n\nexport const KeplerPlotContainer: FC<{\n  mapId: string;\n  logoComponent?: ReactNode;\n}> = ({mapId, logoComponent}) => {\n  const {keplerState, keplerActions} = useKeplerStateActions({mapId});\n\n  const isExportingImage = keplerState?.uiState?.exportImage?.exporting;\n  const mergedKeplerProps = useMemo(\n    () =>\n      keplerState !== undefined\n        ? {\n            ...KEPLER_PROPS,\n            mapboxApiAccessToken:\n              KEPLER_PROPS.mapboxApiAccessToken ||\n              keplerState?.mapStyle?.mapboxApiAccessToken ||\n              '',\n            ...keplerState,\n            ...keplerActions,\n            id: mapId,\n          }\n        : null,\n    [keplerState, keplerActions, mapId],\n  );\n\n  const plotContainerFields = useMemo(\n    () => (mergedKeplerProps ? plotContainerSelector(mergedKeplerProps) : null),\n    // mergedKeplerProps already changes when filters change via keplerState\n    [mergedKeplerProps],\n  );\n\n  return isExportingImage && plotContainerFields ? (\n    <KeplerProvider mapId={mapId}>\n      <PlotContainer\n        {...plotContainerFields}\n        logoComponent={logoComponent ?? null}\n      />\n    </KeplerProvider>\n  ) : null;\n};\n"]}

package/dist/components/KeplerSidePanels.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeplerSidePanels.d.ts","sourceRoot":"","sources":["../../src/components/KeplerSidePanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,GAAG,QAAQ,GAAG,aAAa,GAAG,KAAK,CAAC;IACpD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AACF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA+B3D,CAAC"}
+{"version":3,"file":"KeplerSidePanels.d.ts","sourceRoot":"","sources":["../../src/components/KeplerSidePanels.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,GAAG,QAAQ,GAAG,aAAa,GAAG,KAAK,CAAC;IACpD,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B,CAAC;AACF,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAkC3D,CAAC"}

package/dist/components/KeplerSidePanels.js

@@ -2,14 +2,17 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DndContextFactory } from '@kepler.gl/components';
 import { useKeplerStateActions } from '../hooks/useKeplerStateActions';
 import { KeplerProvider } from './KeplerProvider';
-import { KeplerInjector } from './KeplerInjector';
+import { getKeplerFactory } from './KeplerInjector';
 import { CustomLayerManager } from './CustomLayerManager';
 import { CustomFilterManager } from './CustomFilterManager';
 import { CustomMapManager } from './CustomMapManager';
 import { CustomInteractionManager } from './CustomInteractionManager';
-const DndContext = KeplerInjector.get(DndContextFactory);
+const DndContext = getKeplerFactory(DndContextFactory);
 export const KeplerSidePanels = ({ mapId, panelId, showDeleteDataset, }) => {
     const { keplerState } = useKeplerStateActions({ mapId });
+    if (!keplerState?.visState) {
+        return null;
+    }
     return (_jsx(KeplerProvider, { mapId: mapId, children: _jsx(DndContext, { visState: keplerState?.visState, children: _jsxs("div", { children: [panelId === 'layer' && (_jsx(CustomLayerManager, { mapId: mapId, showDeleteDataset: showDeleteDataset })), panelId === 'filter' && (_jsx(CustomFilterManager, { mapId: mapId, showDeleteDataset: showDeleteDataset })), panelId === 'map' && _jsx(CustomMapManager, { mapId: mapId }), panelId === 'interaction' && (_jsx(CustomInteractionManager, { mapId: mapId }))] }) }) }));
 };
 //# sourceMappingURL=KeplerSidePanels.js.map

package/dist/components/KeplerSidePanels.js.map

@@ -1 +1 @@
-{"version":3,"file":"KeplerSidePanels.js","sourceRoot":"","sources":["../../src/components/KeplerSidePanels.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAC,qBAAqB,EAAC,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AAEpE,MAAM,UAAU,GAAG,cAAc,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAOzD,MAAM,CAAC,MAAM,gBAAgB,GAAmC,CAAC,EAC/D,KAAK,EACL,OAAO,EACP,iBAAiB,GAClB,EAAE,EAAE;IACH,MAAM,EAAC,WAAW,EAAC,GAAG,qBAAqB,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC;IAErD,OAAO,CACL,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,YAC1B,KAAC,UAAU,IAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,YACzC,0BACG,OAAO,KAAK,OAAO,IAAI,CACtB,KAAC,kBAAkB,IACjB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,GACpC,CACH,EACA,OAAO,KAAK,QAAQ,IAAI,CACvB,KAAC,mBAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,GACpC,CACH,EACA,OAAO,KAAK,KAAK,IAAI,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,GAAI,EACvD,OAAO,KAAK,aAAa,IAAI,CAC5B,KAAC,wBAAwB,IAAC,KAAK,EAAE,KAAK,GAAI,CAC3C,IACG,GACK,GACE,CAClB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport {DndContextFactory} from '@kepler.gl/components';\nimport {useKeplerStateActions} from '../hooks/useKeplerStateActions';\nimport {KeplerProvider} from './KeplerProvider';\nimport {KeplerInjector} from './KeplerInjector';\nimport {CustomLayerManager} from './CustomLayerManager';\nimport {CustomFilterManager} from './CustomFilterManager';\nimport {CustomMapManager} from './CustomMapManager';\nimport {CustomInteractionManager} from './CustomInteractionManager';\n\nconst DndContext = KeplerInjector.get(DndContextFactory);\n\ntype KeplerSidePanelProps = {\n  mapId: string;\n  panelId: 'layer' | 'filter' | 'interaction' | 'map';\n  showDeleteDataset?: boolean;\n};\nexport const KeplerSidePanels: React.FC<KeplerSidePanelProps> = ({\n  mapId,\n  panelId,\n  showDeleteDataset,\n}) => {\n  const {keplerState} = useKeplerStateActions({mapId});\n\n  return (\n    <KeplerProvider mapId={mapId}>\n      <DndContext visState={keplerState?.visState}>\n        <div>\n          {panelId === 'layer' && (\n            <CustomLayerManager\n              mapId={mapId}\n              showDeleteDataset={showDeleteDataset}\n            />\n          )}\n          {panelId === 'filter' && (\n            <CustomFilterManager\n              mapId={mapId}\n              showDeleteDataset={showDeleteDataset}\n            />\n          )}\n          {panelId === 'map' && <CustomMapManager mapId={mapId} />}\n          {panelId === 'interaction' && (\n            <CustomInteractionManager mapId={mapId} />\n          )}\n        </div>\n      </DndContext>\n    </KeplerProvider>\n  );\n};\n"]}
+{"version":3,"file":"KeplerSidePanels.js","sourceRoot":"","sources":["../../src/components/KeplerSidePanels.tsx"],"names":[],"mappings":";AACA,OAAO,EAAC,iBAAiB,EAAC,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAC,qBAAqB,EAAC,MAAM,gCAAgC,CAAC;AACrE,OAAO,EAAC,cAAc,EAAC,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAC,gBAAgB,EAAC,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAC,kBAAkB,EAAC,MAAM,sBAAsB,CAAC;AACxD,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAC;AAC1D,OAAO,EAAC,gBAAgB,EAAC,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAC,wBAAwB,EAAC,MAAM,4BAA4B,CAAC;AAEpE,MAAM,UAAU,GAAG,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;AAOvD,MAAM,CAAC,MAAM,gBAAgB,GAAmC,CAAC,EAC/D,KAAK,EACL,OAAO,EACP,iBAAiB,GAClB,EAAE,EAAE;IACH,MAAM,EAAC,WAAW,EAAC,GAAG,qBAAqB,CAAC,EAAC,KAAK,EAAC,CAAC,CAAC;IAErD,IAAI,CAAC,WAAW,EAAE,QAAQ,EAAE,CAAC;QAC3B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,OAAO,CACL,KAAC,cAAc,IAAC,KAAK,EAAE,KAAK,YAC1B,KAAC,UAAU,IAAC,QAAQ,EAAE,WAAW,EAAE,QAAQ,YACzC,0BACG,OAAO,KAAK,OAAO,IAAI,CACtB,KAAC,kBAAkB,IACjB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,GACpC,CACH,EACA,OAAO,KAAK,QAAQ,IAAI,CACvB,KAAC,mBAAmB,IAClB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,GACpC,CACH,EACA,OAAO,KAAK,KAAK,IAAI,KAAC,gBAAgB,IAAC,KAAK,EAAE,KAAK,GAAI,EACvD,OAAO,KAAK,aAAa,IAAI,CAC5B,KAAC,wBAAwB,IAAC,KAAK,EAAE,KAAK,GAAI,CAC3C,IACG,GACK,GACE,CAClB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import React from 'react';\nimport {DndContextFactory} from '@kepler.gl/components';\nimport {useKeplerStateActions} from '../hooks/useKeplerStateActions';\nimport {KeplerProvider} from './KeplerProvider';\nimport {getKeplerFactory} from './KeplerInjector';\nimport {CustomLayerManager} from './CustomLayerManager';\nimport {CustomFilterManager} from './CustomFilterManager';\nimport {CustomMapManager} from './CustomMapManager';\nimport {CustomInteractionManager} from './CustomInteractionManager';\n\nconst DndContext = getKeplerFactory(DndContextFactory);\n\ntype KeplerSidePanelProps = {\n  mapId: string;\n  panelId: 'layer' | 'filter' | 'interaction' | 'map';\n  showDeleteDataset?: boolean;\n};\nexport const KeplerSidePanels: React.FC<KeplerSidePanelProps> = ({\n  mapId,\n  panelId,\n  showDeleteDataset,\n}) => {\n  const {keplerState} = useKeplerStateActions({mapId});\n\n  if (!keplerState?.visState) {\n    return null;\n  }\n  return (\n    <KeplerProvider mapId={mapId}>\n      <DndContext visState={keplerState?.visState}>\n        <div>\n          {panelId === 'layer' && (\n            <CustomLayerManager\n              mapId={mapId}\n              showDeleteDataset={showDeleteDataset}\n            />\n          )}\n          {panelId === 'filter' && (\n            <CustomFilterManager\n              mapId={mapId}\n              showDeleteDataset={showDeleteDataset}\n            />\n          )}\n          {panelId === 'map' && <CustomMapManager mapId={mapId} />}\n          {panelId === 'interaction' && (\n            <CustomInteractionManager mapId={mapId} />\n          )}\n        </div>\n      </DndContext>\n    </KeplerProvider>\n  );\n};\n"]}

package/dist/index.d.ts

@@ -17,5 +17,7 @@ export { KeplerProvider } from './components/KeplerProvider';
 export { useKeplerStateActions } from './hooks/useKeplerStateActions';
 export { KeplerPlotContainer } from './components/KeplerPlotContainer';
 export { KeplerImageExport } from './components/KeplerImageExport';
+export { configureKeplerInjector, resetKeplerInjectorRecipes, getKeplerInjector, getKeplerFactory, } from './components/KeplerInjector';
+export type { KeplerFactoryRecipe, KeplerFactoryRecipeMode, } from './components/KeplerInjector';
 export { KeplerMapSchema, KeplerSliceConfig } from '@sqlrooms/kepler-config';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,GAC1B,MAAM,eAAe,CAAC;AACvB,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAC,kBAAkB,EAAC,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAC,sBAAsB,EAAC,MAAM,qCAAqC,CAAC;AAC3E,YAAY,EAAC,WAAW,EAAC,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE,YAAY,EACV,wBAAwB,EACxB,cAAc,GACf,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,YAAY,EAAC,oBAAoB,EAAC,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAC,qBAAqB,EAAC,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AAIjE,OAAO,EAAC,eAAe,EAAE,iBAAiB,EAAC,MAAM,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,yBAAyB,GAC1B,MAAM,eAAe,CAAC;AACvB,YAAY,EAAC,gBAAgB,EAAC,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAC,kBAAkB,EAAC,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAC,gBAAgB,EAAC,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAC,sBAAsB,EAAC,MAAM,qCAAqC,CAAC;AAC3E,YAAY,EAAC,WAAW,EAAC,MAAM,qCAAqC,CAAC;AACrE,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE,YAAY,EACV,wBAAwB,EACxB,cAAc,GACf,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,aAAa,EAAC,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAC,eAAe,EAAC,MAAM,8BAA8B,CAAC;AAC7D,YAAY,EAAC,oBAAoB,EAAC,MAAM,8BAA8B,CAAC;AACvE,OAAO,EAAC,cAAc,EAAC,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAC,qBAAqB,EAAC,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAC,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAC;AACjE,OAAO,EACL,uBAAuB,EACvB,0BAA0B,EAC1B,iBAAiB,EACjB,gBAAgB,GACjB,MAAM,6BAA6B,CAAC;AACrC,YAAY,EACV,mBAAmB,EACnB,uBAAuB,GACxB,MAAM,6BAA6B,CAAC;AAIrC,OAAO,EAAC,eAAe,EAAE,iBAAiB,EAAC,MAAM,yBAAyB,CAAC"}