@seed-design/react 2.0.2 → 2.0.3

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 (5) hide show
  1. package/lib/components/Dialog/Dialog.cjs +2 -4
  2. package/lib/components/Dialog/Dialog.d.ts.map +1 -1
  3. package/lib/components/Dialog/Dialog.js +3 -5
  4. package/package.json +6 -6
  5. package/src/components/Dialog/Dialog.tsx +3 -11
package/lib/components/Dialog/Dialog.cjs CHANGED
@@ -1,13 +1,11 @@
1
1
  "use client";
2
2
  require("../../_virtual/_rolldown/runtime.cjs");
3
3
  const require_createSlotRecipeContext = require("../../utils/createSlotRecipeContext.cjs");
4
- const require_createWithStateProps = require("../../utils/createWithStateProps.cjs");
5
4
  let _seed_design_react_dialog = require("@seed-design/react-dialog");
6
5
  let _seed_design_react_primitive = require("@seed-design/react-primitive");
7
6
  let _seed_design_css_recipes_dialog = require("@seed-design/css/recipes/dialog");
8
7
  //#region src/components/Dialog/Dialog.tsx
9
8
  var { withRootProvider, withContext } = require_createSlotRecipeContext.createSlotRecipeContext(_seed_design_css_recipes_dialog.dialog);
10
- var withStateProps = require_createWithStateProps.createWithStateProps([_seed_design_react_dialog.useDialogContext]);
11
9
  var DialogRoot = withRootProvider(_seed_design_react_dialog.Dialog.Root, { defaultProps: {
12
10
  lazyMount: true,
13
11
  unmountOnExit: true
@@ -17,8 +15,8 @@ var DialogPositioner = withContext(_seed_design_react_dialog.Dialog.Positioner,
17
15
  var DialogBackdrop = withContext(_seed_design_react_dialog.Dialog.Backdrop, "backdrop");
18
16
  var DialogContent = withContext(_seed_design_react_dialog.Dialog.Content, "content");
19
17
  var DialogHeader = withContext(_seed_design_react_primitive.Primitive.div, "header");
20
- var DialogTitle = withContext(withStateProps(_seed_design_react_primitive.Primitive.span), "title");
21
- var DialogDescription = withContext(withStateProps(_seed_design_react_primitive.Primitive.div), "description");
18
+ var DialogTitle = withContext(_seed_design_react_dialog.Dialog.Title, "title");
19
+ var DialogDescription = withContext(_seed_design_react_dialog.Dialog.Description, "description");
22
20
  var DialogFooter = withContext(_seed_design_react_primitive.Primitive.div, "footer");
23
21
  var DialogAction = _seed_design_react_dialog.Dialog.CloseButton;
24
22
  //#endregion
package/lib/components/Dialog/Dialog.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAoB,MAAM,2BAA2B,CAAC;AACxF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AASlF,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,eAAe,CAAC,SAAS;IACpF;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACnD;;OAEG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;CAC5D;AAED,eAAO,MAAM,UAAU,4DAKrB,CAAC;AAIH,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,aAAa,4HAA0B,CAAC;AAIrD,MAAM,WAAW,qBAAsB,SAAQ,eAAe,CAAC,eAAe;CAAG;AAEjF,eAAO,MAAM,gBAAgB,kHAG5B,CAAC;AAIF,MAAM,WAAW,mBAAoB,SAAQ,eAAe,CAAC,aAAa;CAAG;AAE7E,eAAO,MAAM,cAAc,gHAG1B,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElG,eAAO,MAAM,YAAY,8GAA0E,CAAC;AAOpG,MAAM,WAAW,gBAAiB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAEvE,eAAO,MAAM,WAAW,iHAGvB,CAAC;AAOF,MAAM,WAAW,sBAAuB,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAEnF,eAAO,MAAM,iBAAiB,yHAG7B,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElG,eAAO,MAAM,YAAY,8GAA0E,CAAC;AAIpG,MAAM,WAAW,iBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;CAAG;AAE9C,eAAO,MAAM,YAAY,gIAA8B,CAAC"}
1
+ {"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../src/components/Dialog/Dialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,IAAI,eAAe,EAAE,MAAM,2BAA2B,CAAC;AACtE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9E,OAAO,EAAU,KAAK,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAOlF,MAAM,WAAW,eAAgB,SAAQ,kBAAkB,EAAE,eAAe,CAAC,SAAS;IACpF;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACnD;;OAEG;IACH,aAAa,CAAC,EAAE,eAAe,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;CAC5D;AAED,eAAO,MAAM,UAAU,4DAKrB,CAAC;AAIH,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,aAAa,4HAA0B,CAAC;AAIrD,MAAM,WAAW,qBAAsB,SAAQ,eAAe,CAAC,eAAe;CAAG;AAEjF,eAAO,MAAM,gBAAgB,kHAG5B,CAAC;AAIF,MAAM,WAAW,mBAAoB,SAAQ,eAAe,CAAC,aAAa;CAAG;AAE7E,eAAO,MAAM,cAAc,gHAG1B,CAAC;AAIF,MAAM,WAAW,kBAAmB,SAAQ,eAAe,CAAC,YAAY;CAAG;AAE3E,eAAO,MAAM,aAAa,+GAGzB,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElG,eAAO,MAAM,YAAY,8GAA0E,CAAC;AAIpG,MAAM,WAAW,gBAAiB,SAAQ,eAAe,CAAC,UAAU;CAAG;AAEvE,eAAO,MAAM,WAAW,iHAGvB,CAAC;AAIF,MAAM,WAAW,sBAAuB,SAAQ,eAAe,CAAC,gBAAgB;CAAG;AAEnF,eAAO,MAAM,iBAAiB,yHAG7B,CAAC;AAIF,MAAM,WAAW,iBAAkB,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;CAAG;AAElG,eAAO,MAAM,YAAY,8GAA0E,CAAC;AAIpG,MAAM,WAAW,iBACf,SAAQ,cAAc,EACpB,KAAK,CAAC,cAAc,CAAC,iBAAiB,CAAC;CAAG;AAE9C,eAAO,MAAM,YAAY,gIAA8B,CAAC"}
package/lib/components/Dialog/Dialog.js CHANGED
@@ -1,12 +1,10 @@
1
1
  "use client";
2
2
  import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext.js";
3
- import { createWithStateProps } from "../../utils/createWithStateProps.js";
4
- import { Dialog, useDialogContext } from "@seed-design/react-dialog";
3
+ import { Dialog } from "@seed-design/react-dialog";
5
4
  import { Primitive } from "@seed-design/react-primitive";
6
5
  import { dialog } from "@seed-design/css/recipes/dialog";
7
6
  //#region src/components/Dialog/Dialog.tsx
8
7
  var { withRootProvider, withContext } = createSlotRecipeContext(dialog);
9
- var withStateProps = createWithStateProps([useDialogContext]);
10
8
  var DialogRoot = withRootProvider(Dialog.Root, { defaultProps: {
11
9
  lazyMount: true,
12
10
  unmountOnExit: true
@@ -16,8 +14,8 @@ var DialogPositioner = withContext(Dialog.Positioner, "positioner");
16
14
  var DialogBackdrop = withContext(Dialog.Backdrop, "backdrop");
17
15
  var DialogContent = withContext(Dialog.Content, "content");
18
16
  var DialogHeader = withContext(Primitive.div, "header");
19
- var DialogTitle = withContext(withStateProps(Primitive.span), "title");
20
- var DialogDescription = withContext(withStateProps(Primitive.div), "description");
17
+ var DialogTitle = withContext(Dialog.Title, "title");
18
+ var DialogDescription = withContext(Dialog.Description, "description");
21
19
  var DialogFooter = withContext(Primitive.div, "footer");
22
20
  var DialogAction = Dialog.CloseButton;
23
21
  //#endregion
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seed-design/react",
3
- "version": "2.0.2",
3
+ "version": "2.0.3",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/daangn/seed-design.git",
@@ -45,23 +45,23 @@
45
45
  "@seed-design/react-avatar": "^2.0.0",
46
46
  "@seed-design/react-checkbox": "^2.0.0",
47
47
  "@seed-design/react-collapsible": "^1.0.0",
48
- "@seed-design/react-dialog": "^2.0.0",
49
- "@seed-design/react-drawer": "^2.0.0",
48
+ "@seed-design/react-dialog": "^2.0.1",
49
+ "@seed-design/react-drawer": "^2.0.1",
50
50
  "@seed-design/react-field": "^2.0.0",
51
51
  "@seed-design/react-field-button": "^2.0.0",
52
52
  "@seed-design/react-fieldset": "^1.0.0",
53
53
  "@seed-design/react-file-upload": "^1.0.0",
54
54
  "@seed-design/react-image": "^1.0.0",
55
- "@seed-design/react-menu": "^1.0.0",
55
+ "@seed-design/react-menu": "^2.0.0",
56
56
  "@seed-design/react-middle-truncate": "^1.0.0",
57
- "@seed-design/react-navigation-menu": "^1.0.0",
57
+ "@seed-design/react-navigation-menu": "^2.0.0",
58
58
  "@seed-design/react-popover": "^2.0.0",
59
59
  "@seed-design/react-portal": "^2.0.0",
60
60
  "@seed-design/react-primitive": "^2.0.0",
61
61
  "@seed-design/react-progress": "^2.0.0",
62
62
  "@seed-design/react-pull-to-refresh": "^2.0.0",
63
63
  "@seed-design/react-radio-group": "^2.0.0",
64
- "@seed-design/react-segmented-control": "^2.0.0",
64
+ "@seed-design/react-segmented-control": "^2.0.1",
65
65
  "@seed-design/react-side-navigation": "^1.0.0",
66
66
  "@seed-design/react-slider": "^2.0.0",
67
67
  "@seed-design/react-snackbar": "^2.0.0",
package/src/components/Dialog/Dialog.tsx CHANGED
@@ -1,11 +1,9 @@
1
- import { Dialog as DialogPrimitive, useDialogContext } from "@seed-design/react-dialog";
1
+ import { Dialog as DialogPrimitive } from "@seed-design/react-dialog";
2
2
  import { Primitive, type PrimitiveProps } from "@seed-design/react-primitive";
3
3
  import { dialog, type DialogVariantProps } from "@seed-design/css/recipes/dialog";
4
4
  import { createSlotRecipeContext } from "../../utils/createSlotRecipeContext";
5
- import { createWithStateProps } from "../../utils/createWithStateProps";
6
5
 
7
6
  const { withRootProvider, withContext } = createSlotRecipeContext(dialog);
8
- const withStateProps = createWithStateProps([useDialogContext]);
9
7
 
10
8
  ////////////////////////////////////////////////////////////////////////////////////
11
9
 
@@ -68,25 +66,19 @@ export const DialogHeader = withContext<HTMLDivElement, DialogHeaderProps>(Primi
68
66
 
69
67
  ////////////////////////////////////////////////////////////////////////////////////
70
68
 
71
- // NOTE: uses DialogPrimitive.TitleProps,
72
- // but actual rendered component is a Primitive.span rather than a DialogPrimitive.Title
73
- // find out why later; misses h2 and some a11y features
74
69
  export interface DialogTitleProps extends DialogPrimitive.TitleProps {}
75
70
 
76
71
  export const DialogTitle = withContext<HTMLHeadingElement, DialogTitleProps>(
77
- withStateProps(Primitive.span),
72
+ DialogPrimitive.Title,
78
73
  "title",
79
74
  );
80
75
 
81
76
  ////////////////////////////////////////////////////////////////////////////////////
82
77
 
83
- // NOTE: uses DialogPrimitive.DescriptionProps,
84
- // but actual rendered component is a Primitive.div rather than a DialogPrimitive.Description
85
- // find out why later; misses p and some a11y features
86
78
  export interface DialogDescriptionProps extends DialogPrimitive.DescriptionProps {}
87
79
 
88
80
  export const DialogDescription = withContext<HTMLParagraphElement, DialogDescriptionProps>(
89
- withStateProps(Primitive.div),
81
+ DialogPrimitive.Description,
90
82
  "description",
91
83
  );
92
84