@veeqo/transfigure 1.1.4 → 1.1.6

package/dist/index98.js

@@ -1,31 +1,23 @@
-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 { 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 "./index102.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"
+    }
+  )
+] }) }) });
 export {
-  s as Confirmation
+  b as DraftPill
 };

package/dist/index99.cjs

@@ -1,12 +1,19 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("styled-components"),t=require("@veeqo/ui"),o=e=>e&&e.__esModule?e:{default:e},r=o(i),d=r.default(t.BaseContainer)`
-  display: flex;
-  flex-direction: column;
-  padding: 8px;
-  padding-left: 35px;
-  margin: 8px;
-  background-color: ${t.theme.colors.neutral.grey.lightest};
-`,l=r.default.hr`
+"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 ${t.theme.colors.neutral.grey.dark};
-  margin: 0 0 4px 0;
-`;exports.Divider=l;exports.FixedViews=d;
+  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,18 +1,26 @@
-import r from "styled-components";
-import { theme as o, BaseContainer as e } from "@veeqo/ui";
-const d = r(e)`
-  display: flex;
-  flex-direction: column;
-  padding: 8px;
-  padding-left: 35px;
-  margin: 8px;
-  background-color: ${o.colors.neutral.grey.lightest};
-`, l = r.hr`
+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 0 4px 0;
+  margin: 0;
 `;
 export {
   l as Divider,
-  d as FixedViews
+  n as Item,
+  a as MenuItems
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/transfigure",
-  "version": "1.1.4",
+  "version": "1.1.6",
   "type": "module",
   "sideEffects": false,
   "main": "dist/index.cjs",
@@ -38,7 +38,7 @@
     "@material-ui/core": "^4.11.0",
     "@tanstack/react-table": "^8.21.2",
     "@veeqo/components": "6.1.1",
-    "@veeqo/ui": "13.4.3",
+    "@veeqo/ui": "13.10.0",
     "ajv-keywords": "^5.1.0",
     "axios": "^1.6.2",
     "framer-motion": "^6.5.1",
@@ -46,6 +46,7 @@
     "lodash": "^4.17.19",
     "mobx": "^6.3.9",
     "mobx-react": "^7.2.1",
+    "pluralize": "^8.0.0",
     "react": "17.0.2",
     "react-aria-components": "1.2.1",
     "react-dom": "17.0.2",
@@ -91,7 +92,7 @@
     "@typescript-eslint/eslint-plugin": "^8.37.0",
     "@typescript-eslint/parser": "^8.37.0",
     "@veeqo/components": "6.1.1",
-    "@veeqo/ui": "13.4.3",
+    "@veeqo/ui": "13.10.0",
     "@vitejs/plugin-react": "^4.3.4",
     "@vitest/browser": "^3.1.2",
     "@vitest/coverage-v8": "^3.1.2",
@@ -110,6 +111,7 @@
     "eslint-plugin-unused-imports": "^4.0.0",
     "framer-motion": "^6.5.1",
     "globals": "^15.15.0",
+    "identity-obj-proxy": "^3.0.0",
     "jest-axe": "~6.0.0",
     "jest-styled-components": "~7.1.1",
     "jsdom": "^26.1.0",
@@ -120,6 +122,7 @@
     "msw": "^2.8.4",
     "msw-storybook-addon": "^2.0.4",
     "playwright": "^1.52.0",
+    "pluralize": "^8.0.0",
     "prettier": "^3.6.2",
     "react": "17.0.2",
     "react-aria-components": "1.2.1",
@@ -127,6 +130,7 @@
     "react-hook-form": "^6.15.1",
     "react-transition-group": "^4.4.1",
     "react-use": "^15.3.8",
+    "sass-embedded": "^1.93.3",
     "storybook": "^8.6.12",
     "styled-components": "^5.1.1",
     "swr": "^2.0.4",

package/dist/components/RefreshButton/RefreshIcon.d.ts

@@ -1 +0,0 @@
-export declare const RefreshIcon: (props: any) => JSX.Element;

package/dist/components/RefreshButton/styled.d.ts

@@ -1,11 +0,0 @@
-export declare const StyledButton: import('styled-components').StyledComponent<import('react').ForwardRefExoticComponent<import('react').ButtonHTMLAttributes<HTMLButtonElement> & {
-    children?: React.ReactNode;
-    variant?: import('node_modules/@veeqo/ui/dist/components/Button/types').ButtonVariant | undefined;
-    size?: "base" | "sm" | undefined;
-    iconSlot?: React.ReactElement<any, string | React.JSXElementConstructor<any>> | undefined;
-    dropdown?: boolean | undefined;
-    loading?: boolean | undefined;
-    contentStyles?: React.CSSProperties | undefined;
-} & import('react').RefAttributes<HTMLButtonElement>>, any, {}, never>;
-export declare const StyledIndicator: import('styled-components').StyledComponent<({ color, style, textColour, size, ...otherProps }: import('node_modules/@veeqo/ui/dist/components/Indicator/types').IndicatorProps) => React.JSX.Element, any, {}, never>;
-export declare const StyledTooltip: import('styled-components').StyledComponent<({ children, text, content, config, reversed, className, withTriangle, initialShouldShow, useReactPortal, }: import('node_modules/@veeqo/ui/dist/components/Tooltip/types').TooltipProps) => JSX.Element | null, any, {}, never>;

package/dist/index114.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),p=require("react"),d=require("mobx-react"),t=require("@veeqo/ui"),m=require("swr/immutable"),x=require("./index74.cjs"),y=require("./index75.cjs"),F=require("./index48.cjs"),O=e=>e&&e.__esModule?e:{default:e},A=O(m),S=d.observer(({field:e,editedValue:o,setEditedValue:a})=>{var c,i;const l=p.useMemo(()=>{var r;return y.getFetcherFunction({fetcherName:(r=e.fetchAsyncFilterOptions)==null?void 0:r.fetcher})},[(c=e.fetchAsyncFilterOptions)==null?void 0:c.fetcher]),{isLoading:u,isValidating:h,data:g,error:b}=A.default((i=e.fetchAsyncFilterOptions)==null?void 0:i.URL,l,F.SWR_HOOK_OPTIONS),n=u||h,f=x.getAsyncOptions({data:g,config:e.fetchAsyncFilterOptions});return s.jsxs(t.Stack,{spacing:"xs",alignX:"stretch",children:[s.jsx(t.ChoiceList,{allowMultiple:!0,title:e.label,options:f,selected:o,onChange:r=>a(r)}),n&&s.jsx(t.Skeleton,{width:"200px",height:t.theme.sizes[5],"aria-busy":!0,"aria-label":`Loading ${e.label} filters`}),!n&&b&&s.jsxs(t.Text,{variant:"errorSmall",children:["Error: failed to load filter for ",e.label]})]})});exports.ActiveAsyncCheckboxFilter=S;

package/dist/index114.js

@@ -1,49 +0,0 @@
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import { useMemo as u } from "react";
-import { observer as O } from "mobx-react";
-import { Stack as b, ChoiceList as F, Skeleton as x, theme as y, Text as A } from "@veeqo/ui";
-import S from "swr/immutable";
-import { getAsyncOptions as d } from "./index74.js";
-import { getFetcherFunction as L } from "./index75.js";
-import { SWR_HOOK_OPTIONS as k } from "./index48.js";
-const T = O(
-  ({ field: t, editedValue: c, setEditedValue: a }) => {
-    var o, i;
-    const l = u(() => {
-      var e;
-      return L({ fetcherName: (e = t.fetchAsyncFilterOptions) == null ? void 0 : e.fetcher });
-    }, [(o = t.fetchAsyncFilterOptions) == null ? void 0 : o.fetcher]), { isLoading: m, isValidating: h, data: p, error: f } = S(
-      (i = t.fetchAsyncFilterOptions) == null ? void 0 : i.URL,
-      l,
-      k
-    ), r = m || h, g = d({ data: p, config: t.fetchAsyncFilterOptions });
-    return /* @__PURE__ */ s(b, { spacing: "xs", alignX: "stretch", children: [
-      /* @__PURE__ */ n(
-        F,
-        {
-          allowMultiple: !0,
-          title: t.label,
-          options: g,
-          selected: c,
-          onChange: (e) => a(e)
-        }
-      ),
-      r && /* @__PURE__ */ n(
-        x,
-        {
-          width: "200px",
-          height: y.sizes[5],
-          "aria-busy": !0,
-          "aria-label": `Loading ${t.label} filters`
-        }
-      ),
-      !r && f && /* @__PURE__ */ s(A, { variant: "errorSmall", children: [
-        "Error: failed to load filter for ",
-        t.label
-      ] })
-    ] });
-  }
-);
-export {
-  T as ActiveAsyncCheckboxFilter
-};