yummy-guide-generic-administrate 0.8.15 → 0.8.16

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: a9da6643ffb00010859cc51766113d7c757744a92cb1415ce70a30dafb33c194
-  data.tar.gz: 984902613fa65606e1ca1404bed57cc90b40cf821f678343583ec80e42ee8d95
+  metadata.gz: bea5c7cfc5273ba6a7f6cf59dacded8b77c7ce8c728859b689ddd8e504b6e4fc
+  data.tar.gz: e39d3ae5f41ca38513f96e5160ca2ac8949dac0faebee99cebb63e6e8645b66d
 SHA512:
-  metadata.gz: 7cb593f606f48ca2bb18af508fd9df0e567cabfb457ae105901152d7501bc32c069ec5c7e662365e26084cd5b1095e949a9ea920d206da2525eec17db08bca2e
-  data.tar.gz: 1ea3603669a04a6a83ef151dfe48b2c961befdd8e1d6de81f13407fb871980b5556f4e14d4db3ab47746b1907cc83b832354d2cd57db14190b4f649296c01f53
+  metadata.gz: 07caa0d706ce90f07bfed3d380c1e3ab7a8b527e2285bb856b66e19c6a4a5334ff700c38df3a9e22d45cdaaf78edb2acf3cbaf271c8097d223e1f822c1d1cca9
+  data.tar.gz: bdbebfc1293d49c7bbd12d495d478edb3295e3b2a8a4b193594d1883a63c57c0fbb5f611d569d9ac9c5740e814245c30252af2c8e1ee51a83b61243091d4339e

data/app/assets/javascripts/yummy_guide_administrate/column_resizer.js

@@ -1,5 +1,6 @@
 (function() {
   var TABLE_SELECTOR = 'table[data-fixed-columns-count]';
+  var TANSTACK_TABLE_ATTRIBUTE = 'data-yummy-guide-administrate-tanstack-table';
   var CSS_STICKY_TABLE_SELECTOR = '[data-css-sticky-table]';
   var MAIN_CONTENT_SELECTOR = '.main-content';
   var STICKY_PAGE_HEADER_SELECTOR = '.main-content__header--sticky-table-layout, [data-reservations-sticky-header], .main-content__header';
@@ -544,12 +545,15 @@
 
   function refreshCssStickyLeftColumns(table) {
     if (!table || table.getAttribute('aria-hidden') === 'true') return;
+    if (table.hasAttribute(TANSTACK_TABLE_ATTRIBUTE)) return;
 
     refreshCssStickyLeftColumnSet(table, 'sticky-left', '--sticky-left', '--sticky-width');
     refreshCssStickyLeftColumnSet(table, 'sticky-left-mobile', '--sticky-mobile-left', '--sticky-mobile-width');
   }
 
   function refreshExternalStickyLeftColumns(table, options) {
+    if (table && table.hasAttribute(TANSTACK_TABLE_ATTRIBUTE)) return false;
+
     var api = window.YummyGuideAdministrateStickyLeftColumns;
     var settings = options || {};
 
@@ -571,6 +575,16 @@
   }
 
   function refreshTableWidthLayout(table, options) {
+    if (table && table.hasAttribute(TANSTACK_TABLE_ATTRIBUTE)) {
+      table.dispatchEvent(new CustomEvent('yummy-guide-administrate:column-width-change', {
+        bubbles: true,
+        detail: {
+          columnId: options && options.columnId,
+          width: options && options.width
+        }
+      }));
+    }
+
     refreshCssStickyLeftColumns(table);
     refreshExternalStickyLeftColumns(table, options);
     refreshStickyHeaderLayoutForTable(table);

data/app/assets/javascripts/yummy_guide_administrate/sticky_left_columns.js

@@ -1,5 +1,5 @@
 (function() {
-  var TABLE_SELECTOR = "table[data-fixed-columns-count]";
+  var TABLE_SELECTOR = "table[data-fixed-columns-count]:not([data-yummy-guide-administrate-tanstack-table])";
   var MOBILE_MEDIA_QUERY = "(max-width: 767px)";
   var resizeObservers = new WeakMap();
   var suppressedResizeTables = new WeakMap();

data/app/assets/stylesheets/yummy_guide_administrate/components.scss

@@ -645,7 +645,23 @@ td.cell-data:hover .admin-copy-cell__button:not([disabled]),
   left: calc(var(--admin-sticky-table-left-offset, 0px) + var(--sticky-left, 0px));
 }
 
+// TanStackを利用するテーブルでは、製品側のReact entrypointがテーブル要素に
+// 設定したCSS変数を使う。仮想行の生成ごとにセルへleftを直接書き込まない。
+@for $index from 1 through 6 {
+  table[data-yummy-guide-administrate-tanstack-table] > :is(thead, tbody, tfoot) > tr:not(.js-virtualized-table-spacer) > :nth-child(#{$index}).sticky-left {
+    --sticky-left: var(--yummy-guide-administrate-tanstack-column-#{$index}-left) !important;
+    --sticky-width: var(--yummy-guide-administrate-tanstack-column-#{$index}-width) !important;
+  }
+}
+
 @media (max-width: 767px) {
+  @for $index from 1 through 6 {
+    table[data-yummy-guide-administrate-tanstack-table] > :is(thead, tbody, tfoot) > tr:not(.js-virtualized-table-spacer) > :nth-child(#{$index}).sticky-left-mobile {
+      --sticky-mobile-left: var(--yummy-guide-administrate-tanstack-column-#{$index}-left) !important;
+      --sticky-mobile-width: var(--yummy-guide-administrate-tanstack-column-#{$index}-width) !important;
+    }
+  }
+
   @for $count from 1 through 6 {
     @for $index from 1 through $count {
       .scroll-table table[data-fixed-columns-count="#{$count}"] tr > :nth-child(#{$index}):not(.sticky-left),

data/app/helpers/yummy_guide/administrate/collection_helper.rb

@@ -98,6 +98,14 @@ module YummyGuide
         )
       end
 
+      # TanStack Table を利用する製品側テーブルが、従来の固定列JSではなく
+      # CSS変数経由で固定位置を受け取るためのopt-in属性を返す。
+      def yummy_guide_administrate_tanstack_table_attributes
+        {
+          "data-yummy-guide-administrate-tanstack-table" => "true"
+        }
+      end
+
       def yummy_guide_administrate_collection_table_fixed_columns_count(page:, collection_presenter:)
         yummy_guide_administrate_collection_fixed_columns_count_for(
           page: page,

data/lib/yummy_guide/administrate/version.rb

@@ -2,6 +2,6 @@
 
 module YummyGuide
   module Administrate
-    VERSION = "0.8.15"
+    VERSION = "0.8.16"
   end
 end

data/spec/yummy_guide/administrate/collection_helper_spec.rb

@@ -26,6 +26,15 @@ RSpec.describe YummyGuide::Administrate::CollectionHelper do
     end.new
   end
 
+  describe "#yummy_guide_administrate_tanstack_table_attributes" do
+    # TanStack管理のテーブルだけが従来の固定列JSを回避できる属性を返すことを確認する
+    it "returns the TanStack opt-in data attribute" do
+      expect(helper_host.yummy_guide_administrate_tanstack_table_attributes).to eq(
+        "data-yummy-guide-administrate-tanstack-table" => "true"
+      )
+    end
+  end
+
   describe "#yummy_guide_administrate_collection_table_fixed_columns_count" do
     # dashboard の固定列数が表示列数を超えていても、実際の列数で打ち止めになることを確認する
     it "caps the fixed column count by the number of visible attributes" do

data/spec/yummy_guide/administrate/column_resizer_asset_spec.rb

@@ -57,6 +57,18 @@ RSpec.describe "column resizer assets" do
     expect(javascript_source).not_to include("refreshStickyLeftColumnsForWidth")
   end
 
+  # TanStack管理テーブルは仮想行ごとの固定セル再計算を避け、幅変更イベントだけを通知することを確認する
+  it "delegates TanStack table pinning updates to the product entrypoint" do
+    sticky_left_columns_source = File.read(File.expand_path("../../../app/assets/javascripts/yummy_guide_administrate/sticky_left_columns.js", __dir__))
+    stylesheet_source = File.read(File.expand_path("../../../app/assets/stylesheets/yummy_guide_administrate/components.scss", __dir__))
+
+    expect(sticky_left_columns_source).to include('table[data-fixed-columns-count]:not([data-yummy-guide-administrate-tanstack-table])')
+    expect(javascript_source).to include("TANSTACK_TABLE_ATTRIBUTE = 'data-yummy-guide-administrate-tanstack-table'")
+    expect(javascript_source).to include("yummy-guide-administrate:column-width-change")
+    expect(javascript_source).to include("if (table.hasAttribute(TANSTACK_TABLE_ATTRIBUTE)) return;")
+    expect(stylesheet_source).to include('--yummy-guide-administrate-tanstack-column-#{$index}-left')
+  end
+
   # ドラッグ中は実テーブルを再レイアウトせず、プレビューだけを更新することを静的に確認する
   it "updates only the lightweight preview while dragging" do
     expect(javascript_source).to include("createDragPreview(sourceTable, previewHeader, startWidth, previewHeaderRect)")

metadata

@@ -1,14 +1,13 @@
 --- !ruby/object:Gem::Specification
 name: yummy-guide-generic-administrate
 version: !ruby/object:Gem::Version
-  version: 0.8.15
+  version: 0.8.16
 platform: ruby
 authors:
 - akatsuki-kk
-autorequire:
 bindir: bin
 cert_chain: []
-date: 2026-07-01 00:00:00.000000000 Z
+date: 1980-01-02 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: administrate
@@ -172,7 +171,6 @@ metadata:
   homepage_uri: https://github.com/yummy-guide/generic-administrate
   source_code_uri: https://github.com/yummy-guide/generic-administrate
   changelog_uri: https://github.com/yummy-guide/generic-administrate
-post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -187,8 +185,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.4.10
-signing_key:
+rubygems_version: 4.0.21
 specification_version: 4
 summary: Shared Administrate extensions for Yummy Guide Rails apps
 test_files: []