refactor(monorepo): move superset-ui to superset(stage 2) (#17552)

superset-frontend/plugins/plugin-chart-table/src/DataTable/utils/externalAPIs.ts

@@ -0,0 +1,32 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+
+import { SetDataMaskHook } from '@superset-ui/core';
+
+export const updateExternalFormData = (
+  setDataMask: SetDataMaskHook = () => {},
+  pageNumber: number,
+  pageSize: number,
+) =>
+  setDataMask({
+    ownState: {
+      currentPage: pageNumber,
+      pageSize,
+    },
+  });

superset-frontend/plugins/plugin-chart-table/src/DataTable/utils/getScrollBarSize.ts

@@ -0,0 +1,48 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+let cached: number | undefined;
+
+const css = (x: TemplateStringsArray) => x.join('\n');
+
+export default function getScrollBarSize(forceRefresh = false) {
+  if (typeof document === 'undefined') {
+    return 0;
+  }
+  if (cached === undefined || forceRefresh) {
+    const inner = document.createElement('div');
+    const outer = document.createElement('div');
+    inner.style.cssText = css`
+      width: auto;
+      height: 100%;
+      overflow: scroll;
+    `;
+    outer.style.cssText = css`
+      position: absolute;
+      visibility: hidden;
+      overflow: hidden;
+      width: 100px;
+      height: 50px;
+    `;
+    outer.append(inner);
+    document.body.append(outer);
+    cached = outer.clientWidth - inner.clientWidth;
+    outer.remove();
+  }
+  return cached;
+}

superset-frontend/plugins/plugin-chart-table/src/DataTable/utils/needScrollBar.ts

@@ -0,0 +1,39 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+/**
+ * Whether a container need scroll bars when in another container.
+ */
+export default function needScrollBar({
+  width,
+  height,
+  innerHeight,
+  innerWidth,
+  scrollBarSize,
+}: {
+  width: number;
+  height: number;
+  innerHeight: number;
+  scrollBarSize: number;
+  innerWidth: number;
+}): [boolean, boolean] {
+  const hasVerticalScroll = innerHeight > height;
+  const hasHorizontalScroll =
+    innerWidth > width - (hasVerticalScroll ? scrollBarSize : 0);
+  return [hasVerticalScroll, hasHorizontalScroll];
+}

superset-frontend/plugins/plugin-chart-table/src/DataTable/utils/useAsyncState.ts

@@ -0,0 +1,51 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { useRef, useState } from 'react';
+import { useAsyncDebounce } from 'react-table';
+
+// useAsyncDebounce in dist build of `react-table` requires regeneratorRuntime
+import 'regenerator-runtime/runtime';
+
+/**
+ * Hook useState to allow always return latest initialValue
+ */
+export default function useAsyncState<T, F extends (newValue: T) => unknown>(
+  initialValue: T,
+  callback: F,
+  wait = 200,
+) {
+  const [value, setValue] = useState(initialValue);
+  const valueRef = useRef(initialValue);
+  const onChange = useAsyncDebounce(callback, wait);
+
+  // sync updated initialValue
+  if (valueRef.current !== initialValue) {
+    valueRef.current = initialValue;
+    if (value !== initialValue) {
+      setValue(initialValue);
+    }
+  }
+
+  const setBoth = (newValue: T) => {
+    setValue(newValue);
+    onChange(newValue);
+  };
+
+  return [value, setBoth] as [typeof value, typeof setValue];
+}

superset-frontend/plugins/plugin-chart-table/src/DataTable/utils/useMountedMemo.ts

@@ -0,0 +1,40 @@
+/**
+ * Licensed to the Apache Software Foundation (ASF) under one
+ * or more contributor license agreements.  See the NOTICE file
+ * distributed with this work for additional information
+ * regarding copyright ownership.  The ASF licenses this file
+ * to you under the Apache License, Version 2.0 (the
+ * "License"); you may not use this file except in compliance
+ * with the License.  You may obtain a copy of the License at
+ *
+ *   http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing,
+ * software distributed under the License is distributed on an
+ * "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
+ * KIND, either express or implied.  See the License for the
+ * specific language governing permissions and limitations
+ * under the License.
+ */
+import { useLayoutEffect, useRef, useMemo } from 'react';
+
+/**
+ * Execute a memoized callback only when mounted. Execute again when factory updated.
+ * Returns undefined if not mounted yet.
+ */
+export default function useMountedMemo<T>(
+  factory: () => T,
+  deps?: unknown[],
+): T | undefined {
+  const mounted = useRef<typeof factory>();
+  useLayoutEffect(() => {
+    mounted.current = factory;
+  });
+  return useMemo(() => {
+    if (mounted.current) {
+      return factory();
+    }
+    return undefined;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [mounted.current, mounted.current === factory, ...(deps || [])]);
+}