Fix up css gen

glideapps · Nov 26, 2023 · 47d99b9 · 47d99b9
1 parent cc0398e
commit 47d99b9
Show file tree

Hide file tree

Showing 66 changed files with 88 additions and 66 deletions.
diff --git a/config/build-util.sh b/config/build-util.sh
@@ -17,4 +17,17 @@ run_in_parallel() {
 generate_index_css() {
   echo "/* Auto-generated file */" > dist/index.css
   find dist/esm -name '*.css' -print | sed 's/^dist\/esm\//\@import ".\/esm\//' | sed 's/$/";/' >> dist/index.css
-}
+}
+
+ensure_bash_4() {
+    if [ "${BASH_VERSINFO[0]}" -lt 4 ]; then
+        if [ -x "/opt/homebrew/bin/bash" ]; then
+            exec /opt/homebrew/bin/bash "$0" "$@"
+        elif [ -x "/usr/local/bin/bash" ]; then
+            exec /usr/local/bin/bash "$0" "$@"
+        else
+            echo "Bash 4 or higher is required."
+            exit 1
+        fi
+    fi
+}
diff --git a/packages/cells/build.sh b/packages/cells/build.sh
@@ -1,8 +1,11 @@
 #!/bin/bash
 set -em
-
 source ../../config/build-util.sh
 
+ensure_bash_4
+
+shopt -s globstar
+
 ## Delete the dist folder
 rm -rf dist
 

diff --git a/packages/core/build.sh b/packages/core/build.sh
@@ -1,8 +1,12 @@
 #!/bin/bash
 set -em
-
 source ../../config/build-util.sh
 
+ensure_bash_4
+
+shopt -s globstar
+
+
 ## Delete the dist folder
 rm -rf dist
 

diff --git a/packages/core/src/data-editor/stories/data-editor-async.stories.tsx b/packages/core/src/data-editor/stories/data-editor-async.stories.tsx
@@ -10,10 +10,11 @@ import {
     type CellArray,
 } from "../../internal/data-grid/data-grid-types.js";
 import { SimpleThemeWrapper } from "../../stories/story-utils.js";
-import { DataEditor, type DataEditorProps, type DataEditorRef } from "../data-editor.js";
+import { DataEditorAll as DataEditor, type DataEditorAllProps as DataEditorProps } from "../../data-editor-all.js";
 import { BeautifulWrapper, Description } from "./utils.js";
 import range from "lodash/range.js";
 import chunk from "lodash/chunk.js";
+import type { DataEditorRef } from "../data-editor.js";
 
 export default {
     title: "Glide-Data-Grid/DataEditor Demos",

diff --git a/packages/core/src/data-editor/stories/data-editor-repros.stories.tsx b/packages/core/src/data-editor/stories/data-editor-repros.stories.tsx
@@ -3,7 +3,7 @@ import * as React from "react";
 import { useState, useMemo } from "@storybook/addons";
 import { BuilderThemeWrapper } from "../../stories/story-utils.js";
 import { type GridCell, GridCellKind, type Item } from "../../internal/data-grid/data-grid-types.js";
-import { DataEditor } from "../data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import { styled } from "@linaria/react";
 
 export default {

diff --git a/packages/core/src/data-editor/stories/data-editor.stories.tsx b/packages/core/src/data-editor/stories/data-editor.stories.tsx
@@ -12,7 +12,7 @@ import {
     type GridSelection,
     type Item,
 } from "../../internal/data-grid/data-grid-types.js";
-import { DataEditor } from "../data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 
 export default {
     title: "Tests/TestCases",

diff --git a/packages/core/src/docs/examples/add-column.stories.tsx b/packages/core/src/docs/examples/add-column.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/add-data-to-middle.stories.tsx b/packages/core/src/docs/examples/add-data-to-middle.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/add-data-to-top.stories.tsx b/packages/core/src/docs/examples/add-data-to-top.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/add-data.stories.tsx b/packages/core/src/docs/examples/add-data.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/all-cell-kinds.stories.tsx b/packages/core/src/docs/examples/all-cell-kinds.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/automatic-row-markers.stories.tsx b/packages/core/src/docs/examples/automatic-row-markers.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/built-in-search.stories.tsx b/packages/core/src/docs/examples/built-in-search.stories.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { useEventListener } from "../../common/utils.js";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/cell-activated-event.stories.tsx b/packages/core/src/docs/examples/cell-activated-event.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/column-group-collapse.stories.tsx b/packages/core/src/docs/examples/column-group-collapse.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/column-groups.stories.tsx b/packages/core/src/docs/examples/column-groups.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/content-alignment.stories.tsx b/packages/core/src/docs/examples/content-alignment.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/controlled-search.stories.tsx b/packages/core/src/docs/examples/controlled-search.stories.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { useEventListener } from "../../common/utils.js";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/controlled-selection.stories.tsx b/packages/core/src/docs/examples/controlled-selection.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/copy-support.stories.tsx b/packages/core/src/docs/examples/copy-support.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/custom-header-icons.stories.tsx b/packages/core/src/docs/examples/custom-header-icons.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/custom-header.stories.tsx b/packages/core/src/docs/examples/custom-header.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import { BeautifulWrapper, Description, useMockDataGenerator, defaultProps } from "../../data-editor/stories/utils.js";
 import type { DrawHeaderCallback } from "../../internal/data-grid/data-grid-types.js";
 import { SimpleThemeWrapper } from "../../stories/story-utils.js";

diff --git a/packages/core/src/docs/examples/drag-source.stories.tsx b/packages/core/src/docs/examples/drag-source.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/draw-custom-cells.stories.tsx b/packages/core/src/docs/examples/draw-custom-cells.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/fill-handle.stories.tsx b/packages/core/src/docs/examples/fill-handle.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/freeze-columns.stories.tsx b/packages/core/src/docs/examples/freeze-columns.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/header-menus.stories.tsx b/packages/core/src/docs/examples/header-menus.stories.tsx
@@ -1,7 +1,7 @@
 import { styled } from "@linaria/react";
 import React from "react";
 import { useLayer } from "react-laag";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import { BeautifulWrapper, Description, defaultProps, useAllMockedKinds } from "../../data-editor/stories/utils.js";
 import type { Rectangle } from "../../internal/data-grid/data-grid-types.js";
 import { SimpleThemeWrapper } from "../../stories/story-utils.js";

diff --git a/packages/core/src/docs/examples/input-blending.stories.tsx b/packages/core/src/docs/examples/input-blending.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import { BeautifulWrapper, Description, useMockDataGenerator, defaultProps } from "../../data-editor/stories/utils.js";
 import { SimpleThemeWrapper } from "../../stories/story-utils.js";
 

diff --git a/packages/core/src/docs/examples/layout-integration.stories.tsx b/packages/core/src/docs/examples/layout-integration.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import { Description, useMockDataGenerator, defaultProps, BeautifulStyle } from "../../data-editor/stories/utils.js";
 import { SimpleThemeWrapper } from "../../stories/story-utils.js";
 

diff --git a/packages/core/src/docs/examples/minimap.stories.tsx b/packages/core/src/docs/examples/minimap.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/multi-select-columns.stories.tsx b/packages/core/src/docs/examples/multi-select-columns.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/new-column-button.stories.tsx b/packages/core/src/docs/examples/new-column-button.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/obscured-grid.stories.tsx b/packages/core/src/docs/examples/obscured-grid.stories.tsx
@@ -1,6 +1,6 @@
 /* eslint-disable no-console */
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/observe-visible-region.stories.tsx b/packages/core/src/docs/examples/observe-visible-region.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/one-hundred-thousand-columns.stories.tsx b/packages/core/src/docs/examples/one-hundred-thousand-columns.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import { BeautifulWrapper, Description, useMockDataGenerator, defaultProps } from "../../data-editor/stories/utils.js";
 import { SimpleThemeWrapper } from "../../stories/story-utils.js";
 

diff --git a/packages/core/src/docs/examples/one-million-rows.stories.tsx b/packages/core/src/docs/examples/one-million-rows.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import { BeautifulWrapper, Description, useMockDataGenerator, defaultProps } from "../../data-editor/stories/utils.js";
 import { SimpleThemeWrapper } from "../../stories/story-utils.js";
 

diff --git a/packages/core/src/docs/examples/overscroll.stories.tsx b/packages/core/src/docs/examples/overscroll.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/padding.stories.tsx b/packages/core/src/docs/examples/padding.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/paste-support.stories.tsx b/packages/core/src/docs/examples/paste-support.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/prevent-diagonal-scroll.stories.tsx b/packages/core/src/docs/examples/prevent-diagonal-scroll.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/rearrange-columns.stories.tsx b/packages/core/src/docs/examples/rearrange-columns.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/resizable-columns.stories.tsx b/packages/core/src/docs/examples/resizable-columns.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/right-element.stories.tsx b/packages/core/src/docs/examples/right-element.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/right-to-left.stories.tsx b/packages/core/src/docs/examples/right-to-left.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import { BeautifulWrapper, Description, useMockDataGenerator, defaultProps } from "../../data-editor/stories/utils.js";
 import { GridCellKind } from "../../internal/data-grid/data-grid-types.js";
 import { SimpleThemeWrapper } from "../../stories/story-utils.js";

diff --git a/packages/core/src/docs/examples/row-and-header-sizes.stories.tsx b/packages/core/src/docs/examples/row-and-header-sizes.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/row-hover.stories.tsx b/packages/core/src/docs/examples/row-hover.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import {
     BeautifulWrapper,
     Description,

diff --git a/packages/core/src/docs/examples/scaled-view.stories.tsx b/packages/core/src/docs/examples/scaled-view.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import { BeautifulWrapper, Description, useMockDataGenerator, defaultProps } from "../../data-editor/stories/utils.js";
 import { SimpleThemeWrapper } from "../../stories/story-utils.js";
 

diff --git a/packages/core/src/docs/examples/scroll-shadows.stories.tsx b/packages/core/src/docs/examples/scroll-shadows.stories.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import type { Theme } from "../../common/styles.js";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import { BeautifulWrapper, Description, useMockDataGenerator, defaultProps } from "../../data-editor/stories/utils.js";
 import type { GridSelection } from "../../internal/data-grid/data-grid-types.js";
 import { CompactSelection } from "../../internal/data-grid/data-grid-types.js";

diff --git a/packages/core/src/docs/examples/search-as-filter.stories.tsx b/packages/core/src/docs/examples/search-as-filter.stories.tsx
@@ -1,6 +1,6 @@
 import React from "react";
 import { useEventListener } from "../../common/utils.js";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import { BeautifulWrapper, Description, defaultProps, useAllMockedKinds } from "../../data-editor/stories/utils.js";
 import type { GridSelection } from "../../internal/data-grid/data-grid-types.js";
 import { CompactSelection } from "../../internal/data-grid/data-grid-types.js";

diff --git a/packages/core/src/docs/examples/silly-numbers.stories.tsx b/packages/core/src/docs/examples/silly-numbers.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import { BeautifulWrapper, Description, useMockDataGenerator, defaultProps } from "../../data-editor/stories/utils.js";
 import { SimpleThemeWrapper } from "../../stories/story-utils.js";
 

diff --git a/packages/core/src/docs/examples/small-editable-grid.stories.tsx b/packages/core/src/docs/examples/small-editable-grid.stories.tsx
@@ -1,5 +1,5 @@
 import React from "react";
-import { DataEditor } from "../../data-editor/data-editor.js";
+import { DataEditorAll as DataEditor } from "../../data-editor-all.js";
 import { BeautifulWrapper, Description, useMockDataGenerator, defaultProps } from "../../data-editor/stories/utils.js";
 import { SimpleThemeWrapper } from "../../stories/story-utils.js";