@veeqo/transfigure 1.2.0 → 1.2.2

package/dist/index99.cjs

@@ -1 +1,19 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("@veeqo/ui"),i=require("./index104.cjs"),n=r.theme.colors.secondary.blue.base,a=({onClick:t})=>e.jsx(i.Notification,{children:e.jsx(i.Pill,{children:e.jsxs(r.Stack,{direction:"horizontal",alignY:"center",children:[e.jsx(i.Glyph,{ariaLabel:"info",name:"info",color:n}),e.jsxs(i.Wrap,{children:[e.jsx(i.Text,{variant:"body",margin:"0 4px 0 0",children:"You are currently in a"}),e.jsx(i.Bold,{variant:"bodyBoldDark",children:"draft view"}),e.jsx(i.Hint,{variant:"hintText",children:"Apply filters and save these by creating a custom view"})]}),e.jsx(i.Button,{variant:"primary",onClick:t,size:"sm",children:"Create view"})]})})});exports.DraftPill=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("styled-components"),e=require("@veeqo/ui"),s=t=>t&&t.__esModule?t:{default:t},o=s(r),i=o.default(e.Button).attrs(()=>({role:"option",variant:"flat"}))`
+  margin: ${e.theme.sizes.xs};
+  min-width: 180px;
+  justify-content: flex-start;
+  font-size: ${e.theme.text.body.fontSize};
+
+  &:hover {
+    background-color: ${e.theme.colors.neutral.grey.lightest};
+    color: ${e.theme.colors.secondary.blue.base};
+    cursor: pointer;
+  }
+`,n=o.default(e.Card.Surface).attrs(()=>({role:"listbox",elevation:4}))`
+  margin-top: ${e.theme.sizes.xs};
+  background-color: white;
+`,l=o.default.hr`
+  width: 100%;
+  border-top: 1px solid ${e.theme.colors.neutral.grey.dark};
+  margin: 0;
+`;exports.Divider=l;exports.Item=i;exports.MenuItems=n;

package/dist/index99.js

@@ -1,23 +1,26 @@
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { Stack as a, theme as n } from "@veeqo/ui";
-import { Notification as t, Pill as o, Glyph as l, Wrap as c, Text as d, Bold as s, Hint as h, Button as m } from "./index104.js";
-const p = n.colors.secondary.blue.base, b = ({ onClick: e }) => /* @__PURE__ */ r(t, { children: /* @__PURE__ */ r(o, { children: /* @__PURE__ */ i(a, { direction: "horizontal", alignY: "center", children: [
-  /* @__PURE__ */ r(l, { ariaLabel: "info", name: "info", color: p }),
-  /* @__PURE__ */ i(c, { children: [
-    /* @__PURE__ */ r(d, { variant: "body", margin: "0 4px 0 0", children: "You are currently in a" }),
-    /* @__PURE__ */ r(s, { variant: "bodyBoldDark", children: "draft view" }),
-    /* @__PURE__ */ r(h, { variant: "hintText", children: "Apply filters and save these by creating a custom view" })
-  ] }),
-  /* @__PURE__ */ r(
-    m,
-    {
-      variant: "primary",
-      onClick: e,
-      size: "sm",
-      children: "Create view"
-    }
-  )
-] }) }) });
+import t from "styled-components";
+import { theme as o, Card as r, Button as e } from "@veeqo/ui";
+const n = t(e).attrs(() => ({ role: "option", variant: "flat" }))`
+  margin: ${o.sizes.xs};
+  min-width: 180px;
+  justify-content: flex-start;
+  font-size: ${o.text.body.fontSize};
+
+  &:hover {
+    background-color: ${o.colors.neutral.grey.lightest};
+    color: ${o.colors.secondary.blue.base};
+    cursor: pointer;
+  }
+`, a = t(r.Surface).attrs(() => ({ role: "listbox", elevation: 4 }))`
+  margin-top: ${o.sizes.xs};
+  background-color: white;
+`, l = t.hr`
+  width: 100%;
+  border-top: 1px solid ${o.colors.neutral.grey.dark};
+  margin: 0;
+`;
 export {
-  b as DraftPill
+  l as Divider,
+  n as Item,
+  a as MenuItems
 };

package/dist/mocks/createMockTransformedView.d.ts

@@ -0,0 +1,2 @@
+import { TransformedView } from 'src/types';
+export declare const createMockTransformedView: (overrides?: Partial<TransformedView>) => TransformedView;

package/dist/mocks/createMockView.d.ts

@@ -0,0 +1,2 @@
+import { View } from 'src/types';
+export declare const createMockView: (overrides?: Partial<View>) => View;

package/dist/storybookHelpers/Code.d.ts

@@ -0,0 +1,3 @@
+export declare const Code: ({ text }: {
+    text: string;
+}) => JSX.Element;

package/dist/storybookHelpers/apiMocks/views/mockSeededAllView.d.ts

@@ -0,0 +1,26 @@
+export declare const MOCK_SEEDED_ALL_VIEW: {
+    id: string;
+    type: string;
+    attributes: {
+        title: string;
+        filters: {
+            filter: {};
+        };
+        columns: {
+            columnIds: string[];
+        };
+        shared: boolean;
+        created_at: string;
+        updated_at: string;
+        editable: boolean;
+        type: string;
+    };
+    relationships: {
+        user: {
+            data: {
+                id: string;
+                type: string;
+            };
+        };
+    };
+};

package/dist/types.d.ts

@@ -108,4 +108,9 @@ export type TransformedView = {
     originalView?: TransformedView;
     columns: ViewColumns;
 };
+export type ViewsState = {
+    fixedViews: TransformedView[];
+    customViews: TransformedView[];
+    viewsMap: Map<string, TransformedView>;
+};
 export {};

package/dist/utils/index.d.ts

@@ -3,3 +3,4 @@ export * from './getFetcherFunction';
 export * from './isValidDateRange';
 export * from './viewsAdapter';
 export * from './createAllView';
+export * from './organiseViews';

package/dist/utils/organiseViews/index.d.ts

@@ -0,0 +1 @@
+export { organiseViews } from './organiseViews';

package/dist/utils/organiseViews/organiseViews.d.ts

@@ -0,0 +1,18 @@
+import { View, ViewsState } from 'src/types';
+export type OrganiseViewsProps = {
+    data?: View[];
+    canUpdateCustomViews: boolean;
+};
+/**
+ * This helper takes an array of custom_view objects returned from the v2/custom_views endpoint
+ * and organises them into 3 data structures:
+ *
+ * - Fixed views
+ * - Custom views
+ * - A map containing all views for easy lookup
+ *
+ * It also contains logic to conditionally add the "All" view, a generic view intended to contain
+ * no/minimal filters. If one is provided in the response, it replaces the generated "All" view
+ * in the data structures.
+ */
+export declare const organiseViews: ({ data, canUpdateCustomViews }: OrganiseViewsProps) => ViewsState;

package/dist/utils/organiseViews/organiseViews.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/transfigure",
-  "version": "1.2.0",
+  "version": "1.2.2",
   "type": "module",
   "sideEffects": false,
   "main": "dist/index.cjs",