@veeqo/transfigure 1.2.0 → 1.2.1

package/dist/index98.js

@@ -1,31 +1,26 @@
-import { jsx as e } from "react/jsx-runtime";
-import { Modal as n, Text as r } from "@veeqo/ui";
-const s = ({ shouldShow: a, viewName: i, onCancel: t, onDelete: o }) => /* @__PURE__ */ e(
-  n,
-  {
-    headerTitle: `Delete '${i}' view?`,
-    "data-testid": "act-react-listing-custom-confirmation-popup",
-    variant: "sm",
-    shouldShow: a,
-    onClose: t,
-    rightActions: [
-      {
-        className: "act-react-listing-custom-confirmation-popup-cancel",
-        label: "Cancel",
-        onClick: t,
-        variant: "default"
-      },
-      {
-        className: "act-react-listing-custom-confirmation-popup-delete",
-        label: "Delete",
-        onClick: o,
-        variant: "primaryDestructive"
-      }
-    ],
-    showHeaderCloseButton: !0,
-    children: /* @__PURE__ */ e(r, { variant: "body", children: "This cannot be undone." })
+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 {
-  s as Confirmation
+  l as Divider,
+  n as Item,
+  a as MenuItems
 };

package/dist/index99.cjs

@@ -1 +1 @@
-"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 e=require("react/jsx-runtime"),r=require("@veeqo/ui"),i=require("./index106.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;

package/dist/index99.js

@@ -1,6 +1,6 @@
 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";
+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 "./index106.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: [

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/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.1",
   "type": "module",
   "sideEffects": false,
   "main": "dist/index.cjs",