@refinedev/antd 5.36.4 → 5.36.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/dist/components/themedLayoutV2/sider/index.d.ts.map +1 -1
  3. package/dist/esm/index.js +1 -1
  4. package/dist/esm/index.js.map +1 -1
  5. package/dist/iife/index.js +1 -1
  6. package/dist/iife/index.js.map +1 -1
  7. package/dist/index.js.map +1 -1
  8. package/package.json +1 -1
  9. package/refine.config.js +8 -200
  10. package/src/components/themedLayoutV2/sider/index.tsx +2 -2
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@refinedev/antd",
3
- "version": "5.36.4",
3
+ "version": "5.36.6",
4
4
  "description": "refine is a React-based framework for building internal tools, rapidly. It ships with Ant Design System, an enterprise-level UI toolkit.",
5
5
  "private": false,
6
6
  "sideEffects": [
package/refine.config.js CHANGED
@@ -462,102 +462,6 @@ module.exports = {
462
462
  },
463
463
  ],
464
464
  },
465
- {
466
- group: "Other",
467
- label: "Layout",
468
- message: `
469
- **\`Warning:\`**
470
- If you want to change the default layout;
471
- You should pass layout related components to the **<Layout/>** component's props.
472
-
473
- \`\`\`
474
- // title: App.tsx
475
- import { Layout } from "components/layout";
476
- import { Header } from "components/layout/header";
477
- import { Sider } from "components/layout/sider";
478
- import { Title } from "components/layout/title";
479
-
480
- const App = () => {
481
- return (
482
- <Refine
483
- /* ... */
484
- >
485
- <Layout Header={Header} Sider={Sider} Title={Title} />
486
- /* ... */
487
- </Layout>
488
- </Refine>
489
- );
490
- }
491
- \`\`\`
492
- `,
493
- files: [
494
- {
495
- src: "./src/components/layout/sider/index.tsx",
496
- dest: "./components/layout/sider.tsx",
497
- transform: (content) => {
498
- let newContent = content;
499
- const imports = getImports(content);
500
-
501
- imports.map((importItem) => {
502
- // handle @components import replacement
503
- if (importItem.importPath === "@components") {
504
- const newStatement = `import ${importItem.namedImports} from "@refinedev/antd";`;
505
-
506
- newContent = newContent.replace(
507
- importItem.statement,
508
- newStatement,
509
- );
510
- }
511
-
512
- // add content of ./styles.ts and remove import
513
- if (importItem.importPath === "./styles") {
514
- newContent = newContent.replace(
515
- importItem.statement,
516
- "",
517
- );
518
-
519
- let appending = "";
520
-
521
- try {
522
- const stylesContent = getFileContent(
523
- join(
524
- dirname(
525
- "./src/components/layout/sider/index.tsx",
526
- ),
527
- "/styles.ts",
528
- ),
529
- "utf-8",
530
- ).replace("export const", "const");
531
-
532
- appending = stylesContent;
533
- } catch (err) {
534
- // console.log(err);
535
- }
536
-
537
- newContent = appendAfterImports(
538
- newContent,
539
- appending,
540
- );
541
- }
542
- });
543
-
544
- return newContent;
545
- },
546
- },
547
- {
548
- src: "./src/components/layout/header/index.tsx",
549
- dest: "./components/layout/header.tsx",
550
- },
551
- {
552
- src: "./src/components/layout/title/index.tsx",
553
- dest: "./components/layout/title.tsx",
554
- },
555
- {
556
- src: "./src/components/layout/index.tsx",
557
- dest: "./components/layout/index.tsx",
558
- },
559
- ],
560
- },
561
465
  {
562
466
  group: "Other",
563
467
  label: "ThemedLayoutV2",
@@ -568,10 +472,10 @@ module.exports = {
568
472
 
569
473
  \`\`\`
570
474
  // title: App.tsx
571
- import { ThemedLayoutV2 } from "components/themedLayout";
572
- import { ThemedHeaderV2 } from "components/themedLayout/header";
573
- import { ThemedSiderV2 } from "components/themedLayout/sider";
574
- import { ThemedTitleV2 } from "components/themedLayout/title";
475
+ import { ThemedLayoutV2 } from "components/layout";
476
+ import { ThemedHeaderV2 } from "components/layout/header";
477
+ import { ThemedSiderV2 } from "components/layout/sider";
478
+ import { ThemedTitleV2 } from "components/layout/title";
575
479
 
576
480
  const App = () => {
577
481
  return (
@@ -589,7 +493,7 @@ module.exports = {
589
493
  files: [
590
494
  {
591
495
  src: "./src/components/themedLayoutV2/sider/index.tsx",
592
- dest: "./components/themedLayout/sider.tsx",
496
+ dest: "./components/layout/sider.tsx",
593
497
  transform: (content) => {
594
498
  let newContent = content;
595
499
  const imports = getImports(content);
@@ -645,15 +549,15 @@ module.exports = {
645
549
  },
646
550
  {
647
551
  src: "./src/components/themedLayoutV2/header/index.tsx",
648
- dest: "./components/themedLayout/header.tsx",
552
+ dest: "./components/layout/header.tsx",
649
553
  },
650
554
  {
651
555
  src: "./src/components/themedLayoutV2/title/index.tsx",
652
- dest: "./components/themedLayout/title.tsx",
556
+ dest: "./components/layout/title.tsx",
653
557
  },
654
558
  {
655
559
  src: "./src/components/themedLayoutV2/index.tsx",
656
- dest: "./components/themedLayout/index.tsx",
560
+ dest: "./components/layout/index.tsx",
657
561
  transform: (content) => {
658
562
  let newContent = content;
659
563
  const imports = getImports(content);
@@ -679,102 +583,6 @@ module.exports = {
679
583
  },
680
584
  ],
681
585
  },
682
- {
683
- group: "Other",
684
- label: "Themed Layout (deprecated use ThemedLayoutV2 instead)",
685
- message: `
686
- **\`Warning:\`**
687
- If you want to change the default layout;
688
- You should pass layout related components to the **<ThemedLayout/>** component's props.
689
-
690
- \`\`\`
691
- // title: App.tsx
692
- import { ThemedLayout } from "components/themedLayout";
693
- import { ThemedHeader } from "components/themedLayout/header";
694
- import { ThemedSider } from "components/themedLayout/sider";
695
- import { ThemedTitle } from "components/themedLayout/title";
696
-
697
- const App = () => {
698
- return (
699
- <Refine
700
- /* ... */
701
- >
702
- <ThemedLayout Header={ThemedHeader} Sider={ThemedSider} Title={ThemedTitle} />
703
- /* ... */
704
- </ThemedLayout>
705
- </Refine>
706
- );
707
- }
708
- \`\`\`
709
- `,
710
- files: [
711
- {
712
- src: "./src/components/themedLayout/sider/index.tsx",
713
- dest: "./components/themedLayout/sider.tsx",
714
- transform: (content) => {
715
- let newContent = content;
716
- const imports = getImports(content);
717
-
718
- imports.map((importItem) => {
719
- // handle @components import replacement
720
- if (importItem.importPath === "@components") {
721
- const newStatement = `import ${importItem.namedImports} from "@refinedev/antd";`;
722
-
723
- newContent = newContent.replace(
724
- importItem.statement,
725
- newStatement,
726
- );
727
- }
728
-
729
- // add content of ./styles.ts and remove import
730
- if (importItem.importPath === "./styles") {
731
- newContent = newContent.replace(
732
- importItem.statement,
733
- "",
734
- );
735
-
736
- let appending = "";
737
-
738
- try {
739
- const stylesContent = getFileContent(
740
- join(
741
- dirname(
742
- "./src/components/themedLayout/sider/index.tsx",
743
- ),
744
- "/styles.ts",
745
- ),
746
- "utf-8",
747
- ).replace("export const", "const");
748
-
749
- appending = stylesContent;
750
- } catch (err) {
751
- // console.log(err);
752
- }
753
-
754
- newContent = appendAfterImports(
755
- newContent,
756
- appending,
757
- );
758
- }
759
- });
760
-
761
- return newContent;
762
- },
763
- },
764
- {
765
- src: "./src/components/themedLayout/header/index.tsx",
766
- dest: "./components/themedLayout/header.tsx",
767
- },
768
- {
769
- src: "./src/components/themedLayout/title/index.tsx",
770
- dest: "./components/themedLayout/title.tsx",
771
- },
772
- {
773
- src: "./src/components/themedLayout/index.tsx",
774
- dest: "./components/themedLayout/index.tsx",
775
- },
776
- ],
777
- },
778
586
  ],
779
587
  transform: (content) => {
780
588
  let newContent = content;
package/src/components/themedLayoutV2/sider/index.tsx CHANGED
@@ -1,4 +1,4 @@
1
- import React, { CSSProperties } from "react";
1
+ import React from "react";
2
2
  import { Layout, Menu, Grid, Drawer, Button, theme } from "antd";
3
3
  import {
4
4
  DashboardOutlined,
@@ -109,7 +109,7 @@ export const ThemedSiderV2: React.FC<RefineThemedLayoutV2SiderProps> = ({
109
109
  undefined && children.length === 0
110
110
  );
111
111
 
112
- const linkStyle: CSSProperties =
112
+ const linkStyle: React.CSSProperties =
113
113
  activeItemDisabled && isSelected
114
114
  ? { pointerEvents: "none" }
115
115
  : {};