@stoker-platform/web-app 0.5.139 → 0.5.140

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/package.json +1 -1
  3. package/src/Collection.tsx +35 -15
package/CHANGELOG.md CHANGED
@@ -1,5 +1,11 @@
1
1
  # @stoker-platform/web-app
2
2
 
3
+ ## 0.5.140
4
+
5
+ ### Patch Changes
6
+
7
+ - feat: improve collection page transition
8
+
3
9
  ## 0.5.139
4
10
 
5
11
  ### Patch Changes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stoker-platform/web-app",
3
- "version": "0.5.139",
3
+ "version": "0.5.140",
4
4
  "type": "module",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "scripts": {
package/src/Collection.tsx CHANGED
@@ -1722,11 +1722,11 @@ function Collection({
1722
1722
  {icon ? createElement(icon) : null}
1723
1723
  <h1>{collectionTitle}</h1>
1724
1724
  </Card>
1725
- {(connectionStatus === "online" || isPreloadCacheEnabled) && (
1725
+ {isInitialized && (connectionStatus === "online" || isPreloadCacheEnabled) && (
1726
1726
  <>
1727
1727
  {tab !== "calendar" &&
1728
1728
  !relationList?.loadAll &&
1729
- (hasRangeFilter || currentField) && (
1729
+ (hasRangeFilter || currentField || willHaveRangeRow) && (
1730
1730
  <div
1731
1731
  className={cn(
1732
1732
  "hidden",
@@ -1736,12 +1736,22 @@ function Collection({
1736
1736
  "transform -translate-x-1/2",
1737
1737
  )}
1738
1738
  >
1739
- <DateRangeSelector
1740
- collection={collection}
1741
- rangeSelector={rangeSelector}
1742
- setRangeSelector={setRangeSelector}
1743
- relationList={!!relationList}
1744
- />
1739
+ {hasRangeFilter || currentField ? (
1740
+ <DateRangeSelector
1741
+ collection={collection}
1742
+ rangeSelector={rangeSelector}
1743
+ setRangeSelector={setRangeSelector}
1744
+ relationList={!!relationList}
1745
+ />
1746
+ ) : (
1747
+ <div
1748
+ className={cn(
1749
+ "h-9 rounded-md border border-input bg-background shadow-sm",
1750
+ relationList ? "w-[220px]" : "w-[300px]",
1751
+ )}
1752
+ aria-hidden="true"
1753
+ />
1754
+ )}
1745
1755
  </div>
1746
1756
  )}
1747
1757
  <div className="relative ml-auto flex-1 md:grow-0 print:hidden flex items-center">
@@ -1883,7 +1893,7 @@ function Collection({
1883
1893
  {!formList &&
1884
1894
  !relationList?.loadAll &&
1885
1895
  tab !== "calendar" &&
1886
- (hasRangeFilter || currentField) && (
1896
+ (hasRangeFilter || currentField || willHaveRangeRow) && (
1887
1897
  <div
1888
1898
  className={cn(
1889
1899
  relationList
@@ -1891,12 +1901,22 @@ function Collection({
1891
1901
  : "lg:hidden 2xl:flex lg:absolute lg:left-1/2 lg:transform lg:-translate-x-1/2 lg:mt-0 mt-2",
1892
1902
  )}
1893
1903
  >
1894
- <DateRangeSelector
1895
- collection={collection}
1896
- rangeSelector={rangeSelector}
1897
- setRangeSelector={setRangeSelector}
1898
- relationList={!!relationList}
1899
- />
1904
+ {hasRangeFilter || currentField ? (
1905
+ <DateRangeSelector
1906
+ collection={collection}
1907
+ rangeSelector={rangeSelector}
1908
+ setRangeSelector={setRangeSelector}
1909
+ relationList={!!relationList}
1910
+ />
1911
+ ) : (
1912
+ <div
1913
+ className={cn(
1914
+ "h-9 rounded-md border border-input bg-background shadow-sm",
1915
+ relationList ? "w-[220px]" : "w-[300px]",
1916
+ )}
1917
+ aria-hidden="true"
1918
+ />
1919
+ )}
1900
1920
  </div>
1901
1921
  )}
1902
1922
  <div