@redneckz/wildless-cms-uni-blocks 0.7.2 → 0.7.4

package/src/ui-kit/SwipeListControl/SwipeListControl.fixture.tsx

@@ -0,0 +1,53 @@
+import type { VNode } from '../../model/VNode';
+import '../../setup-fixture';
+import { SwipeListControl } from './SwipeListControl';
+
+const renderElement = (_: any, i: number): VNode => (
+  <div key={String(i)} className="border border-gray rounded-md text-center h-32">
+    {`Element #${i}`}
+  </div>
+);
+
+const generateChildren = (count: number) => new Array(count).fill(0).map(renderElement);
+
+export default {
+  default: (
+    <div className="px-4 py-5 bg-white">
+      <SwipeListControl>{generateChildren(5)}</SwipeListControl>
+    </div>
+  ),
+  'w/o dots': (
+    <div className="px-4 py-5 bg-white">
+      <SwipeListControl showDots={false}>{generateChildren(5)}</SwipeListControl>
+    </div>
+  ),
+  '1 element': (
+    <div className="px-4 py-5 bg-white">
+      <SwipeListControl>
+        <div className="border border-gray rounded-md text-center h-12">
+          Single element, not inside an array
+        </div>
+      </SwipeListControl>
+    </div>
+  ),
+  '2 elements': (
+    <div className="px-4 py-5 bg-white">
+      <SwipeListControl>{generateChildren(2)}</SwipeListControl>
+    </div>
+  ),
+  'empty element': (
+    <div className="px-4 py-5 bg-white">
+      <SwipeListControl>{null}</SwipeListControl>
+    </div>
+  ),
+  'string element': (
+    <div className="px-4 py-5 bg-white">
+      <SwipeListControl>string content</SwipeListControl>
+    </div>
+  ),
+  vertical: (
+    <div className="px-4 py-5 bg-white">
+      <SwipeListControl listType="vertical-list">{generateChildren(3)}</SwipeListControl>
+    </div>
+  ),
+};