@veeqo/transfigure 0.0.35 → 0.0.37

package/dist/index99.js

@@ -1,43 +1,103 @@
-import { useState as d } from "react";
-import { useViews as v } from "./index60.js";
-import { useStores as y } from "./index59.js";
-import { useModal as C } from "./index50.js";
-import { usePersistUnsavedChanges as g } from "./index58.js";
-import { patchCustomView as h } from "./index4.js";
-const b = ({ pinnedLeftColumnIds: a, pinnedRightColumnIds: i }) => {
-  const {
-    Filters: {
-      activeViewId: e
-    },
-    Notifications: {
-      notify: t
-    }
-  } = y(), { closeModal: u } = C(), { mutate: m } = v(), { getActiveViewInAPIFormat: c } = g(), [l, o] = d(!1);
-  return {
-    saveColumns: async ({ visibleColumns: n }) => {
-      if (e)
-        try {
-          if (o(!0), n.length < 1) {
-            t({ type: "error", text: "You must have at least one visible column." });
-            return;
-          }
-          const r = [...a, ...n, ...i], { arg: f, currentView: s } = c(), p = {
-            ...f,
-            columns: {
-              ...s == null ? void 0 : s.columns,
-              columnIds: r
-            }
-          };
-          await h(e, { attributes: p }), await m(), u(), t({ type: "success", text: "Columns updated successfully" });
-        } catch {
-          t({ type: "error", text: "Failed to save columns" });
-        } finally {
-          o(!1);
-        }
-    },
-    isSavingColumns: l
-  };
-};
+import t from "styled-components";
+import { BaseContainer as n, theme as i, Text as e, Banner as a, Button as l } from "@veeqo/ui";
+import { VeeqoCommon as s } from "@veeqo/components";
+import { motion as c } from "framer-motion";
+import { notificationVariants as p } from "./index108.js";
+const { Glyph: x } = s, u = t(c(n)).attrs(() => ({
+  variants: p,
+  initial: "initial",
+  animate: "animate",
+  exit: "exit"
+}))`
+  display: flex;
+  position: fixed;
+  width: 100vw;
+  left: 0;
+  bottom: 24px;
+  z-index: 1001;
+
+  &.notification-enter {
+    opacity: 0;
+    transform: translateY(-16px);
+  }
+
+  &.notification-enter-active {
+    opacity: 1;
+    transform: translateY(0);
+    transition: 350ms ease;
+  }
+
+  &.notification-exit {
+    opacity: 0;
+    transform: translateY(16px);
+    transition: 350ms ease;
+  }
+  pointer-events: none;
+`, w = t(n)`
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 20px 24px 24px 24px;
+  border-radius: 4px;
+  margin: 0 auto;
+  background-color: #fff;
+  box-shadow: ${i.shadows.lg};
+  pointer-events: all;
+`, y = t(a)`
+  display: inline-flex;
+  flex-direction: row;
+  align-items: center;
+  margin: 0 auto;
+  background-color: #fff;
+  box-shadow: ${i.shadows.lg};
+  pointer-events: all;
+`, $ = t(l)`
+  margin-right: 16px;
+`, b = t(e)`
+  line-height: 20px;
+`, r = t(e)`
+  margin: ${(o) => o.margin ? o.margin : ""};
+  color: ${(o) => o.color};
+`, v = t(e)`
+  margin-right: 8px;
+  color: ${(o) => o.color};
+`, B = t(x)``, k = t(n)`
+  display: flex;
+  flex-direction: row;
+  align-items: flex-end;
+  flex-grow: 2;
+  margin-left: 24px;
+  margin-right: 24px;
+`;
+t.button`
+  display: flex;
+  flex-direction: row;
+  width: 100%;
+  padding: 12px 16px;
+  cursor: pointer;
+
+  & > ${r} {
+    white-space: nowrap;
+    user-select: none;
+  }
+
+  &:hover {
+    background-color: ${i.colors.neutral.grey.lightest};
+  }
+
+  &:hover > ${r} {
+    color: ${i.colors.secondary.blue.base};
+  }
+`;
 export {
-  b as usePersistColumns
+  v as Bold,
+  $ as Button,
+  w as Container,
+  B as Glyph,
+  b as Hint,
+  u as Notification,
+  y as Pill,
+  r as Text,
+  x as UIGlyph,
+  k as Wrap
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veeqo/transfigure",
-  "version": "0.0.35",
+  "version": "0.0.37",
   "type": "module",
   "sideEffects": false,
   "main": "dist/index.cjs",
@@ -19,7 +19,8 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "lint": "eslint .",
+    "lint": "eslint --quiet src --ext .ts,.tsx,.js,.jsx",
+    "lint:fix": "eslint --quiet src --ext .ts,.tsx,.js,.jsx --fix",
     "preview": "vite preview",
     "test": "vitest",
     "test:watch": "vitest watch",
@@ -27,7 +28,7 @@
     "test:ui": "vitest --ui",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build",
-    "prepublishOnly": "npm test run && npm run build"
+    "prepublishOnly": "npm run lint && npm test run && npm run build"
   },
   "peerDependencies": {
     "@dnd-kit/core": "^6.0.7",
@@ -49,6 +50,7 @@
     "react-dom": "17.0.2",
     "react-hook-form": "^6.15.1",
     "react-transition-group": "^4.4.1",
+    "react-use": "^15.3.8",
     "styled-components": "^5.1.1",
     "swr": "^2.0.4",
     "uid": "^2.0.2"
@@ -64,7 +66,7 @@
     "@babel/runtime-corejs3": "^7.27.1",
     "@dnd-kit/core": "^6.0.7",
     "@dnd-kit/sortable": "^7.0.2",
-    "@eslint/js": "^8.21.0",
+    "@eslint/js": "^9.21.0",
     "@internationalized/date": "3.5.4",
     "@material-ui/core": "^4.11.0",
     "@storybook/addon-essentials": "^8.6.12",
@@ -84,6 +86,8 @@
     "@types/react-dom": "17.0.2",
     "@types/styled-components": "^5.1.27",
     "@types/testing-library__jest-dom": "^6.0.0",
+    "@typescript-eslint/eslint-plugin": "^8.37.0",
+    "@typescript-eslint/parser": "^8.37.0",
     "@veeqo/components": "6.1.1",
     "@veeqo/ui": "^9.11.0",
     "@vitejs/plugin-react": "^4.3.4",
@@ -93,16 +97,14 @@
     "ajv": "^8.17.1",
     "axios": "^1.6.2",
     "babel-plugin-styled-components": "^2.1.4",
-    "eslint": "^8.21.0",
-    "eslint-config-airbnb": "^19.0.4",
-    "eslint-config-airbnb-typescript": "^18.0.0",
-    "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-jsx-a11y": "^6.10.2",
-    "eslint-plugin-prettier": "^5.4.0",
-    "eslint-plugin-react": "^7.37.5",
+    "eslint": "^9.21.0",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-jsx-a11y": "^6.9.0",
+    "eslint-plugin-prettier": "^5.1.3",
+    "eslint-plugin-react": "^7.34.4",
+    "eslint-plugin-react-hooks": "^5.1.0",
     "eslint-plugin-react-refresh": "^0.4.19",
-    "eslint-plugin-storybook": "^0.12.0",
-    "eslint-plugin-unused-imports": "^4.1.4",
+    "eslint-plugin-unused-imports": "^4.0.0",
     "framer-motion": "^6.5.1",
     "globals": "^15.15.0",
     "jest-axe": "~6.0.0",
@@ -115,6 +117,7 @@
     "msw": "^2.8.4",
     "msw-storybook-addon": "^2.0.4",
     "playwright": "^1.52.0",
+    "prettier": "^3.6.2",
     "react": "17.0.2",
     "react-aria-components": "1.2.1",
     "react-dom": "17.0.2",
@@ -124,10 +127,12 @@
     "styled-components": "^5.1.1",
     "swr": "^2.0.4",
     "typescript": "^5.8.3",
+    "typescript-eslint": "^8.37.0",
     "uid": "^2.0.2",
     "vite": "^6.2.0",
     "vite-css-modules": "^1.8.6",
     "vite-plugin-dts": "^4.5.3",
+    "vite-plugin-eslint": "^1.8.1",
     "vite-plugin-externalize-deps": "^0.9.0",
     "vitest": "^3.1.2"
   },

package/dist/index113.cjs

@@ -1,7 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("styled-components"),e=require("@veeqo/ui"),a=t=>t&&t.__esModule?t:{default:t},i=a(o),s=i.default(e.BaseContainer)`
-  padding: ${e.theme.sizes.sm};
-  // This calculation limits the height to a max of 100% of the viewport and uses offset as the position of the CTA button
-  // with an additional sizes.base offset at the bottom.
-  max-height: calc(100vh ${({offset:t})=>t&&`- ${t}px`} - ${e.theme.sizes.base});
-  overflow-y: auto;
-`;exports.AdaptiveStyledContainer=s;

package/dist/index113.js

@@ -1,12 +0,0 @@
-import o from "styled-components";
-import { theme as e, BaseContainer as i } from "@veeqo/ui";
-const h = o(i)`
-  padding: ${e.sizes.sm};
-  // This calculation limits the height to a max of 100% of the viewport and uses offset as the position of the CTA button
-  // with an additional sizes.base offset at the bottom.
-  max-height: calc(100vh ${({ offset: t }) => t && `- ${t}px`} - ${e.sizes.base});
-  overflow-y: auto;
-`;
-export {
-  h as AdaptiveStyledContainer
-};