Merge pull request #5945 from refinedev/releases/june

release: june 2024

.changeset/big-planets-raise.md

@@ -0,0 +1,5 @@
+---
+"@refinedev/cli": patch
+---
+
+fix: remove hardcoded path prefix from bin resolve for remix run command.

.changeset/brave-chicken-grow.md

@@ -0,0 +1,9 @@
+---
+"@refinedev/cli": patch
+"@refinedev/devtools-server": patch
+"@refinedev/devtools-ui": patch
+---
+
+fix: capitalize Refine
+
+Capitalized "Refine" in the user-facing texts

.changeset/bright-moles-turn.md

@@ -0,0 +1,6 @@
+---
+"@refinedev/inferencer": patch
+"@refinedev/antd": patch
+---
+
+lock the `ant-design/icons` version to `5.0.1`

.changeset/chatty-beds-smoke.md

@@ -0,0 +1,7 @@
+---
+"@refinedev/cli": patch
+---
+
+fix(cli): prevent exit on devtools error
+
+Updated the `dev` command's devtools runner logic to prevent the process from exiting when devtools server fails to start. Previously, the process would exit if devtools server failed to start regardless of the development server's status.

.changeset/clever-tigers-notice.md

@@ -0,0 +1,7 @@
+---
+"@refinedev/antd": patch
+---
+
+chore: unpin `antd` version that was causing build issues
+
+With `antd`'s `5.17.0` version, Next.js apps were stuck in the build process. To prevent this from breaking all Refine apps with Next.js, we've pinned the version to `5.16.5` as a workaround. Since then, the issue has been resolved by updating an internal dependency of `antd`, we no longer need to pin the version.

.changeset/curly-files-jump.md

@@ -0,0 +1,7 @@
+---
+"@refinedev/antd": patch
+---
+
+feat(antd): search form in useTable should work with syncWithLocation
+
+Even though the form is managed by `useTable` hook from `@refinedev/antd`. It wasn't respecting the `syncWithLocation` prop to set values accordingly at initial render when registered fields are matching with the query params. Now it will look for matching fields and set values accordingly from synced filters.

.changeset/famous-walls-join.md

@@ -0,0 +1,60 @@
+---
+"@refinedev/antd": patch
+---
+
+fix: Filtering [`<Table />`](https://refine.dev/docs/ui-integrations/ant-design/hooks/use-table/) with [`<FilterDropdown />`](https://refine.dev/docs/ui-integrations/ant-design/components/filter-dropdown) and [`<DatePicker />`](https://ant.design/components/date-picker) doesn't work with `syncWithLocation`. #5933
+
+feat: Added [`rangePickerFilterMapper`](https://refine.dev/docs/ui-integrations/ant-design/components/filter-dropdown/#rangepickerfiltermapper) utility function to convert `selectedKeys` to satisfy both the Refine and [`<DatePicker.RangePicker />`](https://ant.design/components/date-picker).
+
+Usage example:
+
+```tsx
+import { getDefaultFilter } from "@refinedev/core";
+import {
+  DateField,
+  FilterDropdown,
+  rangePickerFilterMapper,
+  useTable,
+} from "@refinedev/antd";
+import { Table, DatePicker } from "antd";
+
+export const Posts = () => {
+  const { tableProps, filters } = useTable({
+    filters: {
+      initial: [
+        {
+          field: "created_at",
+          value: ["2022-01-01", "2022-01-31"],
+          operator: "between",
+        },
+      ],
+    },
+  });
+
+  return (
+    <Table {...tableProps} rowKey="id">
+      <Table.Column dataIndex="id" title="ID" />
+      <Table.Column dataIndex="title" title="Title" />
+      <Table.Column
+        dataIndex="createdAt"
+        title="Created At"
+        filterDropdown={(props) => (
+          <FilterDropdown
+            {...props}
+            mapValue={(selectedKeys, event) => {
+              return rangePickerFilterMapper(selectedKeys, event);
+            }}
+          >
+            <DatePicker.RangePicker />
+          </FilterDropdown>
+        )}
+        defaultFilteredValue={getDefaultFilter(
+          "created_at",
+          filters,
+          "between",
+        )}
+      />
+    </Table>
+  );
+};
+```

.changeset/few-ads-matter.md

@@ -0,0 +1,7 @@
+---
+"@refinedev/core": minor
+"@refinedev/supabase": minor
+---
+
+Added ina and nina CrudOperators. Added filtering by these operators to Supabase data provider
+#5902

.changeset/few-sheep-hug.md

@@ -0,0 +1,7 @@
+---
+"@refinedev/core": patch
+---
+
+fix(core): update default titles
+
+Previously, default titles included lowercase "refine", which was not correct. This commit updates the default titles to include "Refine" instead.

.changeset/gorgeous-bugs-relax.md

@@ -0,0 +1,6 @@
+---
+"@refinedev/simple-rest": patch
+---
+
+fix: "mapOperator" test type error.
+Some `CrudOperators` not supported in `operatorMappings` type but still extended from `CrudOperators`. To fix that we use `Partial` type for `operatorMappings` type.

.changeset/happy-parents-yawn.md

@@ -0,0 +1,17 @@
+---
+"@refinedev/nestjs-query": patch
+---
+
+fix: implement unimplemented operators
+
+The following filter operators have been implemented.
+
+- `containss`
+- `ncontainss`
+- `startswiths`
+- `nstartswiths`
+- `endswiths`
+- `nendswiths`
+- `nbetween`
+
+Resolves #6008

.changeset/mighty-clouds-help.md

@@ -0,0 +1,30 @@
+---
+"@refinedev/core": minor
+---
+
+feat(core): ability to pass global app title and icon
+
+Added ability to pass global app name and icon values through `<Refine />` component's `options` prop.
+
+Now `<Refine />` component accepts `options.title` prop that can be used to set app icon and app name globally. By default these values will be accessible through `useRefineOptions` hook and will be used in `<ThemedLayoutV2 />` and `<AuthPage />` components of the UI packages.
+
+```tsx
+import { Refine } from "@refinedev/core";
+
+const MyIcon = () => <svg>{/* ... */}</svg>;
+
+const App = () => {
+  return (
+    <Refine
+      options={{
+        title: {
+          icon: <MyIcon />,
+          text: "Refine App",
+        },
+      }}
+    >
+      {/* ... */}
+    </Refine>
+  );
+};
+```

.changeset/modern-rings-taste.md

@@ -0,0 +1,7 @@
+---
+"@refinedev/hasura": patch
+---
+
+fix: [`hasuraFilters`](https://github.com/refinedev/refine/blob/master/packages/hasura/src/utils/generateFilters.ts) object type.
+
+All fields in the [`CrudOperators`](https://github.com/refinedev/refine/blob/master/packages/core/src/contexts/data/types.ts#L218) interface must be used in the [`hasuraFilters`](https://github.com/refinedev/refine/blob/master/packages/hasura/src/utils/generateFilters.ts) object type, but some fields may not be supported by Hasura. To resolve this, the object type has been changed to partial.

.changeset/ninety-cameras-give.md

@@ -0,0 +1,7 @@
+---
+"@refinedev/core": patch
+---
+
+refactor: omit `to` parameter if at root when unauthenticated
+
+If user is not authenticated, `<Authenticated />` redirects to the provided route and appends the current route to the `to` parameter. With this change, if the current route is the root (`/`), the `to` parameter will be omitted.

.changeset/ninety-pots-smell.md

@@ -0,0 +1,7 @@
+---
+"@refinedev/mui": patch
+---
+
+fix: `transformMuiOperatorToCrudOperator` return type is wrong.
+
+This PR fixes the return type of `transformMuiOperatorToCrudOperator` function. It has return type `Exclude<CrudOperators, "or">` but it also should exclude `and` operator to satisfy `LogicalFilter` type.

.changeset/poor-adults-sneeze.md

@@ -0,0 +1,7 @@
+---
+"@refinedev/cli": patch
+---
+
+feat(cli): prompt to update all in `update` command
+
+Previously, if users doesn't provide `--all` option, `update` command will display an interactive prompt to pick which packages to update. Now, before displaying the prompt, it will ask if users want to update all packages.

.changeset/real-turtles-love.md

@@ -0,0 +1,5 @@
+---
+"@refinedev/ui-tests": patch
+---
+
+chore(ui-tests): add test case for globally passed app title and app icon to title tests

.changeset/shiny-cougars-visit.md

@@ -0,0 +1,7 @@
+---
+"@refinedev/devtools-shared": patch
+---
+
+chore: prevent websocket closing errors in console
+
+When `<DevtoolsProvider />` component is mounted in apps with React's strict mode, it will try to initialize the websocket connection twice and first one will be closed immediately before the connection is established. This PR will delay closing the websocket connection until it's established properly to prevent these errors from appearing in the console.

.changeset/smart-ads-attack.md

@@ -0,0 +1,7 @@
+---
+"@refinedev/ui-types": patch
+---
+
+chore(ThemedTitleProps): update icon and text tsdoc descriptions
+
+Updated TSDoc descriptions of the `icon` and `text` props in the `RefineLayoutThemedTitleProps` interface to provide default values and how they are used in the component.

.changeset/smooth-shirts-run.md

@@ -0,0 +1,11 @@
+---
+"@refinedev/core": patch
+---
+
+feat: `<GitHubBanner />` has `paddingLeft: 200px` by default to make space for the sidebar. This is not needed when the sidebar is not present.
+
+From on, `<GitHubBanner />` style property can be overridden by passing `containerStyle` prop.
+
+```jsx
+<GitHubBanner containerStyle={{ paddingLeft: 0 }} />
+```

.changeset/stupid-rules-pull.md

@@ -0,0 +1,8 @@
+---
+"@refinedev/devtools-server": patch
+"@refinedev/devtools-shared": patch
+---
+
+refactor: use same port for ws and http servers
+
+This PR merges WebSocket and Http server ports into one (5001) to simplify the configuration and avoid port conflicts. Previously the WebSocket server was running on port 5002 and the Http server on port 5001. Now both servers are running on port 5001.

.changeset/tall-doors-ring.md

@@ -0,0 +1,7 @@
+---
+"@refinedev/devtools-internal": patch
+---
+
+fix(devtools-internal): broken env conditional in useQuerySubscription hook
+
+When using Refine with React Native, `process.env.NODE_ENV !== "development" ? () => ({}) : () => {...}` conditional in `useQuerySubscription` hook was causing a syntax error. This PR fixes the issue by explicitly returning an empty object on non-development environments.

.changeset/tender-hats-lick.md

@@ -0,0 +1,7 @@
+---
+"@refinedev/devtools-server": patch
+---
+
+chore(devtools-server): customizable exit function
+
+This change allows you to customize the exit function of the devtools server when using it via API.

.changeset/thick-doors-draw.md

@@ -0,0 +1,7 @@
+---
+"@refinedev/nestjs-query": minor
+---
+
+feat(nestjs-query): implemented getApiUrl
+
+resolves #5606

.changeset/three-items-breathe.md

@@ -0,0 +1,33 @@
+---
+"@refinedev/chakra-ui": minor
+"@refinedev/mantine": minor
+"@refinedev/antd": minor
+"@refinedev/mui": minor
+---
+
+feat: use global values by default for app title and app icon
+
+Now `<Refine />` component accepts `options.title` prop that can be used to set app icon and app name globally. For `<ThemedLayoutV2 />` and `<AuthPage />` components, these values will be used by default. While users can use `options.title` to pass global values for app icon and app name, option to override through `<ThemedTitleV2 />` component is still available for users to override these values in specific use cases.
+
+```tsx
+import { Refine } from "@refinedev/core";
+
+const MyIcon = () => <svg>{/* ... */}</svg>;
+
+const App = () => {
+  return (
+    <Refine
+      options={{
+        title: {
+          icon: <MyIcon />,
+          text: "Refine App",
+        },
+      }}
+    >
+      {/* ... */}
+    </Refine>
+  );
+};
+```
+
+Then, `<ThemedLayoutV2 />` and `<AuthPage />` components will display `<MyIcon />` and `"Refine App"` as app icon and app name respectively.

.changeset/weak-trees-cough.md

@@ -0,0 +1,42 @@
+---
+"@refinedev/ably": patch
+"@refinedev/airtable": patch
+"@refinedev/antd": patch
+"@refinedev/appwrite": patch
+"@refinedev/chakra-ui": patch
+"@refinedev/cli": patch
+"@refinedev/codemod": patch
+"@refinedev/core": patch
+"@refinedev/devtools": patch
+"@refinedev/devtools-internal": patch
+"@refinedev/devtools-server": patch
+"@refinedev/devtools-shared": patch
+"@refinedev/devtools-ui": patch
+"@refinedev/graphql": patch
+"@refinedev/hasura": patch
+"@refinedev/inferencer": patch
+"@refinedev/kbar": patch
+"@refinedev/mantine": patch
+"@refinedev/medusa": patch
+"@refinedev/mui": patch
+"@refinedev/nestjs-query": patch
+"@refinedev/nestjsx-crud": patch
+"@refinedev/nextjs-router": patch
+"@refinedev/react-hook-form": patch
+"@refinedev/react-router-v6": patch
+"@refinedev/react-table": patch
+"@refinedev/remix-router": patch
+"@refinedev/simple-rest": patch
+"@refinedev/strapi": patch
+"@refinedev/strapi-v4": patch
+"@refinedev/supabase": patch
+"@refinedev/ui-tests": patch
+"@refinedev/ui-types": patch
+---
+
+chore: added `type` qualifier to imports used as type only.
+
+```diff
+- import { A } from "./example.ts";
++ import type { A } from "./example.ts";
+```

.changeset/wise-dots-agree.md

@@ -0,0 +1,8 @@
+---
+"@refinedev/devtools-server": patch
+"@refinedev/devtools-ui": patch
+---
+
+fix: remove annoying auth error at initial project loads
+
+When users create a new project or their devtools token expires, their console is polluted with network errors due to missing authentication. This PR removes these errors by handling auth requests in a user-friendly way.

.changeset/witty-teachers-pay.md

@@ -0,0 +1,6 @@
+---
+"@refinedev/nestjsx-crud": patch
+---
+
+fix: "mapOperator" test type error.
+Some `CrudOperators` not supported in `mapOperator` type but still extended from `CrudOperators`. To fix that we use `Partial` type for `mapOperator` function.

biome.json

@@ -18,6 +18,7 @@
     "lineWidth": 80
   },
   "javascript": {
+    "jsxRuntime": "reactClassic",
     "formatter": {
       "arrowParentheses": "always",
       "quoteStyle": "double",
@@ -93,7 +94,7 @@
         "useSelfClosingElements": "error",
         "useSingleVarDeclarator": "error",
         "useTemplate": "error",
-        "useImportType": "off",
+        "useImportType": "error",
         "useNodejsImportProtocol": "off"
       },
       "suspicious": {

cypress/support/commands/intercepts/hasura.ts

@@ -1,4 +1,4 @@
-import { CyHttpMessages } from "cypress/types/net-stubbing";
+import type { CyHttpMessages } from "cypress/types/net-stubbing";
 import hasuraBlogPosts from "../../../fixtures/hasura-blog-posts.json";
 import hasuraCategories from "../../../fixtures/hasura-categories.json";