\n {\n if (props.readonly) return\n setValidationStatus(null)\n props.onValueChange?.(value)\n }}\n />\n
\n );\n}","import React from 'react'\nimport styles from './Dialog.module.css'\n// import {Button} from 'reactstrap';\n\nconst Dialog = ({ children, onClose }) => {\n return (\n \n {!props.readonly && (\n \n \n \n )}\n {validationStatus && (\n \n \n \n )}\n \n \n \n {!props.readonly && (\n \n \n \n )}\n \n \n \n {!props.readonly && (\n \n \n \n )}\n setExpanded(prevExpanded => !prevExpanded)}>\n \n \n
\n \n
\n )}\n \n {!props.readonly && (\n \n
\n )\n}\n\nexport default Dialog\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"main\":\"Tab_main__3hRYf\",\"areaContainer\":\"Tab_areaContainer__uoK5W\",\"viewMode\":\"Tab_viewMode__1R_jG\",\"tabs\":\"Tab_tabs__8TT4t\",\"tab\":\"Tab_tab__2juvH\",\"selected\":\"Tab_selected__2GbnM\",\"refresh\":\"Tab_refresh__3o4j1\",\"threeColorTemplate\":\"Tab_threeColorTemplate__8xvrv\",\"carouselTabsContainer\":\"Tab_carouselTabsContainer__g_Gab\",\"carouselButton\":\"Tab_carouselButton__1jj7D\",\"carouselItem\":\"Tab_carouselItem__2zDPU\"};","export default __webpack_public_path__ + \"static/media/person.89f69b5b.svg\";","export default __webpack_public_path__ + \"static/media/gear.e350f069.svg\";","import { Component } from 'react'\nimport { Button } from 'reactstrap'\nimport styles from './Header.module.css'\nimport person from '../images/person.svg'\nimport gear from '../images/gear.svg'\nimport { connect } from 'react-redux'\nimport { withRouter } from 'react-router-dom'\nimport { Grow } from '@mui/material'\nimport Command from '../helpers/Command'\nimport infoIcon from '../images/info.svg'\nimport { AutoHyperlink } from './AutoHyperlink'\nimport { logout } from '../api/login'\n\nconst BACKUP_LOGO = '/logos/logo-wistor.png'\n\nclass Header extends Component {\n state = { collapsed: true }\n\n logoutRepoOrPlatform = async () => {\n let bbsparql = this.props.bbsparqlendpoint\n if (bbsparql != null) {\n Command.sendCommand(this, 'logout', null, function () {\n window.location.reload(false)\n })\n } else {\n console.log('logout from config mongo/nodejs platform')\n await logout()\n window.location.href = '/'\n // localStorage.removeItem('kvk-vb-token');\n }\n\n //window.location.reload(false);\n }\n\n login = () => {\n this.props.history.push('/login', this.props.location.pathname)\n }\n\n onClickManageUsers = () => {\n this.props.history.push('/users', this.props.location.pathname)\n }\n\n mouseOver = (e) => {\n console.log('in')\n // this.setState({collapsed:false});\n }\n mouseOut = (e) => {\n console.log('out')\n // this.setState({collapsed:true});\n }\n\n render() {\n /** @type {LoginState} */\n const loginState = this.props.loginState\n const collapsed = this.state.collapsed\n var logoutbutton =this.props.logoutbutton;\n if (logoutbutton==null) logoutbutton=false;\n\n const showLogoutButton = !loginState.isLoggingIn\n // always show logout button for platform users\n && (logoutbutton || loginState.isLoggedIn)\n\n const showLoginButton = !loginState.isLoggingIn\n && !showLogoutButton\n && !loginState.isLoggedIn\n && !this.props.noLoginButton\n\n return (\n e.stopPropagation()}>\n {/*
\n \n \n
*/}\n \n {children}\n {/*
\n \n \n
*/}\n \n \n
\n \n \n \n {this.props.title || ''}\n {this.props.onInfoClick && (\n this.props.onInfoClick()}\n />\n )}\n \n
\n \n {(!loginState.isLoggingIn && loginState.isLoggedIn) && (\n <>\n 
\n
\n \n \n Manage Users\n \n )}\n
\n \n )}\n {showLogoutButton && (\n \n )}\n {showLoginButton && (\n \n )}\n \n {loginState.user?.name}\n
\n {(loginState.user?.role === 'admin' || loginState.user?.role === 'superadmin') && (\n \n this.navigateToNextTab() : undefined}\n />\n
\n )\n })}\n\n {(this.props.appearance === APPEARANCE.CAROUSEL_WITHOUT_BUTTONS ||\n this.props.appearance === APPEARANCE.CAROUSEL_WITH_BUTTONS) && (\n \n {props.tabs.map((tabText, index) => {\n const tabHideId = props.hideTabIDs?.at(index)\n if (tabHideId && props.hideTabs?.includes(tabHideId)) return null\n\n let isSelected = index === props.selectedIndex\n const hideTabText = props.inactiveTabsOnlyIcons && props.icons && !isSelected\n return (\n props.onTabClick(index)}\n >\n {props.icons != null && (\n
\n )\n })}\n \n )\n}\n\nfunction CarouselTabs(props: {\n tabs: string[]\n selectedIndex: number\n withButtons: boolean\n prevIcon?: null | IconProp\n itemIcon?: null | IconProp\n nextIcon?: null | IconProp\n onTabClick: (index: number) => any\n}) {\n return (\n \n {props.withButtons &&\n {\n if (props.selectedIndex <= 0) return\n props.onTabClick(props.selectedIndex - 1)\n }}\n className={styles.carouselButton}\n >\n props.onTabClick(i)}\n >\n {\n if (props.tabs && props.selectedIndex + 1 >= props.tabs.length) return\n props.onTabClick(props.selectedIndex + 1)\n }}\n >\n
\n )\n}\n\nexport function getFirstNonHiddenTab(tabs: string[], hideTabIds: string[], hideTabs: string[]) {\n for (let i = 0; i < tabs.length; i++) {\n const tabHideId = hideTabIds?.[i]\n if (tabHideId && !hideTabs?.includes(tabHideId)) return i\n }\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"Header_wrapper__3z-hj\",\"main\":\"Header_main__3czEd\",\"modern\":\"Header_modern__3hyIe\",\"title\":\"Header_title__2C1Mo\",\"centerPart\":\"Header_centerPart__RkjuJ\",\"auth\":\"Header_auth__3IKlE\",\"nameContainer\":\"Header_nameContainer__1xkA5\",\"infoIcon\":\"Header_infoIcon__2hP7N\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"mainContainer\":\"Users_mainContainer__blMaO\",\"main\":\"Users_main__1Ek77\",\"content\":\"Users_content__2hEUp\",\"title\":\"Users_title__UBjWr\",\"tableContainer\":\"Users_tableContainer__spoq6\",\"add\":\"Users_add__1M5OB\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"main\":\"Table2_main__3S9MH\",\"copyicon\":\"Table2_copyicon__-E6ZQ\",\"headertxt\":\"Table2_headertxt__k1L5n\",\"list\":\"Table2_list__35G0R\",\"firstItemBold\":\"Table2_firstItemBold__1-sUM\",\"link\":\"Table2_link__3RM4J\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"main\":\"SearchAutocomplete_main__1k8NJ\",\"inputContainer\":\"SearchAutocomplete_inputContainer__2Ybjz\",\"threeColorTemplate\":\"SearchAutocomplete_threeColorTemplate__1hVXq\",\"items\":\"SearchAutocomplete_items__cpVFv\",\"item\":\"SearchAutocomplete_item__2NkmI\",\"selected\":\"SearchAutocomplete_selected__1alXJ\",\"noResults\":\"SearchAutocomplete_noResults__1wYx9\",\"headertxt\":\"SearchAutocomplete_headertxt__20CQu\"};","class AfterJS {\n static init() {\n // console.log(\"init afterjs\");\n }\n static getJSScriptAfterSelectionChange() {\n return {\n name: 'jsAfterSelection',\n type: 'text',\n label: 'js calls after selection',\n }\n }\n\n static runAfterSelection(widget) {\n //AfterJS.init(\"run after selection \",widget);\n\n if (widget.props.jsAfterSelection != null) {\n let js = widget.props.jsAfterSelection\n console.log(js, widget)\n try {\n eval(js) //eslint-disable-line no-eval\n } catch (e) {\n console.log(e)\n }\n }\n }\n\n static fillParameterUsingSelectionURIAndPred(widget, parameter, pred) {\n let pv = widget.props.publishVariable\n let uri = widget.props.pubsub[pv]\n //if (uri==null) return;\n\n let sparql =\n 'select distinct ?result where {optional {<' +\n uri +\n '><' +\n pred +\n '>?value} bind (IF(BOUND(?value),\"niks\",\"3d\") as ?result)} limit 1'\n // console.log(sparql);\n window.top.MySparql.select(sparql, function (arg) {\n let result = arg.results.bindings[0].result.value\n // console.log(result);\n widget.props.publish(parameter, result)\n })\n\n //console.log(widget,parameter,pred);\n }\n\n static test(widget) {\n console.log('testing Afterjs ')\n\n console.log(widget)\n }\n}\n\nexport default AfterJS\n","import * as React from \"react\"\nimport * as PopoverPrimitive from \"@radix-ui/react-popover\"\n\nimport { mergeClasses } from '../../helpers/styling'\n\nconst Popover = PopoverPrimitive.Root\n\nconst PopoverTrigger = PopoverPrimitive.Trigger\n\nconst PopoverClose = PopoverPrimitive.PopoverClose\n\nconst PopoverContent = React.forwardRef<\n React.ElementRef\n
\n )\n}","import { z } from \"zod\"\n\nexport const ProjectSchema = z.object({\n id: z.string(),\n title: z.string(),\n path: z.string(),\n createdAt: z.string()\n})\n\nexport type Project = z.inferClick to copy
\n- \n {AVAILABLE_FONTS.map(font => (\n
- \n {\n e.preventDefault()\n await navigator.clipboard.writeText(font)\n props.onClose()\n }}>\n {font}\n \n \n ))}\n
\n
\n )\n }\n}\n\nFooter = withRouter(Footer)\n\nexport default Footer\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"main\":\"Slider_main__2CxOA\",\"label\":\"Slider_label__2e9Wr\",\"container\":\"Slider_container__3ZWIg\",\"slider\":\"Slider_slider__2O89W\",\"rangeValue\":\"Slider_rangeValue__L0PAk\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"login-app\":\"LoginPageLayout_login-app__1oxY2\",\"login-container\":\"LoginPageLayout_login-container__2Rrzi\",\"login-main\":\"LoginPageLayout_login-main__1Sbct\",\"login-button-bar\":\"LoginPageLayout_login-button-bar__2UdlH\",\"login-error\":\"LoginPageLayout_login-error__oBKEo\",\"login-spinner\":\"LoginPageLayout_login-spinner__3p4Dd\",\"login-button-sso\":\"LoginPageLayout_login-button-sso__qwwjd\"};","import axios from 'axios'\n\nexport const fetchProjects = (cb) => async (dispatch, getState) => {\n if (getState().projects.loaded) return\n dispatch({ type: 'FETCH_PROJECTS_REQUEST' })\n try {\n let { data } = await axios({\n method: 'get',\n url: '/api/projects',\n headers: {\n Authorization: `Bearer ${localStorage.getItem('kvk-vb-token')}`,\n },\n })\n dispatch({ type: 'FETCH_PROJECTS_SUCCESS', data })\n } catch (error) {\n console.log(error)\n cb(error)\n }\n}\n\nexport const createProject = (values, cb) => async (dispatch, getState) => {\n try {\n let { data } = await axios({\n method: 'post',\n url: '/api/projects',\n headers: {\n Authorization: `Bearer ${localStorage.getItem('kvk-vb-token')}`,\n },\n data: values,\n })\n dispatch({ type: 'NEW_PROJECT_SUCCESS', data })\n } catch (error) {\n console.log(error)\n cb(error)\n }\n}\n\nconst initialState = {\n loaded: false,\n loading: false,\n items: [],\n}\n\nexport default function handleProjects(state = initialState, action) {\n switch (action.type) {\n case 'FETCH_PROJECTS_REQUEST':\n return {\n ...state,\n loading: true,\n }\n case 'FETCH_PROJECTS_SUCCESS':\n return {\n ...state,\n items: action.data,\n loading: false,\n loaded: true,\n }\n case 'NEW_PROJECT_SUCCESS':\n return {\n ...state,\n items: [...state.items, action.data],\n }\n default:\n return state\n }\n}\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"JsonEditor_wrapper__3kqZQ\",\"bar\":\"JsonEditor_bar__PSXEl\",\"separator\":\"JsonEditor_separator__1ANQD\",\"json-status\":\"JsonEditor_json-status__1mK3X\",\"ok\":\"JsonEditor_ok__1YvMS\",\"error\":\"JsonEditor_error__33jF2\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"main\":\"BBPicture_main__1QcsH\",\"list\":\"BBPicture_list__3DSqp\",\"firstItemBold\":\"BBPicture_firstItemBold__2iyh7\",\"link\":\"BBPicture_link__3slHV\"};","type LayoutName = keyof typeof LAYOUT_NAME\ntype Config = { showFooter: boolean }\ntype LayoutConfig = { [K in LayoutName]: Config }\n\nexport const LAYOUT_NAME = {\n CUSTOM: 'CUSTOM',\n ORIGINAL: 'ORIGINAL',\n} as const\n\nconst LOAD_STYLE = {\n CUSTOM: 'overlay',\n ORIGINAL: 'classic',\n} as const\n\nconst LAYOUT_CONFIG: LayoutConfig = {\n CUSTOM: { showFooter: false },\n ORIGINAL: { showFooter: true },\n}\n\nexport function inflateLayout\n \n
\n \n 
\n
\n \n {\n {\n normaal: (\n \n
\n ),\n waternet2: (\n \n \n mayersoftwaredevelopment\n \n
\n \n \n Wistor\n \n
\n \n Als u vragen of opmerkingen heeft kun u een bericht sturen\n naar{' '}\n \n OTLviewer@waternet.nl\n \n
\n ),\n kvk: (\n \n
\n ),\n buildingbits: (\n \n \n KVK Innovatielab\n \n
\n \n
\n ),\n wistor: (\n \n \n Wistor\n \n
\n \n
\n ),\n mayer: (\n \n \n Wistor\n \n
\n \n
\n ),\n }[keuze]\n }\n\n {/* \n \n mayersoftwaredevelopment\n \n
\n \n
*/}\n Michiel Mayer
\n Hans Schevers
\n \n
\n )}\n {props.children}\n \n )\n}\n","import { Component, cloneElement } from 'react'\nimport axios from 'axios'\nimport isEqual from 'lodash/isEqual'\nimport debounce from 'lodash/debounce'\nimport { connect } from 'react-redux'\nimport { toast } from 'react-toastify'\nimport { Loader } from './Loader'\nimport { getCgiUrl } from '../helpers/url'\nimport { ErrorNeedAuth, SparqlTemplate } from \"../helpers/SparqlManager\"\nimport { NoPlaceholderValueError, resolveTemplateString } from '../helpers/resolve-template-string'\n\nconst SparqlClient = require('sparql-http-client/SimpleClient')\n\naxios.defaults.timeout = 250000; \n\nconst CancelToken = axios.CancelToken\n\nclass Widget extends Component {\n constructor(props) {\n super(props)\n this.resolveTemplateVariableInQueryDebounce = debounce(\n this.resolveTemplateVariableInQuery,\n 2000\n )\n this.useLoadingWidget = false\n if (window.top.url == null) {\n this.createSparqlFunction()\n }\n\n const endpoint = getCgiUrl('sparql', this.props.repoName, this.props.repoURL, this.props.localRepoURL)\n this.sparql = new SparqlTemplate(endpoint, this.props.widgetId)\n }\n\n lastQuery = undefined\n state = {\n loading: false,\n }\n\n getUrl() {\n try {\n let url = '/api/sparql/' + this.props.repoURL\n if (this.props.repoURL.startsWith('http')) {\n // request sparql endpoint directly\n url = this.props.repoURL\n }\n var modus = false\n if (window.location.host === 'localhost:3000') {\n modus = true\n }\n // var modus=false; //debug\n\n if (\n this.props.localRepoURL != null &&\n this.props.localRepoURL !== '' &&\n modus\n ) {\n url = this.props.localRepoURL\n }\n window.top.url = url\n try { document.url=url } catch(e){}\n // console.log('returning url :' + url)\n return url\n } catch (e) {\n console.log('error creating url' + e)\n }\n return null\n }\n\n createSparqlFunction2() {\n // gebruikt door bb widgets in iframe situation\n var url = this.getUrl()\n window.top.query = async function (query, success, errorRV) {\n // console.log(\"query via window top \",query,success,errorRV);\n\n let encodedQuery = encodeURIComponent(query)\n let data = {\n query: query,\n }\n data = 'infer=false&sameAs=false&query=' + encodedQuery\n\n axios.defaults.headers.post['Content-Type'] =\n 'application/x-www-form-urlencoded'\n //axios.defaults.headers.post['Access-Control-Allow-Origin'] ='*';\n\n //console.log(\"querying with \",query,headers);\n\n \n \n if (document.withCredentials==null) {document.withCredentials=true}\n\n axios.defaults.withCredentials = document.withCredentials;\n if (document.withCredentials !=false)\n {\n axios.defaults.credentials = 'include'\n }\n \n \n if ( !( (success==null) && (errorRV==null)) ) \n {\n var r=axios({ method: 'post', url, data, maxContentLength: Infinity,\n maxBodyLength: Infinity, headers:{ Accept: 'application/sparql-results+json' }, cancelToken: new CancelToken((c) => { this.cancel = c }), }); \n \n r.then((response) => {\n if (success) {\n success.call(this, response.data)\n }\n })\n .catch((error) => {\n // console.log(error,query);\n if (errorRV) {\n errorRV.call(this, error)\n }\n })\n }\n \n \n else\n {\n console.log(\"run await version\");\n // var r= await axios({ method: 'post', url, data, headers:{ Accept: 'application/sparql-results+json' }, cancelToken: new CancelToken((c) => { this.cancel = c }), }).catch(err => false);; \n var r= await axios.post(url,data,{ maxContentLength: Infinity,\n maxBodyLength: Infinity, headers:{ Accept: 'application/sparql-results+json' }, cancelToken: new CancelToken((c) => { this.cancel = c }), });; \n \n \n return r;\n }\n }\n \n\n this.sparqlQuery = window.top.query;\n \n }\n\n createSparqlFunction() {\n // gebruikt door bb widgets in iframe situation\n\n if (true) {\n this.createSparqlFunction2()\n return\n }\n var endpointUrl = this.getUrl()\n window.top.query = async function (query, success, errorRV) {\n try {\n const client = new SparqlClient({ endpointUrl,headers:{\n Accept: 'application/sparql-results+json'\n } })\n \n const stream = await client.query.select(query, {\n operation: 'postUrlencoded',\n })\n var data = await stream.json()\n\n if (success) {\n success.call(this, data)\n }\n } catch (e) {\n console.log(e)\n if (errorRV != null) {\n errorRV.call(this, 'error sparql endpoint')\n }\n }\n }\n }\n\n runJSInQuery(query) {\n try {\n if (query == null) return null\n let b = query.includes('')\n let evalcode = codeQuery[0]\n // console.log(code,n,evalcode);\n let evalCode2 ='';\n try\n {\n evalCode2 = new Function(evalcode)() //eslint-disable-line no-new-func\n }\n catch(e)\n {\n console.log(\"cannot execute js code \",evalcode,e)\n }\n \n if (evalCode2 == null) {\n evalCode2 = ''\n }\n let subQuery2 = codeQuery[1]\n nquery += evalCode2 + subQuery2\n }\n // console.log('returning ', nquery)\n return nquery\n }\n } catch (error) {\n console.error('error parsing js in query ', error, query)\n }\n\n return query\n }\n\n async loadData(originalQuery, countRetries = 0) {\n if (countRetries > 1) return console.error('retried this already')\n\n if (!this.props.repoURL) return console.error('Repo URL is not set!')\n if (!originalQuery) return\n\n const query = this.runJSInQuery(originalQuery)\n\n if (countRetries === 0) {\n this.setLoading(true)\n this.setState({ message: null })\n }\n\n try {\n const response = await this.sparql.fetch(query)\n if (!response.isLatest()) return\n\n this.setState({ data: response.result })\n this.setLoading(false)\n } catch(error) {\n if (error instanceof axios.CanceledError) {\n return\n }\n\n if (error instanceof ErrorNeedAuth) {\n const auth = await this.props.reauth()\n if (!auth.success) {\n auth.goToLoginPage()\n return\n }\n return this.loadData(originalQuery)\n }\n\n console.error(error)\n return this.loadData(originalQuery, countRetries + 1)\n }\n }\n\n /**\n * @param changedPublishProps {string[]|null}\n */\n resolveTemplateVariableInQuery = (changedPublishProps) => {\n if (this.props.withinSelectedTab === false) return // geen queries uitvoeren voor niet zichtbare tabs\n if (!this.props.query) return\n\n try {\n const query = resolveTemplateString(this.props.query, this.props.pubsub, changedPublishProps)\n if (query === this.lastQuery) return\n\n this.lastQuery = query\n this.loadData(query)\n } catch(e) {\n if (e instanceof NoPlaceholderValueError) return this.setState({ message: '' }) //message: `Kies een ${subscribeProp}`\n console.error(e)\n }\n }\n\n componentDidMount() {\n let variables = this.props.definition.variables\n let queryDefinition =\n variables && variables.find((variable) => variable.name === 'query')\n if (!queryDefinition) return\n if (this.props.withinSelectedTab === false) return\n this.resolveTemplateVariableInQuery()\n }\n\n componentDidUpdate(prevProps) {\n let variables = this.props.definition.variables\n let queryDefinition =\n variables && variables.find((variable) => variable.name === 'query')\n if (!queryDefinition) return\n\n if (prevProps.repoURL !== this.props.repoURL) {\n this.resolveTemplateVariableInQueryDebounce()\n } else if (this.props.withinSelectedTab !== prevProps.withinSelectedTab) {\n // if (this.props.withinSelectedTab && !this.state.data){\n if (this.props.withinSelectedTab) {\n this.resolveTemplateVariableInQuery()\n }\n } else if (prevProps.query !== this.props.query) {\n this.resolveTemplateVariableInQuery()\n } else if (!isEqual(prevProps.pubsub, this.props.pubsub)) {\n let changedPublishProps = []\n\n Object.keys(this.props.pubsub).forEach((key) => {\n if (prevProps.pubsub[key] !== this.props.pubsub[key]) {\n changedPublishProps.push(key)\n }\n })\n\n this.resolveTemplateVariableInQuery(changedPublishProps)\n }\n }\n\n publishMultipleValues=(prop_value)=>\n this.props.dispatch({ type: 'PUBLISH', data: prop_value })\n\n publish = (prop, value) =>\n this.props.dispatch({ type: 'PUBLISH', data: { [prop]: value } })\n\n /**\n * @param loading {boolean}\n */\n setLoading = loading => {\n this.setState({ loading })\n\n if (this.props.voteForUserActionsDisabledWhenLoading) {\n this.props.voteForUserActionsDisabled(loading)\n }\n }\n\n /**\n * @param loading {boolean}\n */\n setLoadingFromWidget = loading => {\n /*\n * This setTimeout was taken from existing code and its purpose is unclear.\n * It may indicate a potential code problem or may not be needed at all.\n * Further investigation is required to determine if it should be removed.\n */\n setTimeout(() => {\n this.setLoading(loading)\n }, 0);\n }\n\n sendNotification = (msg) => toast(msg)\n\n render() {\n if (this.state == null) return null\n\n const { children, ...propsWithoutChildren } = this.props\n return (\n \n {props.children}\n
\n )\n}\n","import { styled, Tooltip as MuiTooltip, tooltipClasses, TooltipProps } from \"@mui/material\"\n\nexport const LargeTooltip = styled(({ className, ...props }: TooltipProps) => (\n \n
\n))\n\nCommandInput.displayName = CommandPrimitive.Input.displayName\n\nconst CommandList = React.forwardRef<\n React.ElementRef\n\n
\n )\n}\n\nfunction TextInputWithSuggestions(props: {\n label: string\n placeholder: string\n selected: string | undefined\n select: (id: string) => void\n suggestions: string[]\n noSuggestionsPlaceholder: string\n}) {\n return (\n \n )\n}\n\nfunction ToggleInput(props: {\n label: string\n checked: boolean | undefined\n onCheckedChange: (checked: boolean) => void\n}) {\n return (\n \n )\n}\n\nfunction TextInput(props: {\n disabled?: boolean\n label: React.ReactNode\n defaultValue: string | undefined\n onChange: React.ChangeEventHandler\n updateConfig(draft => {\n if (!draft.rowEditor) draft.rowEditor = getDefaultRowEditorConfig()\n draft.rowEditor.enabled = v\n for (const column of draft.columnConfigs) {\n if ('sortable' in column && column?.editable === undefined)\n column.editable = getDefaultEditableColumnConfig()\n }\n })} />\n {props.customConfig.rowEditor?.enabled && (<>\n updateConfig(draft => {\n if (!draft.rowEditor) draft.rowEditor = getDefaultRowEditorConfig()\n draft.rowEditor.graph = e.target.value\n })} />\n )}\n
\n\n \n \n {/* need this for MUI tooltip otherwise it won't show the tooltip on a disabled button -_-*/}\n \n \n \n
\n\n \n \n {\n if (!e.active || !e.over) return\n reorder(e.active.id, e.over.id)\n }}>\n \n c.id)}>{props.customConfig.columnConfigs.map(column => (\n \n button]:hover:opacity-100\" value={column.id} aria-label={column.label}>\n {isActionColumn(column)? \n \n ))} \n \n \n\n {props.customConfig.columnConfigs.map(column => {\n const parsed = parseColumn(column)\n const tabsContentCss = \"grid w-full items-center gap-4 p-4 mt-0 bg-background rounded-lg\"\n\n if (parsed.dataColumn.success && !parsed.actionColumn.success) {\n const dataColumn = parsed.dataColumn.data\n return (<>\n \n {\n updateColumn(dataColumn, 'id', id)\n setTabId(id)\n }}\n suggestions={unlinkedVarNames}\n noSuggestionsPlaceholder={dataVarNames.length === 0\n ? \"current query does not contain any sparql identifiers\"\n : \"there are no unused sparql identifiers remaining\"} />\n updateColumn(dataColumn, 'label', e.target.value)} />\n Topic to publish to when clicked with updateColumn(dataColumn, 'width', e.target.value)} />\n updateColumn(dataColumn, 'filterable', v)} />\n updateColumn(dataColumn, 'sortable', v)} />\n\n {props.customConfig.rowEditor?.enabled && (<>\n updateColumnEditablePro(dataColumn, c => c.enabled = v)} />\n {dataColumn.editable?.enabled && (<>\n updateColumnEditablePro(dataColumn, c => c.graph = e.target.value)} />\n updateColumnEditablePro(dataColumn, c => c.subject = e.target.value)} />\n updateColumnEditablePro(dataColumn, c => c.predicate = e.target.value)} />\n updateColumnEditablePro(dataColumn, c => c.objectType = v as EditableColumnConfig['objectType'])}\n options={toObjectTypeLabel} />\n updateColumnEditablePro(dataColumn, c => c.componentType = v as EditableColumnConfig['componentType'])}\n options={toComponentTypeLabel} />\n updateColumnEditablePro(dataColumn, c => c.whenEmptyField = v as EditableColumnConfig['whenEmptyField'])}\n options={toWhenEmptyFieldOptionLabel} />\n )}\n\n\n )}\n \n )}\n\n const parsedColumn = isDataColumn(column) ? parsed.dataColumn : parsed.actionColumn\n if (!parsedColumn.success) console.error(parsedColumn.error)\n return (\n \n {!parsedColumn.success && (\n {\n const newColumn = value as ColumnConfig\n replaceColumn(column.id, newColumn)\n setTabId(newColumn.id)\n }} />\n \n )\n\n })} \n
\n _URI modifier}\n defaultValue={dataColumn.publishTopic}\n onChange={e => updateColumn(dataColumn, 'publishTopic', e.target.value || undefined)} />\n \n {parsedColumn.error.issues.map(issue => (\n
)}\n For more info, see browser dev tools console.
\n {props.zodIssue.code}\n {' at '}\n {location}\n \r\n
\r\n )\r\n}\r\n","import React from 'react'\nimport { restructureResponse } from '../../helpers/sparql'\nimport styles from './TableCells.module.css'\n\nclass TableCells extends React.Component {\n static getDescription() {\n return {\n name: 'TableCells',\n component: TableCells,\n label: 'TableCells widget',\n variables: [\n {\n name: 'query',\n type: 'yasgui',\n label:\n 'Query to fill table. Use ?header ?value ?row ?col to generate a matrix table .',\n },\n {\n name: 'publishVariable',\n type: 'text',\n label:\n 'Variabele in which tree item URI is published, when a link in the table is clicked.',\n },\n {\n name: 'isFirstItemBold',\n type: 'boolean',\n label: 'First item bold',\n },\n {\n name: 'title',\n type: 'text',\n label: 'Titel boven de tabel',\n },\n {\n name: 'onClick',\n type: 'javascript',\n label: 'Code that runs before link click event.',\n },\n ],\n }\n }\n\n createStateValues(items) {\n // not used\n let res = {}\n for (var i = 0; i < items.length; i++) {\n let item = items[i]\n Object.keys(item).forEach((key) => {\n if (key.endsWith('URI')) return\n let obj = { value: item[key] }\n if (item[key + 'URI']) obj.link = item[key + 'URI']\n if (!res[key]) {\n res[key] = obj\n } else if (Array.isArray(res[key])) {\n if (!res[key].filter((re) => re.value === obj.value).length) {\n res[key].push(obj)\n }\n } else if (res[key].value !== item[key]) {\n res[key] = [res[key], obj]\n }\n })\n }\n\n Object.keys(res).forEach((key) => {\n if (Array.isArray(res[key])) {\n res[key].sort((a, b) => a.value.localeCompare(b.value))\n }\n })\n\n return res\n }\n\n render() {\n //console.log(\"table 2 render function \");\n let data = this.props.data\n // console.log(data);\n if (!data || !data.results || data.results.bindings.length === 0) {\n return null\n }\n\n let items = restructureResponse(data)\n\n if (!items.length) return null\n\n var rowsHash = {}\n var rows = []\n var headersHash = {}\n var headers = []\n var n = 0\n for (var nitem in items) {\n var item = items[nitem]\n n++\n if (headersHash[item.header] == null) {\n headersHash[item.header] = n\n headers.push(item.header)\n } // collect unique headers;\n var row = rowsHash[item.row]\n if (row == null) {\n row = { row: item.row }\n rowsHash[item.row] = row\n rows.push(row)\n }\n row[item.header] = item.value\n }\n\n console.log(rows)\n\n return (\n When there is a query-variable-name
- \r\n
{'{varName}'}URI will make it so that clicking on the table-cell value{' '}\r\n ofvarName will save the value of{'{varName}URI'} to this widget's\r\n {' '}configured app-variable. \r\n {'{varName}'}URL will make it so that clicking on the table-cell-value{' '}\r\n ofvarName will let make the browser follow the value of{' '}\r\n{'{varName}URI'} as a URL \r\n {'{varName}'}Icon will replace table-cell-value ofvarName with an{' '}\r\n icon from fontawesome.{' '}\r\n{'{varName}Icon'} should be formatted as{'fa-{iconName}'} \r\n {'{varName}'}IconColor sets the color of the aforementioned icon, which should be a{' '}\r\n css-color-value \r\n {'{varName}'}IconSize sets the height of the aforementioned icon, which should be a{' '}\r\n css-height-value \r\n
{this.props.title}
\n )}\n | {headVar} | \n ))}\n
|---|
| {row[header]} | \n ))}\n
\n \n {/* */}\n {items.map((item) => \n {\n //var selected=false;\n // if (item[keyURI]==this.state.selected) selected=true;\n \n return (\n \n \n {item[keyLabel]}\n \n ) } \n )}\n \n
\n )\n }\n}\n\nexport default SelectBox\n","import React, { Component } from 'react'\nimport styles from './Slider.module.css'\nimport { restructureResponse } from '../../helpers/sparql'\nimport throttle from 'lodash/throttle'\n\nclass Slider extends Component {\n state = {}\n sliderTouched = false\n\n static getDescription() {\n var r = {\n name: 'Slider',\n component: Slider,\n label: 'Slider widget',\n variables: [\n {\n name: 'query',\n type: 'yasgui',\n label:\n 'Sparql query to define min max values of the slider. it uses only the first parameter',\n },\n {\n name: 'publishVariable',\n type: 'text',\n label: 'Variabele in which the value of the slider is published.',\n },\n\n {\n name: 'startMin',\n type: 'boolean',\n label: 'default on minimum',\n },\n {\n name: 'publishStartValue',\n type: 'boolean',\n label: 'publish the initial value',\n },\n\n {\n name: 'tick',\n type: 'text',\n label: 'tick',\n },\n {\n name: 'label',\n type: 'text',\n label: 'Label',\n },\n {\n name: 'textwidth',\n type: 'text',\n label: 'text width',\n },\n ],\n }\n return r\n }\n\n componentDidUpdate(prevProps) {\n const newRange = this.defineMaxMinValue()\n const oldRange = this.defineMaxMinValue(prevProps)\n if (newRange.maxValue === oldRange.maxValue && newRange.minValue === oldRange.minValue) return\n\n const value = this.sliderTouched ? Math.max(newRange.minValue, Math.min(newRange.maxValue, this.state.value)) :\n this.props.startMin ? newRange.minValue : newRange.maxValue\n this.setState({value: value})\n if (this.props.publishVariable && this.props.publishStartValue) {\n this.props.publish(this.props.publishVariable, value)\n }\n }\n\n defineMaxMinValue(alternateProps) {\n let minValue = 1000000\n let maxValue = -1000000\n try {\n var data = this.props.data\n if (alternateProps) {\n data = alternateProps.data\n }\n let headVars = data.head.vars\n let key = headVars[0] // eg. oprichtingsDatum\n let items = restructureResponse(data)\n\n items.forEach((item) => {\n let value = item[key]\n try {\n if (typeof value === 'string') value = Number(value)\n } catch (error) {\n console.log(error)\n }\n if (value < minValue) minValue = value\n if (value > maxValue) maxValue = value\n })\n return { minValue, maxValue }\n } catch (e) {\n console.log(e)\n }\n return { minValue, maxValue }\n }\n\n onChange = (event) => {\n this.sliderTouched = true\n this.setState({\n value: event.target.value,\n })\n // console.log(event);\n\n //this.onChangeThrottle();\n }\n onmouseup = (event) => {\n // console.log(\"mouse up\");\n this.onChangeThrottle()\n }\n\n onChangeThrottle = throttle(() => {\n // console.log(\"slider update\");\n let value = this.state.value\n\n if (value) {\n console.log('really publishing ', this.props.publishVariable, value)\n this.props.publish(this.props.publishVariable, value)\n }\n }, 200)\n\n render() {\n if (!this.props.data) return null\n let step = 1\n if (this.props.tick != null) {\n try {\n step = parseInt(this.props.tick)\n } catch (error) {}\n }\n let { minValue, maxValue } = this.defineMaxMinValue()\n\n let value\n if (this.props.startMin) {\n value = this.state.value || minValue\n } else {\n value = this.state.value || maxValue\n }\n\n return (\n {this.props.label}
\n \n \n \n
\n
\n )\n }\n}\n\nexport default Slider\n","import React, { Component } from 'react'\nimport styles from './SearchAutocomplete.module.css'\nimport { Input } from 'reactstrap'\nimport { restructureResponse } from '../../helpers/sparql'\nimport PublishUtils from '../../helpers/PublishUtils'\nimport Icon from '@mui/material/Icon';\n\n\n//magnifyingGlass from '../../images/magnifying-glass.svg';\n//import cross from '../../images/cross.svg';\n\nclass SearchAutocomplete extends Component {\n state = {\n searchValue: '',\n validItems: [],\n showPopup: false,\n selectedIndex: 0\n }\n\n itemsRef = React.createRef()\n\n static getDescription() {\n return {\n name: 'SearchAutocomplete',\n component: SearchAutocomplete,\n label: 'Search autocomplete widget',\n variables: [\n {\n name: 'query',\n defaultQuery:\"PREFIX owl: | \n {this.props.label} \n \n \n {minValue} \n {maxValue} \n ({value}) \n | \n
{label} \n {icon && ({icon} )}\n
\n }\n let end = ind + searchValue.length\n let l1 = label.slice(0, ind)\n let l2 = label.slice(ind, end)\n let l3 = label.slice(end)\n return (\n \n {l1}\n {l2}\n {l3}\n {icon && ({icon} ) }\n
\n )\n }\n\n renderValidItems() {\n try {\n if (!this.props.data) return\n\n let objectKey = this.props.data.head.vars[0]\n let objectURIKey = this.props.data.head.vars[1]\n let searchValue = this.state.searchValue\n let validItems = this.state.validItems\n let selectedIndex = this.state.selectedIndex\n let selectedItem = validItems[selectedIndex]\n\n if (!searchValue) return null\n if (!validItems.length)\n return geen resultaten gevonden
\n if (!this.state.showPopup) return null\n\n return (\n \n {validItems.map((item, index) => {\n let isSelected =\n selectedItem && selectedItem[objectURIKey] == item[objectURIKey]\n let icon =item.icon;\n return (\n \n \n this.publish(item[objectURIKey], item[objectKey])\n }\n >\n {this.renderLabel(item[objectKey], searchValue,icon)}\n \n \n
\n \n \n )\n })}\n \n )\n } catch (ee) {\n console.log(ee)\n }\n return\n }\n\n emptyEvent=()=>\n {\n // console.log(\"empty event\");\n this.setState({ searchValue: '' });\n if (this.props.nullSelectionResetVariable)\n {\n if (this.props.publishVariable!=null)\n {\n this.props.publish(this.props.publishVariable, PublishUtils.resetUri) //DIT EERST\n PublishUtils.resetParameter(this, false)\n }\n }\n }\n\n render() {\n if (!this.props.data) return null\n let mainStyle = {\n alignItems: this.props.alignItems || 'stretch',\n }\n\n let css = this.props.cssEscape\n if (css) {\n try {\n css = JSON.parse(css)\n mainStyle = {\n ...mainStyle,\n ...css,\n }\n } catch (error) {\n console.log(error)\n }\n }\n let text = this.props.textbefore\n if (text != null && text.length < 1) {\n text = null\n }\n return (\n \n
\n )\n }\n}\n\n/**\n * @param container {HTMLElement}\n * @param element {HTMLElement}\n * @return {boolean}\n */\nfunction isInView(container, element) {\n const cTop = container.scrollTop\n const cBottom = cTop + container.clientHeight\n\n const eTop = element.offsetTop\n const eBottom = eTop + element.clientHeight\n\n return eTop >= cTop && eBottom <= cBottom\n}\n\nexport default SearchAutocomplete\n","import React, { Component } from 'react'\nimport styles from './SplitLayout.module.css'\nimport Area from '../Area'\nimport { interpolateSubscriptions } from '../../helpers/widget'\nimport { mergeClasses } from \"../../helpers/styling\"\nimport { ExternalLinkIcon } from \"@radix-ui/react-icons\"\n\nclass SplitLayout extends Component {\n static getDescription() {\n return {\n name: 'SplitLayout',\n component: SplitLayout,\n label: 'Split Layout',\n variables: [\n {\n name: 'direction',\n type: 'select',\n label: 'Direction',\n options: [\n {\n label: 'Rijen',\n value: 'column',\n },\n {\n label: 'Kolommen',\n value: 'row',\n },\n ],\n },\n {\n name: 'disableScrollbars',\n type: 'boolean',\n label: 'disable scrollbars',\n },\n {\n name: 'minimize',\n type: 'boolean',\n label: 'minimize size',\n },\n {\n name: 'areaSizes',\n type: 'array',\n label: \"Column widths or row heights, separated by commas. Values can be specified in pixels, percentages, or numbers. A number represents a relative ratio compared to the other Rows/Columns. For example: 130px,1,10%\"\n },\n {\n name: 'useFlexboxForAreaSizes',\n type: 'boolean',\n label: (\n \n Advanced: Use flexbox for column widths and row heights above.{' '}\n Interprets the area sizes directly as CSS flexbox properties \n {text && {text}}\n
\n {this.renderValidItems()}\n {this.state.message}
\n }\n\n if (!this.state.data) return null\n let headVars = this.state.data.head.vars\n let items = restructureResponse(this.state.data)\n\n return (\n | {headVar} | \n ))}\n
|---|
| {value} | \n })}\n
\n \n
\n )\n }\n}\n\nexport default Yasgui\n","import './bbutil'\r\nimport BBIFrame from './BBIFrame'\r\nimport PublishUtils from '../../../helpers/PublishUtils'\r\nimport AfterJS from '../../../helpers/AfterJS'\r\n\r\nclass BBMap extends BBIFrame {\r\n getUrl = () => `/${window.bbFolderName}/map/leafletWidgetDeploy171V1.html`\r\n\r\n constructor() {\r\n super()\r\n //console.log(\"BBMap Constructor\");\r\n this.scrolling = 'no'\r\n this.noEvents = false;\r\n this.usesParameters=false;\r\n }\r\n\r\n static getDescription() {\r\n return {\r\n name: 'BBMap',\r\n component: BBMap,\r\n label: 'Leaflet map',\r\n variables: [\r\n {\r\n name: 'query',\r\n type: 'yasgui',\r\n defaultQuery:\"PREFIX rdfs: \n \n RUN\n \n
\n {this.renderData()}
\n ${svgIcons}
`)\n }\n\n const trumbowygInstance = $(`#${id}`)\n .trumbowyg({\n lang: lang,\n btns: buttons,\n btnsDef: btnsDef,\n semantic: semantic,\n resetCss: resetCss,\n removeformatPasted: removeformatPasted,\n autogrow: autogrow,\n plugins: plugins,\n svgPath: shouldUseSvgIcons\n ? shouldInjectSvgIcons ? '' : svgIconsPath\n : false\n })\n\n if (onFocus) {\n trumbowygInstance.on('tbwfocus', onFocus)\n }\n\n if (onBlur) {\n trumbowygInstance.on('tbwblur', onBlur)\n }\n\n if (onInit) {\n trumbowygInstance.on('tbwinit', onInit)\n }\n\n if (onChange) {\n trumbowygInstance.on('tbwchange', onChange)\n }\n\n if (onResize) {\n trumbowygInstance.on('tbwresize', onResize)\n }\n\n if (onPaste) {\n trumbowygInstance.on('tbwpaste', onPaste)\n }\n\n if (onOpenFullScreen) {\n trumbowygInstance.on('tbwopenfullscreen', onOpenFullScreen)\n }\n\n if (onCloseFullScreen) {\n trumbowygInstance.on('tbwclosefullscreen', onCloseFullScreen)\n }\n\n if (onClose) {\n trumbowygInstance.on('tbwclose', onClose)\n }\n\n $(`#${id}`).trumbowyg('html', data)\n $(`#${id}`).trumbowyg(disabled === true ? 'disable' : 'enable')\n }\n\n componentWillReceiveProps(nextProps) {\n }\n\n shouldComponentUpdate(nextProps, nextState) {\n\n return nextProps.data !== this.props.data\n || nextProps.disabled !== this.props.disabled\n }\n\n componentWillUpdate(nextProps, nextState) {\n\n }\n\n componentDidUpdate(prevProps, prevState) {\n $(`#${this.props.id}`).trumbowyg('html', this.props.data)\n $(`#${this.props.id}`).trumbowyg(this.props.disabled === true ? 'disable' : 'enable')\n }\n\n componentWillUnmount() {\n $(`#${this.props.id}`).trumbowyg('destroy')\n }\n\n render() {\n return (\n \n )\n }\n\n\ndefaultProps = {\n buttons: [\n ['viewHTML'],\n ['formatting'],\n 'btnGrp-semantic',\n ['superscript', 'subscript'],\n ['link'],\n ['insertImage'],\n 'btnGrp-justify',\n 'btnGrp-lists',\n ['horizontalRule'],\n ['removeformat'],\n ['fullscreen']\n ],\n semantic: true,\n resetCss: false,\n removeformatPasted: false,\n autogrow: false,\n disabled: false,\n btnsDef: {},\n shouldUseSvgIcons: true,\n shouldInjectSvgIcons: true,\n plugins: {}\n};\n\n\n*/\n}\n\nexport default BBNotebook\n","import React from 'react'\n\nclass BBKGApiVizWidget extends React.Component {\n state = {\n value: '',\n }\n\n render() {\n console.log('rendering apiviz')\n return null\n }\n\n createVizJSON() {\n var ar = []\n\n console.log('created viz json', ar)\n\n return ar\n }\n test() {\n this.createVizJSON()\n this.loadData('select * where {?a ?b ?c} limit 10')\n }\n}\n\nexport default BBKGApiVizWidget\n\n/*[\n {\n \"id\": \"obj-persoon\",\n \"name\": \"Persoon\",\n \"path\": \"/personen\",\n \"input\": \"persoonsnummer\",\n \"rx\": 100,\n \"ry\": 100,\n \"x\": 300,\n \"y\": 200,\n \"color\": \"pink\",\n \"connections\": [],\n \"endpoints\": []\n },\n {\n \"id\": \"obj-maatschappelijk-activiteit\",\n \"name\": \"Maatschappelijke activiteit\",\n \"path\": \"/maatschappelijkeactiviteiten\",\n \"input\": \"kvknummer\",\n \"rx\": 100,\n \"ry\": 100,\n \"x\": 301,\n \"y\": 600,\n \"color\": \"lightblue\",\n \"connections\": [\n {\n \"connId\": \"obj-vestiging\",\n \"endpoints\": [\n {\n \"name\": \"Hoofdvestiging\",\n \"path\": \"/hoofdvestiging\",\n \"description\": \"Levert de hoofdvestiging die hoort bij de maatschappelijke activiteit met het opgegeven KVK-nummer\",\n \"response\": {\n \"vestiging\": {\n \"vestigingsnummer\": \"string\"\n }\n }\n },\n {\n \"name\": \"Vestigingen\",\n \"path\": \"/vestigingen\",\n \"description\": \"Levert de vestigingen die horen bij de maatschappelijke activiteit met het opgegeven KVK-nummer\",\n \"response\": [\n {\n \"vestiging\": {\n \"vestigingsnummer\": \"string\"\n }\n }\n ]\n }\n ]\n },\n {\n \"connId\": \"obj-persoon\",\n \"endpoints\": [\n {\n \"name\": \"Eigenaar\",\n \"path\": \"/eigenaar\"\n }\n ]\n }\n ],\n \"endpoints\": [\n {\n \"name\": \"Bezoeklocatie\",\n \"path\": \"/bezoeklocatie\",\n \"description\": \"Levert de afgeleide bezoeklocatie van de maatschappelijke activiteit met het opgegeven KVK-nummer\",\n \"response\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:00.176Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:00.176Z\",\n \"datumAanvang\": \"string\",\n \"datumEinde\": \"string\",\n \"binnenlandseLocatie\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:00.176Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:00.176Z\",\n \"locatienummer\": \"string\",\n \"bagLocatieIdentificatie\": \"string\",\n \"binnenlandsAdres\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:00.176Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:00.176Z\",\n \"bagAdresIdentificatie\": \"string\",\n \"straatnaam\": \"string\",\n \"huisnummer\": 0,\n \"huisletter\": \"string\",\n \"huisnummertoevoeging\": \"string\",\n \"postcode\": \"string\",\n \"plaats\": \"string\"\n },\n \"aanduidingBijBinnenlandsAdres\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:00.176Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:00.176Z\",\n \"aanduiding\": \"Bij\",\n \"referentielocatie\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:00.176Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:00.176Z\",\n \"locatienummer\": \"string\",\n \"bagLocatieIdentificatie\": \"string\",\n \"binnenlandsAdres\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:00.176Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:00.176Z\",\n \"bagAdresIdentificatie\": \"string\",\n \"straatnaam\": \"string\",\n \"huisnummer\": 0,\n \"huisletter\": \"string\",\n \"huisnummertoevoeging\": \"string\",\n \"postcode\": \"string\",\n \"plaats\": \"string\"\n }\n }\n },\n \"vrijeLocatie\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:00.176Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:00.176Z\",\n \"locatiebeschrijving\": \"string\"\n }\n },\n \"buitenlandseLocatie\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:00.176Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:00.176Z\",\n \"locatienummer\": \"string\",\n \"adres\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:00.176Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:00.176Z\",\n \"adresregel1\": \"string\",\n \"adresregel2\": \"string\",\n \"adresregel3\": \"string\",\n \"land\": {\n \"naam\": \"string\",\n \"landCode\": 0,\n \"toegangsnummer\": \"string\"\n }\n }\n },\n \"toevoeging\": \"string\",\n \"afgeschermd\": \"ja\"\n }\n },\n {\n \"name\": \"Postlocatie\",\n \"path\": \"/postlocatie\",\n \"description\": \"Levert de afgeleide postlocatie van de maatschappelijke activiteit met het opgegeven KVK-nummer\",\n \"response\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:49.585Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:49.585Z\",\n \"datumAanvang\": \"string\",\n \"datumEinde\": \"string\",\n \"binnenlandseLocatie\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:49.585Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:49.585Z\",\n \"locatienummer\": \"string\",\n \"bagLocatieIdentificatie\": \"string\",\n \"binnenlandsAdres\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:49.585Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:49.585Z\",\n \"bagAdresIdentificatie\": \"string\",\n \"straatnaam\": \"string\",\n \"huisnummer\": 0,\n \"huisletter\": \"string\",\n \"huisnummertoevoeging\": \"string\",\n \"postcode\": \"string\",\n \"plaats\": \"string\"\n },\n \"aanduidingBijBinnenlandsAdres\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:49.585Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:49.585Z\",\n \"aanduiding\": \"Bij\",\n \"referentielocatie\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:49.585Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:49.585Z\",\n \"locatienummer\": \"string\",\n \"bagLocatieIdentificatie\": \"string\",\n \"binnenlandsAdres\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:49.585Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:49.585Z\",\n \"bagAdresIdentificatie\": \"string\",\n \"straatnaam\": \"string\",\n \"huisnummer\": 0,\n \"huisletter\": \"string\",\n \"huisnummertoevoeging\": \"string\",\n \"postcode\": \"string\",\n \"plaats\": \"string\"\n }\n }\n },\n \"vrijeLocatie\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:49.585Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:49.585Z\",\n \"locatiebeschrijving\": \"string\"\n }\n },\n \"buitenlandseLocatie\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:49.585Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:49.585Z\",\n \"locatienummer\": \"string\",\n \"adres\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:49.585Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:49.585Z\",\n \"adresregel1\": \"string\",\n \"adresregel2\": \"string\",\n \"adresregel3\": \"string\",\n \"land\": {\n \"naam\": \"string\",\n \"landCode\": 0,\n \"toegangsnummer\": \"string\"\n }\n }\n },\n \"binnenlandsePostlocatie\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:49.586Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:49.586Z\",\n \"locatienummer\": \"string\",\n \"adres\": {\n \"registratietijdstipOpvoer\": \"2019-09-27T11:57:49.586Z\",\n \"registratietijdstipAfvoer\": \"2019-09-27T11:57:49.586Z\",\n \"postadrestype\": \"Postbus\",\n \"nummer\": 0,\n \"postcode\": \"string\",\n \"plaats\": \"string\"\n }\n },\n \"toevoegingBezoeklocatie\": \"string\"\n }\n }\n ],\n \"response\": {\n \"kvkNummer\": \"string\",\n \"gegevensgebruik\": {\n \"directMailing\": \"WelDirectMailing\"\n }\n },\n \"description\": \"Levert de (basis)gegevens van de maatschappelijke activiteit met het opgegeven KVK-nummer\"\n },\n {\n \"id\": \"obj-vestiging\",\n \"name\": \"Vestiging\",\n \"path\": \"/vestigingen\",\n \"input\": \"vestigingsnummer\",\n \"rx\": 100,\n \"ry\": 100,\n \"x\": 700,\n \"y\": 700,\n \"color\": \"lightgreen\",\n \"connections\": [\n {\n \"connId\": \"obj-persoon\",\n \"endpoints\": [\n {\n \"name\": \"Eigenaar\",\n \"path\": \"/eigenaar\"\n }\n ]\n }\n ]\n }\n]\n*/\n","//import {GraphQLVoyager} from 'graphql-voyager';\n//import '../../../../node_modules/graphql-voyager/dist/voyager.css';\nimport BBIFrame from './BBIFrame'\nimport './bbutil'\n\n//var hans =require ('./test.json');\n\nclass BBVoyager extends BBIFrame {\n getUrl() {\n BBIFrame.scrolling = 'no'\n return `/${window.bbFolderName}/bbvoyager.html`\n }\n\n static getDescription() {\n return {\n name: 'BBVoyager',\n component: BBVoyager,\n label: 'UML Diagram Voyager',\n variables: [\n {\n name: 'query',\n type: 'yasgui',\n label: 'to fill the diagram. ( ?domainName ?rangeName ?propname)',\n defaultQuery: `\n PREFIX sh: \n {this.props.title && (\n 
{/*eslint-disable-line jsx-a11y/alt-text*/}\n
\n )\n }\n\n let src = this.props.src\n if (src) {\n return (\n {this.props.title}
\n )}\n \n {this.props.title && (\n 
{/*eslint-disable-line jsx-a11y/alt-text*/}\n
\n )\n }\n return (\n {this.props.title}
\n )}\n \n {this.props.title && (\n
\n )\n }\n}\n","import React, { Component } from 'react'\n\nimport styles from './BBHTML.module.css'\nimport PublishUtils from '../../../helpers/PublishUtils'\n\nexport default class BBHTML extends Component {\n state = {}\n\n static getDescription() {\n return {\n name: 'BBHTML',\n component: BBHTML,\n label: 'BBHTML',\n variables: [\n {\n name: 'query',\n type: 'yasgui',\n label: 'use parameter {{parameters}} to change html ',\n },\n {\n name: 'html',\n type: 'text',\n label: 'html ',\n },\n {\n name: 'htmlgeenresultaat',\n type: 'text',\n label: 'html bij 0 resultaten',\n },\n {\n name: 'cls',\n type: 'text',\n label: 'class ',\n },\n ],\n }\n }\n\n render() {\n try\n {\n if (!this.props.html && !this.props.htmlgeenresultaat) {\n return null\n }\n let html = this.props.html\n var html2 = ''\n let data = this.props.data\n if (data != null && html != null && html!=\"\") {\n if (\n data.results != null &&\n data.results.bindings != null &&\n data.results.bindings.length > 0\n ) {\n var object = data.results.bindings[0]\n var html3 = html\n for (var key in object) {\n try {\n var value = object[key].value\n html3 = html3.replace('{{' + key + '}}', value).replace('{{' + key + '}}', value).replace('{{' + key + '}}', value).replace('{{' + key + '}}', value).replace('{{' + key + '}}', value).replace('{{' + key + '}}', value)\n } catch (e) {}\n }\n html2 += html3\n }\n\n if (\n this.props.htmlgeenresultaat != null &&\n data.results.bindings.length === 0\n ) {\n \n html2 = PublishUtils.processStringForParameters(this,this.props.htmlgeenresultaat)\n console.log(this.props.htmlgeenresultaat,html2);\n }\n } else {\n html2=html=\"\";\n try {html2 = PublishUtils.processStringForParameters(this,this.props.htmlgeenresultaat)} catch(e){}\n \n \n }\n\n html2 = html2.replace(/.*{{.*}}.*/, '')\n\n let cls = this.props.cls\n if (styles[cls] != null) cls = styles[cls]\n return \n }\n catch(e)\n {\n console.log(\"mannaged \",e);\n if (this.props.htmlgeenresultaat!=null)\n {\n return PublishUtils.processStringForParameters(this.props.htmlgeenresultaat);\n }\n else\n {\n return ''\n }\n \n }\n \n }\n}\n","\nimport { lazy } from 'react';\nimport PublishUtils from '../../../../helpers/PublishUtils';\n\n\nexport default class BBDFormDescriptor {\n \n static getDescription() {\n \n return {\n name: 'BBDForm',\n component: lazy(() => import('./BBDForm')),\n label: 'BBDForm',\n variables: [\n {\n name: 'title',\n type: 'text',\n label: 'Titel boven de form',\n topicValueInterpolationEnabled: true\n },\n {\n name: 'classOrUri',\n type: 'text',\n label: 'uri van de owl/shacl class or individual (not implemented)',\n },\n {\n name: 'addEditToolbar',\n type: 'boolean',\n label: 'add edit toolbar (not implemented yet)',\n },\n {\n name: 'query',\n type: 'yasgui',\n defaultQuery:'PREFIX xsd: {this.props.title}
\n )}\n \n
\n )\n}\n","export const sideMenuConfigs = [\n {\n name: 'query',\n type: 'yasgui',\n label:\n 'Query to fill tree. First item should be the object label, the second the object URI, the third the parent URI. optional you can use icon, icon2 and icon3 variables for fa-fa icons ()',\n },\n {\n name: 'tabs',\n type: 'array',\n label: 'Tabs',\n },\n {\n name: 'tabSelectionSubscription',\n type: 'text',\n label: 'Variabele to listen to for tab selection',\n },\n {\n name: 'hideTabs',\n type: 'text',\n label:\n 'Variabele to listen to for tab visualisation. Use tab names to hide the tabs',\n },\n {\n name: 'disableHiddenTabs',\n type: 'boolean',\n label:\n 'show the hidden tabs but disable them and use a lock icon'\n },\n \n {\n name: 'icons',\n type: 'array',\n label:\n 'fa icon names for each tab such as box,cogs,coffee,envelope,hand-point-left,arrow-left,cube,database,gavel,gift,stop,',\n },\n {\n name: 'headertext',\n type: 'text',\n label: 'text for the header when expanded',\n },\n {\n name: 'lazyLoadingPages',\n type: 'boolean',\n label: 'does not load the tabs/pages in advance. Also returning to a page results in a reload',\n },\n {\n name: 'footertext',\n type: 'text',\n label: 'text for the footer',\n },\n {\n name: 'backgroundimage',\n type: 'text',\n label: 'background image',\n },\n {\n name: 'customStyling',\n type: 'boolean',\n label: 'Enable Custom Styling',\n },\n {\n name: 'sidemenuBackgroundColor',\n type: 'text',\n label: 'The background Color in Hex format. e.g. #000000',\n },\n {\n name: 'sidemenuTabColor',\n type: 'text',\n label: 'The background color of the tab in Hex format. e.g. #000000',\n },\n {\n name: 'sidemenuTabIconColor',\n type: 'text',\n label: 'The background color of the tab icon of the tab in Hex format. e.g. #000000',\n },\n {\n name: 'sidemenuTabTextColor',\n type: 'text',\n label: 'The text color of the tab in Hex format. e.g. #000000',\n },\n {\n name: 'sidemenuTabHoverColor',\n type: 'text',\n label: 'The background color of the tab on mouse hovering in Hex format. e.g. #000000',\n },\n {\n name: 'sidemenuTabIconHoverColor',\n type: 'text',\n label: 'The background color of the tab icon on mouse hovering in Hex format. e.g. #000000',\n },\n {\n name: 'sidemenuTabTextHoverColor',\n type: 'text',\n label: 'The text color of the tab on mouse hovering in Hex format. e.g. #000000',\n },\n {\n name: 'startCollapsed',\n type: 'boolean',\n label: 'start collapsed',\n },\n {\n name: 'onlyCollapsed',\n type: 'boolean',\n label: 'only collapsed',\n },\n {\n name: 'rightside',\n type: 'boolean',\n label: 'show menu on the rightside',\n },\n {\n name: 'className',\n type: 'text',\n label: 'css classNames',\n },\n {\n name: 'areas',\n type: 'json',\n // label: 'Column widths or row heights (separated by commas). Value can be a number (which will be set as flex values/verhoudingswaarden) or a px/% value',\n label: 'area definitions',\n },\n] as const\n","import { lazy } from 'react'\r\nimport { sideMenuConfigs } from './BBSideMenuConfigs'\r\n\r\nexport default class BBSideMenuDescriptor {\r\n\r\n static getDescription() {\r\n return {\r\n name: 'BBSideMenu',\r\n component: lazy(() => import('./BBSideMenu')),\r\n label: 'BBSideMenu',\r\n variables: sideMenuConfigs,\r\n }\r\n }\r\n\r\n}","\nimport { lazy } from 'react';\n\nexport default class BBEChartDescriptor {\n static getDescription() {\n return {\n name: 'BBEChart',\n component: lazy(() => import('./BBEChart')),\n label: 'BBEChart',\n variables: [\n {\n name: 'query',\n type: 'yasgui',\n defaultQuery:\"select distinct ?label (count(distinct ?uri) as ?amount) \\r\\n where \\r\\n { \\r\\n graph <{{graph}}> \\r\\n{\\r\\n?uri a ?cls\\r\\n}\\r\\n ?cls rdfs:label ?label \\r\\n} \\r\\n group by ?label \\r\\n order by ?label\",\n label:\n 'Query to fill the chart. first parameter is the type, second the amount for a pie/donut',\n },\n {\n name: 'charttype',\n type: 'select',\n label: 'charttype',\n options: [\n { label: 'Kies', value: 'Kies' },\n { label: 'Pie', value: 'Pie' },\n { label: 'Small pie', value: 'SmallPie' },\n { label: 'Doughnut', value: 'Doughnut' },\n { label: 'Small doughnut', value: 'DoughnutSmall' },\n { label: 'Bar', value: 'Bar' },\n { label: 'Column', value: 'Col' },\n { label: 'stacked Column', value: 'ColStacked' },\n { label: 'stacked Bar', value: 'BarStacked' },\n { label: 'Gauge', value: 'gauge' },\n ],\n },\n {\n name: 'title',\n type: 'text',\n label: 'title',\n },\n {\n name: 'width',\n type: 'text',\n label: 'width css (97%)',\n },\n {\n name: 'height',\n type: 'text',\n label: 'height css (95%) ',\n },\n {\n name: 'optionOptions',\n type: 'text',\n label: 'extra options for echart {\"series\":[{\"bargap\":0}]}'\n },\n {\n name: 'color',\n type: 'array',\n label: 'optional colorscheme series,hexcolor... ok,#ffaacc',\n },\n {\n name: 'legend',\n type: 'boolean',\n label: 'legend',\n },\n {\n name: 'defaultMenu',\n type: 'boolean',\n label: 'defaultMenu',\n },\n {\n name: 'stringToColor',\n type: 'boolean',\n label: 'use string values to color chart',\n },\n {\n name: 'gradientColors',\n type: 'boolean',\n label: 'use gradient colors',\n },\n {\n name: 'enableZoom',\n type: 'boolean',\n label: 'make the chart zoomable',\n },\n {\n name: 'labelsInChart',\n type: 'boolean',\n label: 'labels in the chart',\n },\n {\n name: 'popupLabelExtension',\n type: 'text',\n label: 'extension string for popup values (euro or stuks) ',\n },\n {\n name: 'popupLabelFixedFormat',\n type: 'text',\n label: '1 or 2 or..',\n },\n\n\n \n\n ],\n }\n }\n\n \n}\n","import './bbutil'\nimport BBIFrame from './BBIFrame'\n\nclass BBBoorkern extends BBIFrame {\n getUrl = () => `/${window.bbFolderName}/boorkern/vboorkern.html`\n\n constructor() {\n super()\n //console.log(\"boorkern Constructor\");\n this.scrolling = 'no'\n this.noEvents = false;\n this.usesParameters=false;\n }\n\n static getDescription() {\n return {\n name: 'BBBoorkern',\n component: BBBoorkern,\n label: 'virtuele boorkern',\n variables: [\n {\n name: 'query',\n type: 'yasgui',\n label: 'to fill the map. ',\n },\n {\n name: 'height',\n type: 'text',\n label: 'height variable',\n },\n {\n name: 'publishVariable',\n type: 'text',\n label:\n 'Variabele in which an item URI is published, when a feature in the figure is clicked.',\n },\n {\n name: 'subscribeVariable',\n type: 'text',\n label:\n 'Published uri variabele on which to listen to define selection.(not yet implemented). use selectedUri instead (set a default value via ::) ',\n },\n {\n name: 'className',\n type: 'text',\n label: 'iframe classNames',\n },\n ],\n }\n }\n\n state = { selectedUri: null }\n\n reExecuteSparql() {\n // console.log(\"re execute sparql called \");\n this.updateMe()\n }\n}\nexport default BBBoorkern\n","import { lazy } from 'react'\r\nimport { FontList } from \"../../../FontList\"\r\nimport PublishUtils from '../../../../helpers/PublishUtils'\r\n\r\nexport default class StartRuleButtonDescriptor {\r\n \r\n static getDescription() {\r\n return {\r\n name: 'StartRuleButton',\r\n component: lazy(() => import('./StartRuleButton')),\r\n label: 'StartRuleButton',\r\n variables: [\r\n \r\n \r\n {\r\n name: 'disabled',\r\n type: 'boolean',\r\n label: 'disabled',\r\n },\r\n {\r\n name: 'title',\r\n type: 'text',\r\n label: 'button label',\r\n topicValueInterpolationEnabled: true\r\n },\r\n {\r\n name: 'beginIcon',\r\n type: 'text',\r\n label: 'begin icon - available prefixes: `fa-` `mui-` `radix-`. Without prefix is deprecated.',\r\n },\r\n {\r\n name: 'endIcon',\r\n type: 'text',\r\n label: 'end icon - available prefixes: `fa-` `mui-` `radix-`. Without prefix is deprecated.',\r\n },\r\n {\r\n name: 'tooltip',\r\n type: 'text',\r\n label: 'button tooltip',\r\n topicValueInterpolationEnabled: true\r\n },\r\n {\r\n name: 'startRule',\r\n type: 'text',\r\n label: 'start rule with tag. Also EMPTY can be used.',\r\n },\r\n \r\n {\r\n name: 'parameters',\r\n type: 'json-text',\r\n label:\r\n 'extra parameters send in JSON format,Parameters will be resolved before sending. keep it simple. no subchildren',\r\n },\r\n \r\n \r\n \r\n PublishUtils.getTimestampParametersDef(),\r\n {\r\n name: 'failureMessage',\r\n type: 'text',\r\n label: 'failure message',\r\n },\r\n\r\n {\r\n name: 'customStyling',\r\n type: 'boolean',\r\n label: 'Enable Custom Styling',\r\n },\r\n {\r\n name: 'buttonBorderRadius',\r\n type: 'text',\r\n label: 'Custom Styling: button-border-radius (examples: \"2lh\", \"50%\", \"1.2em\"). See https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius',\r\n },\r\n {\r\n name: 'textColor',\r\n type: 'text',\r\n label: 'Custom Styling: text-color (examples: \"green\", \"#FF0000\", \"hsl(0 100% 50% / 50%)\"). See https://developer.mozilla.org/en-US/docs/Web/CSS/color_value',\r\n },\r\n {\r\n name: 'bgColor',\r\n type: 'text',\r\n label: 'Custom Styling: background-color (examples: \"green\", \"#FF0000\", \"hsl(0 100% 50% / 50%)\"). See https://developer.mozilla.org/en-US/docs/Web/CSS/color_value',\r\n },\r\n {\r\n name: 'hasButtonShadow',\r\n type: 'boolean',\r\n label: 'Custom Styling: enable button-shadow'\r\n },\r\n {\r\n name: 'buttonFontSize',\r\n type: 'text',\r\n label: 'Custom Styling: button-font-size'\r\n },\r\n {\r\n name: 'buttonFontFamily',\r\n type: 'text',\r\n label: 'Custom Styling: button-font-family',\r\n helpComponent: FontList\r\n },\r\n ]\r\n }\r\n }\r\n\r\n \r\n}\r\n","import { Button } from '@mui/material'\nimport { Component } from 'react'\nimport projectStyles from '../../Project.module.css'\nimport buttonStyles from './Button.module.css'\nimport { Icon } from '../Icon'\nimport { FontList } from \"../../FontList\"\n\nclass BBLinkButtons extends Component {\n static getDescription() {\n return {\n name: 'BBLinkButtons',\n component: BBLinkButtons,\n label: 'BB Link Buttons',\n variables: [\n {\n name: 'labels',\n type: 'array',\n label: 'label,label2,etc',\n topicValueInterpolationEnabled: true,\n },\n {\n name: 'links',\n type: 'array',\n label: 'url1,url2,etc',\n topicValueInterpolationEnabled: true,\n },\n {\n name: 'openLinksInTheSameTab',\n type: 'boolean',\n label: 'Open links in the same tab'\n },\n {\n name: 'title',\n type: 'text',\n label: 'titel',\n },\n {\n name: 'beginIcons',\n type: 'array',\n label: 'begin-icons: \"icon1,icon2,etc\"'\n },\n {\n name: 'endIcons',\n type: 'array',\n label: 'end-icons: \"icon1,icon2,etc\"'\n },\n {\n name: 'customStyling',\n type: 'boolean',\n label: 'Enable Custom Styling',\n },\n {\n name: 'buttonBorderRadius',\n type: 'text',\n label: 'Custom Styling: button-border-radius (examples: \"2lh\", \"50%\", \"1.2em\"). See https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius',\n },\n {\n name: 'textColor',\n type: 'text',\n label: 'Custom Styling: text-color (examples: \"green\", \"#FF0000\", \"hsl(0 100% 50% / 50%)\"). See https://developer.mozilla.org/en-US/docs/Web/CSS/color_value',\n },\n {\n name: 'bgColor',\n type: 'text',\n label: 'Custom Styling: background-color (examples: \"green\", \"#FF0000\", \"hsl(0 100% 50% / 50%)\"). See https://developer.mozilla.org/en-US/docs/Web/CSS/color_value',\n },\n {\n name: 'hasButtonShadow',\n type: 'boolean',\n label: 'Custom Styling: enable button-shadow'\n },\n {\n name: 'marginBetweenButtons',\n type: 'text',\n label: 'Custom Styling: margin-between-buttons (example: \"0.4em\")',\n },\n {\n name: 'buttonContainerPadding',\n type: 'text',\n label: 'Custom Styling: button-container-padding (example: \"0.4em\")'\n },\n {\n name: 'buttonFontSize',\n type: 'text',\n label: 'Custom Styling: button-font-size'\n },\n {\n name: 'buttonFontFamily',\n type: 'text',\n label: 'Custom Styling: button-font-family',\n helpComponent: FontList\n },\n ],\n }\n }\n\n render() {\n const fontSize = this.props.buttonFontSize ? this.props.buttonFontSize : 'inherit'\n const fontFamily = this.props.buttonFontFamily ? this.props.buttonFontFamily : 'inherit'\n return (\n \n ?collectionType variables now support the following: rdf:List{' '}\n (full uri: 'http://www.w3.org/1999/02/22-rdf-syntax-ns#List')\n
{this.props.title}
\n )}\n {this.props.labels?.map((label, i) => {\n\n if (!this.props.customStyling) return (\n \n {props.beginIcon &&
\n \n )\n}\n\nfunction CustomStyleButton(props) {\n return (\n \n \n \n {' '}\n \n \n \n
\n )\n /*\n \n \n {this.state.sequences.map((sequence) => (\n
\n )\n\n componentDidUpdate = () => {\n try {\n if (this.props.data && this.props.data !== this.state.previousData) {\n const sequences = sequenceRows(this.props.data.results.bindings)\n this.setState({ sequences, previousData: this.props.data })\n }\n } catch(e) {\n console.error(e.message)\n }\n }\n\n select = (uri) => this.props.dispatch({ type: 'PUBLISH', data: { [this.props.topicOnClick]: uri } })\n}\n\nfunction sequenceRows(rows) {\n const { rowByUri, rowsByParentUri } = makeHashMaps()\n const rootRows = rows.filter(r => !(r.parentUri?.value in rowByUri))\n return rootRows.flatMap(r => getSequences([[r]]))\n\n function makeHashMaps() {\n const rowByUri = {}\n const rowsByParentUri = {}\n\n for (const row of rows) {\n rowByUri[row.uri.value] = row\n\n if (!row.parentUri?.value) continue\n if (!rowsByParentUri[row.parentUri.value]) rowsByParentUri[row.parentUri.value] = [row]\n else rowsByParentUri[row.parentUri.value].push(row)\n }\n\n return { rowByUri, rowsByParentUri }\n }\n\n function getSequences(sequences) {\n return sequences.flatMap(sequence => {\n const parent = sequence.at(-1)\n const children = rowsByParentUri[parent.uri.value]\n if (!children) return [sequence]\n\n const newSequences = children.map(c => [...sequence, c])\n return getSequences(newSequences)\n })\n }\n}\n","import { lazy } from 'react';\r\n\r\nexport default class BBIFCJSViewerDescriptor{\r\n\r\n\r\nstatic getDescription() {\r\n return {\r\n name: 'IFCJSViewer',\r\n //component: lazy(() => import('./BBIFCJSViewer.js')),\r\n component: lazy(() => import('./BBIFCViewer.js')),\r\n label: 'IFC JS Viewer (v2)',\r\n variables: [\r\n {\r\n name: 'query',\r\n type: 'yasgui',\r\n label: 'use parameter ?filename ?guid ?hidden ?alpha ?color ',\r\n }]\r\n }\r\n}\r\n}","import { lazy } from 'react';\r\n\r\nexport default class BBIFCJSViewerDescriptor{\r\n\r\n\r\nstatic getDescription() {\r\n return {\r\n name: 'BBThreeJSViewer',\r\n component: lazy(() => import('./BBThreeJSViewer.js')),\r\n label: 'BB ThreeJS viewer (v2)',\r\n variables: [\r\n {\r\n name: 'glb files prefix',\r\n type: 'text',\r\n label: 'prefix for all glb files (e.g. http://wistor.nl/BloodBee/cgi/download/) ',\r\n },\r\n {\r\n name: 'glb files',\r\n type: 'array',\r\n label: 'comma separated file names to load. \"file1.glb,file2.glb\" or use parameters {{filename}}',\r\n },\r\n {\r\n name: 'visualisation hint',\r\n type: 'select',\r\n options: [\r\n \r\n { label: 'normal', value: 'normal' },\r\n { label: 'transparent', value: 'transparent' },\r\n { label: 'very transparent', value: 'vtransparent' },\r\n { label: 'toon', value: 'toon' },\r\n { label: 'toon transparent', value: 'toontransparent' },\r\n { label: 'nice', value: 'nice' },\r\n { label: 'nicer', value: 'nicer' },\r\n { label: 'nicer grey', value: 'nicerGrey' },\r\n { label: 'grey', value: 'grey' },\r\n { label: 'grey transparent', value: 'greytransparent' },\r\n { label: 'grey very transparent', value: 'greyverytransparent' },\r\n\r\n ],\r\n label: 'such as transparent,normal,toon ',\r\n\r\n },\r\n {\r\n name: 'simpleMode',\r\n type: 'boolean',\r\n label: 'use this for only basic viewing of IFC models',\r\n },\r\n\r\n {\r\n name: 'query',\r\n type: 'yasgui',\r\n label: 'use parameter ?guid ?uri ?hidden ?alpha ?color ?label (?gltf). use sparqlhints #transparent ',\r\n },\r\n \r\n {\r\n name: 'guidpublishparameter',\r\n type: 'text',\r\n label: 'parameter for guid publishing',\r\n },\r\n {\r\n name: 'guidselector',\r\n type: 'text',\r\n label: 'parameter for selecting object using GUID',\r\n }\r\n ,\r\n {\r\n name: 'selectOnlySparqlResults',\r\n type: 'boolean',\r\n label: 'select only sparql result objects',\r\n },\r\n \r\n {\r\n name: 'visualiseOnlySparqlResults',\r\n type: 'boolean',\r\n label: 'visualise only sparql result objects',\r\n }\r\n\r\n ]\r\n }\r\n}\r\n}","import { lazy } from 'react';\r\n\r\nexport default class BBSparnaturalDescriptor{\r\n\r\n\r\nstatic getDescription() {\r\n return {\r\n name: 'BBSparnatural',\r\n component: lazy(() => import('./BBSparnatural')),\r\n label: 'BB Sparnatural',\r\n variables: [\r\n \r\n \r\n {\r\n name: 'configttl',\r\n type: 'text',\r\n label: 'local filename such as \\\"config.ttl\\\". (refresh is necessary) ',\r\n },\r\n {\r\n name: 'lang',\r\n type: 'text',\r\n label: 'language, default is nl (refresh is necessary)',\r\n },\r\n {\r\n name: 'limit',\r\n type: 'text',\r\n label: 'limit (default is 100000) (refresh is necessary)',\r\n },\r\n\r\n {\r\n name: 'configttlAsString',\r\n type: 'text',\r\n label: 'config as a string. (not implemented) ',\r\n },\r\n\r\n\r\n {\r\n name: 'query',\r\n type: 'yasgui',\r\n label: 'perhaps create sparnatural config using sparql results? (not implemented) ',\r\n }\r\n ]\r\n}\r\n}\r\n}\r\n","import { lazy } from 'react';\r\nexport default class NebulaDescriptor {\r\n\r\nstatic getDescription() {\r\n return {\r\n name: 'Nebula',\r\n component: lazy(() => import('./Nebula')),\r\n label: 'Nebula',\r\n variables: [\r\n {\r\n name: 'query',\r\n type: 'yasgui',\r\n label:\r\n 'use parameter ?label for accordion headings. use ?content for inner accordion content ',\r\n },\r\n\r\n {\r\n name: 'title',\r\n type: 'text',\r\n label: 'Titel boven de tabel',\r\n },\r\n\r\n \r\n ],\r\n }\r\n }\r\n}\r\n","import { useEffect, useRef } from 'react'\n\nexport function useDebounce(onTimeout: () => void, debounceTime: number, debounceOn: unknown[] = []) {\n const timerRef = useRef\n {sequence.map((entry, i) => (\n \n {i !== 0 && this.select(entry.uri.value)}\n >\n {entry.name.value}\n \n \n ))}\n
\n ))}\n Error: configured waiting time is not a number: \"{props.debounceTimeInSeconds}\"
\n\n\n\n return (\n \n ?sparqlParameter\n | \n \n String literal with the name of the SparQL parameter used in the published snippet (?subj). Do not include the ?.\n | \n
|---|---|
\n ?property\n | \n \n String literal with the label of the filterable property.\n | \n
\n ?propertyURI\n | \n \n String literal with the URI of the filterable property.\n | \n
\n ?value\n | \n \n For checkboxes, radiobuttons, search: string literal with the label of the filterable values. \n For range or daterange: \"min\" or \"max\" to indicate if it's the min or max value.\n | \n
\n ?valueURI\n | \n \n For checkboxes, radiobuttons, search: string URI or literal of the filterable values. \n For range: number literal of the min or max value. \n For daterange: date literal of the min or max value like \"2023-01-01T00:00:00Z\"^^xsd:dateTime.\n | \n
\n ?type\n | \n \n Either \"checkboxes\", \"radiobuttons\", \"search\", \"range\" or \"daterange\".\n | \n
\n ?defaultExpanded\n | \n \n Whether to expand the filter by default. Either true or false.\n | \n
\n ?defaultVisible\n | \n \n Whether the filter is shown by default. Either true or false. If false, it can be added by the user via the Add button.\n | \n
\n {appearance == 'checkbox' && }\n {appearance == 'toggleSwitch' && }\n {appearance == 'icon' && (\n \n
\n )\n}\n","import { lazy } from 'react';\n\nexport const jobStatusWidgetDescription = {\n name: 'JobStatus',\n component: lazy(() => import('./JobStatus' )),\n label: 'Job status indicator (rule engine)',\n variables: [\n {\n name: 'initiatorTagsToInclude',\n type: 'text',\n label:\n 'Monitor only jobs initiated by specified rule tags. Can be comma separated. By default all jobs are monitored.'\n },\n {\n name: 'statusLabels',\n type: 'json',\n label:\n 'JSON that maps the job statuses to a human-friendly label'\n },\n {\n name: 'statusTextTemplateString',\n type: 'text',\n label:\n 'Template string for the job status display. May have HTML. You can use placeholders {{.count}} and {{.status}} (NOTE: these are not available as pubsub variables)'\n },\n {\n name: 'zeroJobsString',\n type: 'text',\n label:\n 'Text for the job status display when there are zero active jobs. May have HTML.'\n },\n {\n name: 'refetchInterval',\n type: 'text',\n label: 'How often to refresh in seconds. Cannot be lower than 1.'\n }\n ],\n }\n","import React from 'react'\nimport PublishUtils from '../../../helpers/PublishUtils'\n\nexport const configOptions = [\n {\n name: 'query',\n type: 'yasgui',\n label: 'Query where all possible internal sources for the video queried as `?src_URL`s. External urls are not supported, the urls need to start with \"/servlets/cgi/download/\"',\n },\n {\n name: 'timeJumpTopic',\n type: 'text',\n label: 'Topic (variable) for which integer updates will make the video seek to that point in time as seconds',\n },\n PublishUtils.getTimestampParametersDef(),\n]\n\nexport const videoPlayerDescription = {\n name: 'VideoPlayer',\n component: React.lazy(() => import('./Widget')),\n label: 'VideoPlayer',\n variables: configOptions,\n}\n","\r\nimport { lazy } from 'react';\r\n\r\n\r\nexport default class BBLibremapDescriptor {\r\n\r\n\r\n\r\nstatic getDescription() {\r\n return {\r\n name: 'BB Maplibre',\r\n component: lazy(() => import('./BBLibremap')),\r\n label: 'BBLibremap',\r\n variables: [\r\n {\r\n name: 'query',\r\n type: 'yasgui',\r\n label:\r\n 'Query to fill tree. First item should be the object label, the second the object URI, the third the parent URI. optional you can use icon, icon2 and icon3 variables for fa-fa icons ()',\r\n },\r\n \r\n ],\r\n }\r\n }\r\n\r\n}","\nimport { lazy } from 'react';\nimport PublishUtils from '../../../helpers/PublishUtils';\n\nclass BBPMermaidDescriptor {\n \n\n static getDescription() {\n return {\n name: 'BBMermaid',\n component: lazy(() => import('./BBMermaid')),\n label: 'BBPMermaid',\n variables: [\n \n {\n name: 'mermaid',\n type: 'json-text',\n label:\n 'mermaid string',\n }\n \n ],\n }\n }\n\n \n}\n\nexport default BBPMermaidDescriptor\n","export default class WidgetCategory\r\n {\r\n static basic=\"basic\";\r\n static experimental=\"experimental\";\r\n static widget2D=\"2D\";\r\n static widget3D=\"3D\";\r\n static graphic=\"graphic\";\r\n static edit=\"edit\";\r\n static other=\"other\";\r\n static layout=\"layout\";\r\n \r\n}","import { lazy } from 'react';\nimport WidgetCategory from '../WidgetCategory';\nimport PublishUtils from './../../helpers/PublishUtils'\n\n\n\nexport default class ListDescriptor {\n\n static getDescription() {\n return {\n name: 'List',\n component: lazy(() => import('./List')), \n label: WidgetCategory.basic+' List widget',\n category:WidgetCategory.basic,\n variables: [\n {\n name: 'title',\n type: 'text',\n label: 'Titel boven de lijst',\n },\n {\n name: 'query',\n type: 'yasgui',\n label: 'first variabele for the labels ',\n defaultQuery:\"PREFIX rdfs: Options should be a comma separated list of value,label pairs
\n )\n }\n\n return (\n \n \n
\n ))}\n Options should be a comma separated list of value,label pairs
\n )\n }\n\n return (\n \n {options.map((option) => (\n
\n )\n }\n\n render() {\n let horizontal = this.props.horizontal\n return (\n \n \n
\n ))}\n \n
\n )\n }\n}\n\nexport default RadioBox\n","import PublishUtils from \"../../../helpers/PublishUtils\"\nimport { ConfigurablePropsFromDescription } from \"../../../helpers/widget\"\nimport { v4 as uuidv4 } from \"uuid\"\nimport { TableppAction, TableppColumnConfig } from \"./config-schema\"\n\nconst defaultQuery = `SELECT\n ?title\n (?note as ?title_URI)\n (\"\" as ?comments)\n (\"fa-comments\" as ?comments_ICON)\n (?note as ?comments_URI)\n ?author\n ?author_ICON\n (\"16px\" as ?author_ICONSIZE)\n ?author_ICONCOLOR\n ?sourceLink\n ?sourceLink_ICON\n ?sourceLink_URL\nWHERE {\n BIND(IF(BOUND(?sourceLink_URL), \"radix-external-link\", \"\") AS ?sourceLink_ICON)\n VALUES (?note ?title ?author ?author_ICON ?author_ICONCOLOR ?sourceLink ?sourceLink_URL) {\n ({this.props.label}
\n\n {horizontal\n ? this.renderOptionsHorizontal()\n : this.renderOptionsVertical()}\n \n
\n )\n}\n\nexport type TablePlusPlusConfigOptions = ConfigurablePropsFromDescription\n The results of this query are displayed in the table in the same order\n as they are returned from the triplestore.\n
\n\n It is possible to modify a cell by selecting sparql-variables with the\n following name-shape {'?{identifier}_{modifier}'}.\n Rows have an empty identifier, e.g. {'?_{modifier}'}.\n
\n The following {'modifier'}s have been implemented:\n
- \n
- \n
URI: makes the cell clickable. On click it publishes this value to the global \"publish topic\",\n or the column-configuration-specific `publishTopic` (the latter overrides the former).{\" \"}\n If this modifier is used, thenURLshould not be used as you cannot have both behaviours.{\" \"}\n An error-notification is clearly visible on your screen if both modifiers are active.\n \n - \n
URL: makes the cell clickable. On click it opens a new browser-tab/window with this value as its URL.{\" \"}\n If this modifier is used, thenURLshould not be used as you cannot have both behaviours.{\" \"}\n An error-notification is clearly visible on your screen if both modifiers are active.\n \n - \n
ICON: name of the icon, this can be an icon from{\" \"}\n fontawesome, {\" \"}\n Radix Icons, or{\" \"}\n MUI Icons\n
\n Examples:fa-user,fa-minus-circle,radix-layers,radix-dots-horizontal,mui-add.\n \n - \n
ICONCOLOR: css color of the icon. Examples:blue,rgba(128, 128, 0, 0.5),#ffee33\n \n - \n
ICONSIZE: css size of the icon. Examples:15px,16pt,2rem\n \n - \n
TEXTCOLOR: css color of the text. Examples:blue,rgba(128, 128, 0, 0.5),#ffee33\n \n
\n
\n )\n}","import * as React from 'react'\nimport {configOptions} from './config-options'\n\n\nexport const TablePlusPlusDescription = {\n name: 'Table++',\n component: React.lazy(() => import('./TablePlusPlus' )),\n label: 'Table++',\n variables: configOptions,\n}\n","import { lazy } from 'react';\nimport WidgetCategory from '../../WidgetCategory';\nimport PublishUtils from '../../../helpers/PublishUtils';\nimport { Tabs, TabsContent, TabsList, TabsTrigger } from '../../ui-primitives/tabs'\nimport { JsonTextEditor } from '../../JsonEditor'\n\nexport default class IFCJSViewerV3Descriptor {\n\n static getDescription() {\n return {\n name: 'IFCJSViewerV3',\n component: lazy(() => import('./IFCJSViewerV3')), \n label: WidgetCategory.experimental+' IFC Viewer V3 (BIM-Legal development) ',\n category:WidgetCategory.experimental,\n variables: [\n\n {\n name: 'modus',\n type: 'select',\n label: 'modus',\n options: [\n {\n label: 'Viewer',\n value: 'Viewer',\n },\n {\n label: 'Upload only',\n value: 'Upload',\n },\n {\n label: 'Viewer with Upload',\n value: 'ViewerWithUpload',\n },\n {\n label: 'Download BIM-Legal file',\n value: 'BIMLegalDownload',\n },\n ],\n },\n {\n name: 'uploadFileMode',\n type: 'select',\n label: 'upload File Mode',\n options: [\n {\n label: 'single Ifc',\n value: 'singleIfc',\n },\n {\n label: 'multiple Ifc (not yet implemented)',\n value: 'multipleIfc',\n },\n ],\n },\n {\n name: 'uploadButtonLabel',\n type: 'text',\n label: 'Text for the upload button',\n },\n {\n name: 'uploadPanelLabel',\n type: 'text',\n label: 'Text for the upload panel',\n },\n {\n name: 'uploadAppearance',\n type: 'select',\n label: 'Upload appearance',\n options: [\n {\n label: 'Tall (default)',\n value: 'tall',\n },\n {\n label: 'Compact',\n value: 'compact',\n }\n ],\n },\n {\n name: 'uploadBelongsTo',\n type: 'text',\n label: 'uri for belongsTo parameter',\n helpComponent: function (){return (SPARQL columns
\n\n The visible columns and the order of columns are explicitly decided by the SPARQL column tabs.\n Use the 'Auto fill' button to automatically populate them based on variables in\n your SELECT statement.\n
\n If you see a column with the '🔗' symbol, it means it is linked to a valid SPARQL variable.
\n Columns with the '⛓️💥' symbol are not linked to a valid SPARQL variable.\n
Action columns
\n\n You can also create additional columns which are not linked to a specific SPARQL variable,\n but can be used to trigger an action.\n\n
- \n
- Currently two action types are supported in buttons:
\"publish\"and\"start-rule\"\n - You can use query result variables in
{'{{placeholders}}'}, from any row's SPARQL column variable or global pubsub variables \n - Create a button without an icon and with button-children to display a \"...\"-dropdown menu \n
\n An advanced example for an action column:
\n
{JSON.stringify(example, null, 4)}\n \n the uploadany file uri of the uploaded ifc file and its derivations (like frag and LD) will be connected via the wistor#belongsTo Parameter to this parameter value
)} \n },\n {\n name: 'uploadconversionjson',\n type: 'json',\n label: 'conversion to LD and viewer options in JSON',\n helpComponent: UploadConversionJsonHelp\n },\n {\n name: 'bimlegalfrag',\n type: 'boolean',\n label: 'create a IFCSpace frag file only'\n },\n {\n name: 'AfterUploadIFCUriSelection',\n type: 'text',\n label: 'parameter that will be filled with the IFCupload uri',\n helpComponent: function () {return (After a succesful upload the uploadany file uri will be set to this parameter. This can be handy to automaticially select the uploaded file
)}\n },\n PublishUtils.getTimestampParametersDef(),\n PublishUtils.getRunRuleParametersDef(),\n {\n name: 'files prefix',\n type: 'text',\n label: 'prefix for all ifc files (e.g. http://wistor.nl/servlets/cgi/download/repo/) ',\n },\n {\n name: 'ifcfiles',\n type: 'array',\n label: 'comma separated url(s) to IFC files to display. parameters can be used here referring to (wistor) download locations using the wistor download servlet',\n },\n {\n name: 'Visualisation mode',\n type: 'select',\n label: '2d of 3d modus',\n options: [\n {\n label: '3D',\n value: '3D',\n },\n {\n label: '2D',\n value: '2D',\n }\n ]},\n {\n name: 'objectVisualisationMode',\n type: 'select',\n label: 'options to visualise IFC data icw Sparql results',\n options: [\n {\n label: 'normal (no sparql necessary)',\n value: 'normal',\n },\n {\n label: 'show only sparql results ',\n value: 'sparqlonly',\n },\n {\n label: 'show all transparent (sparql results in color) ',\n value: 'transparent',\n }\n ]},\n {\n name: 'query',\n type: 'yasgui',\n label: 'use parameter ?guid (necessary to link?) ?uri (handy for publishing) ?hidden (false/true) ?alpha ?color (create a color based upon this value) ?colorHex ?label (popup label) ',\n defaultQuery:\"\"\n },\n {\n name: 'predefinedColors',\n type: 'json',\n label: 'JSON-object linking ?color labels to actual CSS-style colors. Example: { \"Walls\": \"#3366ff\", \"Floors\": \"red\" }',\n },\n {\n name: 'publishVariable',\n type: 'text',\n label: 'sparql parameter name for publishing select event result. Arguably we need GUIDS to link data to the viewer. Perhaps GUID based interaction (publish guids instead of URIs is handier)',\n },\n {\n name: 'subscribeVariable',\n type: 'text',\n label: 'Published variabele on which to listen for selection.',\n },\n {\n name: 'zoomOnSelectionChange',\n type: 'boolean',\n label: 'Automatically zoom in to selection when selection variable has changed.',\n },\n {\n name: 'zoomToSelection',\n type: 'boolean',\n label: 'Automatically zoom in to selection when changing selection interactively.',\n },\n {\n name: 'resetSelectionOnSparqlUpdate',\n type: 'boolean',\n label: 'Reset selection on SPARQL update.',\n },\n {\n name: 'multipleselect',\n type: 'boolean',\n label: 'allow multiple selections. parameters are filled as comma separated values',\n },\n \n PublishUtils.getMultipleValueFormatOptions(),\n {\n name: 'bimlegaleditorversion',\n type: 'boolean',\n label: 'allow other scripts to interact with special functions for bim-legal',\n },\n \n /*,\n {\n name: 'clearParameter',\n type: 'text',\n label: 'clears widget when parameter changes'\n }*/\n ],\n }\n }\n}\n\nconst UPLOADCONVERSIONJSON_DEFAULT = {\n \"categoriesToInclude\": [\n \"IFCELEMENT\", \"IFCSITE\", \"IFCPROJECT\", \"IFCBUILDING\", \"IFCBUILDINGSTOREY\", \"IFCGROUP\", \"IFCZONE\"\n ],\n \"relationsToInclude\": [\n \"IsDefinedBy\",\n \"ContainedInStructure\",\n \"ContainsElements\",\n \"Decomposes\",\n \"IsDecomposedBy\",\n \"IsGroupedBy\",\n \"HasAssignments\",\n ],\n \"includeElementsWithoutRelations\": true,\n \"psetNameRegex\": null\n}\n\nconst UPLOADCONVERSIONJSON_EVERYTHING = {\n \"categoriesToInclude\": [\n \"IFCELEMENT\", \"IFCSITE\", \"IFCPROJECT\", \"IFCBUILDING\", \"IFCBUILDINGSTOREY\", \"IFCGROUP\"\n ],\n \"relationsToInclude\": [\n \"IsDecomposedBy\",\n \"Decomposes\",\n \"AssociatedTo\",\n \"HasAssociations\",\n \"ClassificationForObjects\",\n \"IsGroupedBy\",\n \"HasAssignments\",\n \"IsDefinedBy\",\n \"DefinesOcurrence\",\n \"IsTypedBy\",\n \"Types\",\n \"Defines\",\n \"ContainedInStructure\",\n \"ContainsElements\",\n \"HasControlElements\",\n \"AssignedToFlowElement\",\n \"ConnectedTo\",\n \"ConnectedFrom\",\n \"ReferencedBy\",\n \"Declares\",\n \"HasContext\",\n \"Controls\",\n \"IsNestedBy\",\n \"Nests\"\n ],\n \"includeElementsWithoutRelations\": true,\n \"psetNameRegex\": null\n}\n\nconst UPLOADCONVERSIONJSON_PSETS = {\n \"categoriesToInclude\": [\n \"IFCELEMENT\"\n ],\n \"relationsToInclude\": [\n \"IsDefinedBy\",\n ],\n \"includeElementsWithoutRelations\": false,\n \"psetNameRegex\": null\n}\n\nconst UPLOADCONVERSIONJSON_BIMLEGAL = {\n \"categoriesToInclude\": [\n \"IFCSPACE\", \"IFCSITE\", \"IFCPROJECT\", \"IFCBUILDING\", \"IFCBUILDINGSTOREY\"\n ],\n \"relationsToInclude\": [\n \"IsDefinedBy\",\n \"ContainsElements\",\n \"ContainedInStructure\"\n ],\n \"includeElementsWithoutRelations\": true,\n \"psetNameRegex\": null\n}\n\nfunction UploadConversionJsonHelp() {\n return (\n\n \n \n Default \n Everything \n IfcElements with psets \n BIMLegal \n \n \n \n \n \n \n \n \n \n \n
\n )\n}","import './bbutil'\nimport BBIFrame from './BBIFrame'\n\nclass BBIfcViewerNextGen extends BBIFrame {\n getUrl = () => `/${window.bbFolderName}/static/iframes/ifc-viewer/index.html`\n\n constructor() {\n super()\n\n this.scrolling = 'yes'\n this.noEvents = false\n this.usesParameters=false;\n }\n\n static getDescription() {\n return {\n name: 'BBIfcViewerNextGen',\n component: BBIfcViewerNextGen,\n label: 'BB IFC Viewer next gen',\n variables: [\n\n ],\n }\n }\n}\n\nexport default BBIfcViewerNextGen\n","\nimport { lazy } from 'react';\n\nexport default class BBTableDescriptor{\n\n static getDescription() {\n return {\n name: 'BBTable',\n component: lazy(() => import('./BBTable')),\n label: 'BB Table widget',\n variables: [\n {\n name: 'query',\n type: 'yasgui',\n label:\n 'to fill the table use any parameter. Optionally use Check parameter extension for boolean values. Optionally use the Fix extension (?parameternameFix) to restrict the amount of numbers after the decimal for each parameter. Optionally use ?background for background coloring ',\n },\n {\n name: 'renderEmpty',\n type: 'boolean',\n label: 'render an empty table',\n },\n {\n name: 'colSizes',\n type: 'array',\n label: 'optional array of col sizes. 100px,50%,350px. Needs a widgetrefresh when changed',\n },\n\n {\n name: 'publishVariable',\n type: 'text',\n label: 'Published uri variabele for other widgets.',\n },\n\n {\n name: 'replaceHeaderJSON',\n type: 'text',\n label: 'Key value JSON that replaces parameter headers. {\"label\":\"naam (volledig)\"}',\n },\n {\n name: 'searchbar',\n type: 'boolean',\n label: 'show searchbar (widget refresh necessary)',\n },\n {\n name: 'className',\n type: 'text',\n label: 'iframe classNames',\n },\n {\n name: 'uselocalnumberformat',\n type: 'boolean',\n label: 'use local number format',\n },\n {\n name: 'downloadbutton',\n type: 'boolean',\n label: 'add toolbar with download button (widget refresh necessary)',\n },\n {\n name: 'downloadURL',\n type: 'text',\n label: 'base exceltemplate. This will be used to insert the data in the first sheet',\n },\n {\n name: 'downloadStartRow',\n type: 'text',\n label: 'start row to insert the data into the excelsheet',\n },\n {\n name: 'downloadNoHeader',\n type: 'boolean',\n label: 'do not export sparql parameter names as columnames',\n },\n {\n name: 'wraptext',\n type: 'boolean',\n label: 'wrap text in the table',\n },\n {\n name: 'excelheadertext',\n type: 'text',\n label: 'headertext for row 1 when downloading this table in excel',\n },\n\n {\n name: 'summaryFields',\n type: 'text',\n label: 'add summary below using the following csv sparql parameters (costs, profit)',\n },\n {\n name: 'filename',\n type: 'text',\n label: 'xlsx filename',\n },\n {\n name: 'selectType',\n type: 'select',\n label: 'Selection type (refresh is necessary)',\n options: [\n {\n label: 'Rows',\n value: 'row'\n },\n {\n label: 'Cells',\n value: 'cell'\n },\n ],\n },\n ],\n }\n }\n}\n\n","\r\nimport { lazy } from 'react';\r\n\r\n\r\nexport default class BBSVGEditorDescriptor {\r\n\r\n\r\n\r\nstatic getDescription() {\r\n return {\r\n name: 'BB SVGEditor',\r\n component: lazy(() => import('./BBSVGEditor')),\r\n label: 'BB SVGEditor',\r\n variables: [\r\n {\r\n name: 'query',\r\n type: 'yasgui',\r\n label:\r\n 'Query to fill the svg. use ?uri and ?svg',\r\n },\r\n \r\n ],\r\n }\r\n }\r\n\r\n}","\r\nimport { lazy } from 'react';\r\n\r\n\r\nexport default class BBIFCJSViewerDescriptor{\r\n\r\n\r\nstatic getDescription() {\r\n return {\r\n name: 'BB Ganttchart',\r\n \r\n component: lazy(() => import('./BBGanttChart.js')),\r\n label: 'BB Ganttchart (under development)',\r\n variables: [\r\n {\r\n name: 'query',\r\n type: 'yasgui',\r\n label: 'use parameter ?id ?uri ?name ?start ?end ?progress ?dependencies ?graph ?code'\r\n },\r\n \r\n {\r\n name: 'editable',\r\n type: 'boolean',\r\n label: 'editable',\r\n \r\n },\r\n \r\n {\r\n name: 'timestampParameters',\r\n type: 'text',\r\n label:\r\n 'sets a timestamp after main event. multiple parameters via comma seperation',\r\n }\r\n ]\r\n }\r\n}\r\n}","import { lazy } from 'react';\r\nexport default class BBMenubarDescriptor {\r\n\r\nstatic getDescription() {\r\n return {\r\n name: 'BB Component',\r\n component: lazy(() => import('./BBComponent')),\r\n label: 'BB Component (Experimental)',\r\n type:\"experimental\",\r\n variables: [\r\n \r\n\r\n {\r\n name: 'url',\r\n type: 'text',\r\n label: 'use an url to another app to re-use the main widget.'\r\n },\r\n {\r\n name: 'urlData',\r\n type: 'json',\r\n //label: 'Column widths or row heights (separated by commas). Value can be a number (which will be set as flex values/verhoudingswaarden) or a px/% value',\r\n label: 'a copy of the config data from the app specified by the url (not implemented yet)'\r\n }\r\n \r\n ],\r\n }\r\n }\r\n}\r\n","import { lazy } from 'react';\r\nexport default class BBMenubarDescriptor {\r\n\r\nstatic getDescription() {\r\n return {\r\n name: 'BB Menubar',\r\n component: lazy(() => import('./BBMenubar')),\r\n label: 'Menubar (Experimental)',\r\n type:\"experimental\",\r\n variables: [\r\n {\r\n name: 'query',\r\n type: 'yasgui',\r\n label:\r\n 'use parameter ?uri ?label ?parent ?command (not yet implemented) '\r\n \r\n },\r\n {\r\n name: 'perspectives',\r\n type: 'json',\r\n label: 'a JSON array for defining perspectives in the for [ { \"label\": \"label\",\"key\":\"home\",\"icon\":\"pi pi-fw pi-inbox\",\"children\":[] }]',\r\n },\r\n\r\n {\r\n name: 'menubarconfig',\r\n type: 'json',\r\n label: 'JSON configuration for the menubar. eg {\"id\": \"chatagent\",\"icon\": \"pi pi-help\",\"label\": \"Chat\",\"subcommand\": \"popup\"} other subcommands are runrule and perspectives. you can use item:[] to specify children' \r\n },\r\n {\r\n name: 'areas',\r\n type: 'json',\r\n //label: 'Column widths or row heights (separated by commas). Value can be a number (which will be set as flex values/verhoudingswaarden) or a px/% value',\r\n label: 'area definitions'\r\n }\r\n \r\n ],\r\n }\r\n }\r\n}\r\n","import { lazy } from 'react';\r\nexport default class BBMPythonDescriptor {\r\n\r\nstatic getDescription() {\r\n return {\r\n name: 'BBPython',\r\n component: lazy(() => import('./BBPython')),\r\n label: 'BB Python in the browser (experimental)',\r\n type:\"experimental\",\r\n variables: [\r\n \r\n\r\n {\r\n name: 'pythoncode deprecated. will be deleted soon',\r\n type: 'text',\r\n label: 'python code to execute between {}'\r\n },\r\n {\r\n name: 'pythoncode2',\r\n type: 'json',\r\n label: 'python code to execute between 2 {}'\r\n },\r\n \r\n \r\n ],\r\n }\r\n }\r\n}\r\n","import React from 'react'\n\nexport const configOptions = [\n {\n name: 'query',\n type: 'yasgui',\n label: 'Query where all possible sources for the video queried as `?src_URL`s',\n },\n {\n name: 'textLoading',\n type: 'text',\n label: 'text when loading',\n },\n {\n name: 'textNoResults',\n type: 'text',\n label: 'text when no results',\n },\n {\n name: 'columnCount',\n type: 'text',\n label: 'number of columns',\n },\n {\n name: 'textErrorLoading',\n type: 'text',\n label: 'text when error loading results',\n },\n {\n name: 'deletionRule',\n type: 'text',\n label: 'rule triggered when requesting delete',\n },\n {\n name: 'deletionRuleParamsJSON',\n type: 'json-text',\n label: 'parameters for the rulechain, for example {\"graph\":\"{{graph}}\"}',\n },\n]\n\nexport const imageGalleryWidgetDescription = {\n name: 'Image Gallery',\n component: React.lazy(() => import('./ImageGallery')),\n label: 'Image Gallery [Temporary]',\n variables: configOptions,\n}\n","import { lazy } from 'react';\r\nexport default class BBMJOPWidgetDescriptor{ \r\n\r\nstatic getDescription() {\r\n \r\n return {\r\n name: 'BBMJOPwidget',\r\n component: lazy(() => import('./BBMJOPWidget.js')),\r\n label: 'MJOP Widget (experimental)',\r\n type:\"experimental\",\r\n variables: [\r\n \r\n {\r\n name: 'query',\r\n type: 'yasgui',\r\n label: 'use parameter... (not yet implemented) ',\r\n defaultValue: `prefix m:Configuration properties
\n- \n
- \n
categoriesToInclude: list of IFC object categories to include in export, like.\n IFCELEMENT is a shortcut for all categories that have{' '}\n\n - \n
categoriesToView: list of IFC object categories to show in the viewer, like.\n IFCELEMENT is a shortcut for all categories that have{' '}\n\n - \n
relationsToInclude: defines relations to include (according the relation name in IFC). Is case\n sensitive. Use IsDefinedBy for property set relations. If this is not set or null, all supported relations are\n included.\n \n - \n
includeElementsWithoutRelations: boolean whether to include elements where zero relations where\n found according to the relationsToInclude & psetNameRegex settings.\n \n - \n
psetNameRegex: regex to only export property sets relations with a specific name. If this is not\n set, null, or empty, all property sets are included.\n \n
Example configurations
\nSelecteer een widget.
\n return\n }\n if ((this.props.mode === 'edit') && (widgetDefinition==null)) return Selecteer een widget.
\n if (widgetDefinition==null) return null;\n if (interpolateSubscriptions(this, config.hidden, 'boolean')) return null\n\n const widgetUserActionsDisabled = !!config.syncWithUserActionsDisabled && this.props.userActionsDisabled\n\n return (\n \n {mode === 'edit' && (\n this.props.onChange(config, this.props.index)}\n />\n )}\n
\n \n \n \n
\n )}\n\n {menubar && (\n \n this.onInsertLayout(config.widget)}\n />\n this.onDeleteWidget(config.widget)}\n />\n
\n \n \n this.onShowPopupInfo()}\n />\n )}\n
\n )}\n\n {this.renderWidget(config, widgetDefinition)}\n\n {this.state.popupInfoVisible && (\n \n )}\n\n {this.state.dialogVisible && (\n {titleMenuBar}
\n {infoMenubarb && (\n This viewer does not exist or has been deleted. Please contact an admin if this is a problem.
\n )\n\n var me = this\n document.st = function () {\n viewer.notShowTop = false\n me.setState({ notShowTop: false })\n }\n document.preview = function () {\n getViewProps(this.props).mode = 'preview'\n me.setState({ mode: 'preview' })\n }\n document.edit = function () {\n getViewProps(this.props).mode = 'edit'\n me.setState({ mode: 'edit' })\n }\n\n let notification = this.state.notification\n const { mode, projectPath, viewerPath } = getViewProps(this.props)\n\n let showBottom = viewer.notShowBottom\n if (showBottom == null) {\n showBottom = true\n } else {\n showBottom = !showBottom\n }\n\n let showTop = viewer.notShowTop\n if (showTop == null) {\n showTop = true\n } else {\n showTop = !showTop\n }\n\n let css = viewer.css\n if (css) {\n try {\n css = JSON.parse(css)\n } catch (error) {\n css = {}\n }\n } else {\n css = {}\n }\n\n const { repo: repoName } = this.viewerParams(viewer)\n\n return (\n\n {viewer.triggers?.map(trigger => (\n {\n if (trigger.voteForUserActionsDisabledWhenLoading)\n this.voteToDisableUserActions(trigger.label, isFetching)\n }}\n key={trigger.label}\n templateId={trigger.label}\n endpoint={getCgiUrl('sparql', repoName, viewer.repoURL, viewer.localRepoURL)}\n sparqlTemplate={trigger.sparqlQuery}\n pubVars={this.props.pubsub}\n publish={this.publish}\n dispatch={this.props.dispatch}\n />))}\n
\n )\n }\n}\n\nfunction getViewProps(props) {\n if (window.CONNECTED_APPS_STATIC)\n return {\n mode: 'preview',\n projectPath: window.PROJECT,\n viewerPath: window.VIEWER,\n }\n\n return {\n mode: props.match.params.mode,\n projectPath: props.match.params.projectPath,\n viewerPath: props.match.params.viewerPath,\n }\n}\n\nconst mapStateToProps = (state) => ({\n project: state.project,\n loginState: state.login,\n pubsub: state.pubsub,\n})\n\nexport default connect(mapStateToProps)(Viewer)\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"main\":\"TableCells_main__1LDXq\",\"list\":\"TableCells_list__Baqjh\",\"firstItemBold\":\"TableCells_firstItemBold__8TtNe\",\"link\":\"TableCells_link__3I5-i\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"main\":\"Yasgui_main__2QBJb\",\"buttonContainer\":\"Yasgui_buttonContainer__3Nrd0\",\"tableContainer\":\"Yasgui_tableContainer__36LQd\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"fullscreen\":\"BBHTML_fullscreen__1xDzG\",\"fullwindow\":\"BBHTML_fullwindow__3laee\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"main\":\"SequencePaths_main__3J324\",\"pathSegment\":\"SequencePaths_pathSegment__pWb5f\",\"refresh\":\"SequencePaths_refresh__2DLmt\",\"threeColorTemplate\":\"SequencePaths_threeColorTemplate__3vOol\",\"label\":\"SequencePaths_label__Z4T5_\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"buttonsContainer\":\"Button_buttonsContainer__1LJk_\",\"button\":\"Button_button__d0b-b\"};","import * as React from \"react\"\nimport * as DialogPrimitive from \"@radix-ui/react-dialog\"\nimport { Cross2Icon } from \"@radix-ui/react-icons\"\nimport { mergeClasses } from \"../../helpers/styling\"\n\nconst Dialog = DialogPrimitive.Root\n\nconst DialogTrigger = DialogPrimitive.Trigger\n\nconst DialogPortal = DialogPrimitive.Portal\n\nconst DialogClose = DialogPrimitive.Close\n\nconst DialogOverlay = React.forwardRef<\n React.ElementRef\n\n \n {viewer.title} \n {viewer.project && (\n \n this.setState({ popupInfoVisible: false })}\n >\n
\n \n {!window.CONNECTED_APPS_STATIC && (\n {this.setState({ dialogVisible: true}) }}\n mode={mode}\n projectPath={projectPath}\n viewerPath={viewerPath}\n repoURL={viewer.repoURL}\n saveTriggers={this.saveTriggers}\n triggers={viewer.triggers ?? []}\n />\n )}\n
\n\n \n {showTop && (\n \n this.setState({ popupInfoVisible: true }) : null}\n />\n \n )}\n\n
\n \n
\n\n {this.state.viewer.layout?.showFooter && (\n \n )}\n\n \n
\n \n
\n \n\n {this.state.dialogVisible && (\n \n )}\n \n
\n )\n }\n }\n } catch (e) {}\n \n return null\n }\n }\n // console.log(\"rendering table not empty\");\n\n let selectedUri = null\n\n if (this.props.highlightVariable != null) {\n let parameter = this.props.highlightVariable\n selectedUri = this.props.pubsub[parameter]\n }\n \n let headVars = data.head.vars\n let items = restructureResponse(data)\n\n if (this.props.aggregateResultsByID) {\n items = aggregateResultsByFirstParameter(items, headVars[0])\n }\n\n const columnNames = headVars.filter((columnName) => {\n if (columnName.endsWith('URI')) return false\n if (columnName.endsWith('URL')) return false\n if (columnName.endsWith('Icon')) return false\n if (columnName.endsWith('IconSize')) return false\n if (columnName.endsWith('IconColor')) return false\n if (columnName.endsWith('HIDDEN')) return false\n return true\n })\n\n const center = this.props.centerContent ? styles.centertext : ''\n const hasDeleteColumn = Boolean(this.props.deletebuttonrule)\n return (\n {label}
\n\n {this.props.title && (\n \n {!this.props.hideHeader && (\n \n
\n
\n )\n }\n}\n\nexport default Table\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"toggle-switch\":\"ToggleSwitch_toggle-switch__3mZfo\",\"switch\":\"ToggleSwitch_switch__19J5H\"};","import * as React from 'react'\nimport {mergeClasses} from '../../helpers/styling'\n\nexport interface InputProps\n extends React.InputHTMLAttributes{this.props.title}
\n )}\n | \n )}\n {columnNames.map((columnName, index) => ( \n | {this.getHeader(columnName)} | \n ))}\n {hasDeleteColumn && (\ndelete | \n )}\n
|---|---|---|
| {index + 1} | \n )}\n\n {columnNames.map((columnName, index) => {\n const value = item[columnName] || ''\n const uri = item[columnName + 'URI']\n const url = item[columnName + 'URL']\n const icon = item[columnName + 'Icon']\n const iconSize = item[columnName + 'IconSize']\n const iconColor = item[columnName + 'IconColor']\n\n const content = (() => {\n if (icon) return (\n\n {(uri || url)\n ? | \n )\n })}\n\n {hasDeleteColumn && (\n this.deleteClick(item)} key={index} className={styles.iconcenter+\" \"+center}>\n {crossDel}\n | \n )}\n\n
\n
\n )\n }\n}\n\nexport default Notification\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"overlay\":\"Loader_overlay__2dwX4\"};","// extracted by mini-css-extract-plugin\nmodule.exports = {\"fieldset\":\"WidgetConfiguration_fieldset__1ZVZa\"};","import React, { Component, Fragment } from 'react'\nimport styles from './Table2.module.css'\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\nimport { faCopy } from '@fortawesome/free-solid-svg-icons';\n\nimport {\n restructureResponse,\n generateEmptyResponse,\n} from '../../helpers/sparql'\n\n// import { Table as StrapTable } from 'reactstrap';\n\nfunction camelCaseToSpaces(str) {\n\n \n \n str = str.replace(/([a-zA-Z])(?=[A-Z])/g, '$1 ').toLowerCase()\n return str.charAt(0).toUpperCase() + str.slice(1)\n}\n\n\n\n\nclass TableRow extends Component \n{\n\n getHeader(s)\n{\n try\n { \n var json=JSON.parse(this.props.replaceHeaderJSON);\n var rs =json[s];\n if (rs!=null)\n return rs;\n }\n catch(e)\n {}\n return camelCaseToSpaces(s);\n}\n\n\n onClick = function (uri, url) {\n \n if ((uri!=null) && (uri==\"http://www.example.org/5c3c96ea1d83d8396b87bc0b\") ) return; // uri is used for createing an example... \n try\n {\n if ((uri!=null) && (uri.toString().substring(0,15)==\"function link()\") && (url==null) )\n {\n //console.log(\"no click action\");\n return;\n }\n }catch(e){}\n \n if (url != null) {\n this.openLink(url);\n return\n }\n try {\n eval(this.props.onClick) //eslint-disable-line no-eval\n } catch (error) {\n console.log(error)\n }\n setTimeout(() => {\n if (uri==null) return;\n if (uri.length<2) return;\n this.props.publish(this.props.publishVariable, uri)\n }, 0)\n // console.log(uri);\n }\n\n openLink = (url) => {\n\n window.open(url, '_blank')\n }\n\n render() {\n let valueObject = this.props.valueObject\n let secondValueObject = null\n try {\n if (valueObject != null && valueObject.value != null) {\n if (valueObject.value.includes('&&')) {\n secondValueObject = valueObject.value.split('&&')[1]\n valueObject.value = valueObject.value.split('&&')[0]\n\n //console.log(valueObject.value,secondValueObject);\n }\n }\n } catch (e) {\n console.log(e)\n }\n let index = this.props.index\n let html = this.props.html\n let rawHTML = valueObject.value;\n\n let copyButton=false;\n let copyValue=\"hans was here\";\n if (valueObject.copyValue!=null)\n {\n copyButton=true\n copyValue=valueObject.copyValue;\n }\n \n return (\n \n {this.props.text}\n
\n