takeat-design-system-ui-kit 0.6.5 → 0.6.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 (7) hide show
  1. package/dist/cjs/components/CollapsableMenu/CollapsableMenu.stories.d.ts +1 -0
  2. package/dist/cjs/components/CollapsableMenu/CollapsableMenu.stories.js +34 -2
  3. package/dist/cjs/components/CollapsableMenu/CollapsableMenu.stories.js.map +1 -1
  4. package/dist/esm/components/CollapsableMenu/CollapsableMenu.stories.d.ts +1 -0
  5. package/dist/esm/components/CollapsableMenu/CollapsableMenu.stories.js +34 -2
  6. package/dist/esm/components/CollapsableMenu/CollapsableMenu.stories.js.map +1 -1
  7. package/package.json +4 -1
package/dist/cjs/components/CollapsableMenu/CollapsableMenu.stories.d.ts CHANGED
@@ -4,3 +4,4 @@ declare const meta: Meta<typeof CollapsableMenu>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof CollapsableMenu>;
6
6
  export declare const Example: Story;
7
+ export declare const WithTanStackRouter: Story;
package/dist/cjs/components/CollapsableMenu/CollapsableMenu.stories.js CHANGED
@@ -1,10 +1,28 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Example = void 0;
3
+ exports.WithTanStackRouter = exports.Example = void 0;
4
4
  var jsx_runtime_1 = require("react/jsx-runtime");
5
5
  var _1 = require(".");
6
6
  var styles_1 = require("../StoriesComponents/styles");
7
7
  var consts_1 = require("../../utils/consts");
8
+ var react_router_1 = require("@tanstack/react-router");
9
+ var react_router_2 = require("@tanstack/react-router");
10
+ // Variable to hold the current story component
11
+ var CurrentStoryComponent = function () { return null; };
12
+ // Create a simple root route for TanStack Router stories
13
+ var rootRoute = (0, react_router_2.createRootRoute)({
14
+ component: function () { return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(CurrentStoryComponent, {}), (0, jsx_runtime_1.jsx)(react_router_2.Outlet, {})] })); },
15
+ });
16
+ // Create a simple index route
17
+ var indexRoute = (0, react_router_2.createRoute)({
18
+ getParentRoute: function () { return rootRoute; },
19
+ path: "/",
20
+ component: function () { return null; },
21
+ });
22
+ // Create the route tree
23
+ var routeTree = rootRoute.addChildren([indexRoute]);
24
+ // Create router instance for stories using TanStack Router
25
+ var storybookTanStackRouter = (0, react_router_2.createRouter)({ routeTree: routeTree });
8
26
  var meta = {
9
27
  title: "Design System/CollapsableMenu",
10
28
  component: _1.CollapsableMenu,
@@ -29,9 +47,23 @@ var meta = {
29
47
  };
30
48
  exports.default = meta;
31
49
  exports.Example = {
32
- name: "Exemplo",
50
+ name: "Exemplo com React Router DOM",
33
51
  args: {
34
52
  menuObject: consts_1.MENU_OBJECT,
53
+ // Usa o Link padrão do react-router-dom
35
54
  },
36
55
  };
56
+ exports.WithTanStackRouter = {
57
+ name: "Exemplo com TanStack Router",
58
+ args: {
59
+ menuObject: consts_1.MENU_OBJECT,
60
+ subitemComponent: react_router_1.Link,
61
+ },
62
+ decorators: [
63
+ function (Story) {
64
+ CurrentStoryComponent = Story;
65
+ return (0, jsx_runtime_1.jsx)(react_router_2.RouterProvider, { router: storybookTanStackRouter });
66
+ },
67
+ ],
68
+ };
37
69
  //# sourceMappingURL=CollapsableMenu.stories.js.map
package/dist/cjs/components/CollapsableMenu/CollapsableMenu.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CollapsableMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/CollapsableMenu/CollapsableMenu.stories.tsx"],"names":[],"mappings":";;;;AACA,sBAAoC;AACpC,sDAAuD;AACvD,6CAAiD;AAEjD,IAAM,IAAI,GAAiC;IACzC,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,kBAAe;IAC1B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,iBAAQ,kIAGE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,WAAW,EAAE,gBAAgB;YAC7B,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,YAAY;oBACrB,MAAM,EAAE,umBAaT;iBACA;aACF;SACF;KACF;IACD,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,UAAU,EAAE,oBAAW;KACxB;CACF,CAAC"}
1
+ {"version":3,"file":"CollapsableMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/CollapsableMenu/CollapsableMenu.stories.tsx"],"names":[],"mappings":";;;;AACA,sBAAoC;AACpC,sDAAuD;AACvD,6CAAiD;AACjD,uDAA8C;AAC9C,uDAMgC;AAGhC,+CAA+C;AAC/C,IAAI,qBAAqB,GAAwB,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAC;AAE5D,yDAAyD;AACzD,IAAM,SAAS,GAAG,IAAA,8BAAe,EAAC;IAChC,SAAS,EAAE,cAAM,OAAA,CACf,4CACE,uBAAC,qBAAqB,KAAG,EACzB,uBAAC,qBAAM,KAAG,IACN,CACP,EALgB,CAKhB;CACF,CAAC,CAAC;AAEH,8BAA8B;AAC9B,IAAM,UAAU,GAAG,IAAA,0BAAW,EAAC;IAC7B,cAAc,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;IAC/B,IAAI,EAAE,GAAG;IACT,SAAS,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;CACtB,CAAC,CAAC;AAEH,wBAAwB;AACxB,IAAM,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;AAEtD,2DAA2D;AAC3D,IAAM,uBAAuB,GAAG,IAAA,2BAAY,EAAC,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;AAE5D,IAAM,IAAI,GAAiC;IACzC,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,kBAAe;IAC1B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,uBAAC,iBAAQ,kIAGE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,WAAW,EAAE,gBAAgB;YAC7B,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,YAAY;oBACrB,MAAM,EAAE,umBAaT;iBACA;aACF;SACF;KACF;IACD,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,kBAAe,IAAI,CAAC;AAIP,QAAA,OAAO,GAAU;IAC5B,IAAI,EAAE,8BAA8B;IACpC,IAAI,EAAE;QACJ,UAAU,EAAE,oBAAW;QACvB,wCAAwC;KACzC;CACF,CAAC;AAEW,QAAA,kBAAkB,GAAU;IACvC,IAAI,EAAE,6BAA6B;IACnC,IAAI,EAAE;QACJ,UAAU,EAAE,oBAAW;QACvB,gBAAgB,EAAE,mBAAI;KACvB;IACD,UAAU,EAAE;QACV,UAAC,KAAK;YACJ,qBAAqB,GAAG,KAAK,CAAC;YAE9B,OAAO,uBAAC,6BAAc,IAAC,MAAM,EAAE,uBAAuB,GAAI,CAAC;QAC7D,CAAC;KACF;CACF,CAAC"}
package/dist/esm/components/CollapsableMenu/CollapsableMenu.stories.d.ts CHANGED
@@ -4,3 +4,4 @@ declare const meta: Meta<typeof CollapsableMenu>;
4
4
  export default meta;
5
5
  type Story = StoryObj<typeof CollapsableMenu>;
6
6
  export declare const Example: Story;
7
+ export declare const WithTanStackRouter: Story;
package/dist/esm/components/CollapsableMenu/CollapsableMenu.stories.js CHANGED
@@ -1,7 +1,25 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
2
  import { CollapsableMenu } from ".";
3
3
  import { Subtitle } from "../StoriesComponents/styles";
4
4
  import { MENU_OBJECT } from "../../utils/consts";
5
+ import { Link } from "@tanstack/react-router";
6
+ import { RouterProvider, createRouter, createRootRoute, createRoute, Outlet, } from "@tanstack/react-router";
7
+ // Variable to hold the current story component
8
+ var CurrentStoryComponent = function () { return null; };
9
+ // Create a simple root route for TanStack Router stories
10
+ var rootRoute = createRootRoute({
11
+ component: function () { return (_jsxs("div", { children: [_jsx(CurrentStoryComponent, {}), _jsx(Outlet, {})] })); },
12
+ });
13
+ // Create a simple index route
14
+ var indexRoute = createRoute({
15
+ getParentRoute: function () { return rootRoute; },
16
+ path: "/",
17
+ component: function () { return null; },
18
+ });
19
+ // Create the route tree
20
+ var routeTree = rootRoute.addChildren([indexRoute]);
21
+ // Create router instance for stories using TanStack Router
22
+ var storybookTanStackRouter = createRouter({ routeTree: routeTree });
5
23
  var meta = {
6
24
  title: "Design System/CollapsableMenu",
7
25
  component: CollapsableMenu,
@@ -26,9 +44,23 @@ var meta = {
26
44
  };
27
45
  export default meta;
28
46
  export var Example = {
29
- name: "Exemplo",
47
+ name: "Exemplo com React Router DOM",
30
48
  args: {
31
49
  menuObject: MENU_OBJECT,
50
+ // Usa o Link padrão do react-router-dom
32
51
  },
33
52
  };
53
+ export var WithTanStackRouter = {
54
+ name: "Exemplo com TanStack Router",
55
+ args: {
56
+ menuObject: MENU_OBJECT,
57
+ subitemComponent: Link,
58
+ },
59
+ decorators: [
60
+ function (Story) {
61
+ CurrentStoryComponent = Story;
62
+ return _jsx(RouterProvider, { router: storybookTanStackRouter });
63
+ },
64
+ ],
65
+ };
34
66
  //# sourceMappingURL=CollapsableMenu.stories.js.map
package/dist/esm/components/CollapsableMenu/CollapsableMenu.stories.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CollapsableMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/CollapsableMenu/CollapsableMenu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,IAAM,IAAI,GAAiC;IACzC,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,KAAC,QAAQ,kIAGE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,WAAW,EAAE,gBAAgB;YAC7B,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,YAAY;oBACrB,MAAM,EAAE,umBAaT;iBACA;aACF;SACF;KACF;IACD,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,SAAS;IACf,IAAI,EAAE;QACJ,UAAU,EAAE,WAAW;KACxB;CACF,CAAC"}
1
+ {"version":3,"file":"CollapsableMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/CollapsableMenu/CollapsableMenu.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC9C,OAAO,EACL,cAAc,EACd,YAAY,EACZ,eAAe,EACf,WAAW,EACX,MAAM,GACP,MAAM,wBAAwB,CAAC;AAGhC,+CAA+C;AAC/C,IAAI,qBAAqB,GAAwB,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAC;AAE5D,yDAAyD;AACzD,IAAM,SAAS,GAAG,eAAe,CAAC;IAChC,SAAS,EAAE,cAAM,OAAA,CACf,0BACE,KAAC,qBAAqB,KAAG,EACzB,KAAC,MAAM,KAAG,IACN,CACP,EALgB,CAKhB;CACF,CAAC,CAAC;AAEH,8BAA8B;AAC9B,IAAM,UAAU,GAAG,WAAW,CAAC;IAC7B,cAAc,EAAE,cAAM,OAAA,SAAS,EAAT,CAAS;IAC/B,IAAI,EAAE,GAAG;IACT,SAAS,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI;CACtB,CAAC,CAAC;AAEH,wBAAwB;AACxB,IAAM,SAAS,GAAG,SAAS,CAAC,WAAW,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC;AAEtD,2DAA2D;AAC3D,IAAM,uBAAuB,GAAG,YAAY,CAAC,EAAE,SAAS,WAAA,EAAE,CAAC,CAAC;AAE5D,IAAM,IAAI,GAAiC;IACzC,KAAK,EAAE,+BAA+B;IACtC,SAAS,EAAE,eAAe;IAC1B,UAAU,EAAE;QACV,iBAAiB,EAAE,CACjB,KAAC,QAAQ,kIAGE,CACZ;KACF;IACD,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,WAAW,EAAE,gBAAgB;YAC7B,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI;aACd;YACD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,YAAY;oBACrB,MAAM,EAAE,umBAaT;iBACA;aACF;SACF;KACF;IACD,IAAI,EAAE,EAAE;CACT,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,OAAO,GAAU;IAC5B,IAAI,EAAE,8BAA8B;IACpC,IAAI,EAAE;QACJ,UAAU,EAAE,WAAW;QACvB,wCAAwC;KACzC;CACF,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAU;IACvC,IAAI,EAAE,6BAA6B;IACnC,IAAI,EAAE;QACJ,UAAU,EAAE,WAAW;QACvB,gBAAgB,EAAE,IAAI;KACvB;IACD,UAAU,EAAE;QACV,UAAC,KAAK;YACJ,qBAAqB,GAAG,KAAK,CAAC;YAE9B,OAAO,KAAC,cAAc,IAAC,MAAM,EAAE,uBAAuB,GAAI,CAAC;QAC7D,CAAC;KACF;CACF,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "takeat-design-system-ui-kit",
3
- "version": "0.6.5",
3
+ "version": "0.6.6",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "dev": "vite",
@@ -18,6 +18,8 @@
18
18
  "create-icons": "npx @svgr/cli --icon --typescript --out-dir src/components/icons --template iconTemplate.ts src/assets/icons && node generateIconIndex.js"
19
19
  },
20
20
  "dependencies": {
21
+ "@tanstack/react-router": "^1.123.2",
22
+ "@tanstack/react-router-devtools": "^1.123.2",
21
23
  "primereact": "^10.9.3",
22
24
  "react-number-format": "^5.4.2",
23
25
  "react-select": "^5.8.1",
@@ -53,6 +55,7 @@
53
55
  "@svgr/cli": "^8.1.0",
54
56
  "@svgr/core": "^8.1.0",
55
57
  "@svgr/rollup": "^8.1.0",
58
+ "@tanstack/router-plugin": "^1.123.2",
56
59
  "@types/jest": "^29.5.14",
57
60
  "@types/react": "^18.3.3",
58
61
  "@types/react-dom": "^18.3.0",