@impulse-ui-native/modal 9.0.0 → 9.1.2

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 (3) hide show
  1. package/dist/components/modal.js +4 -2
  2. package/dist/components/modal.js.map +1 -1
  3. package/package.json +8 -8
package/dist/components/modal.js CHANGED
@@ -27,6 +27,8 @@ const ModalComponent = memo(function Modal({
27
27
  ...props
28
28
  }) {
29
29
  const colors = useColors();
30
+ const showHeader = header || title || !hideClose;
31
+ const showTitle = !header && title;
30
32
  return /* @__PURE__ */ jsx(
31
33
  ModalProvider,
32
34
  {
@@ -39,9 +41,9 @@ const ModalComponent = memo(function Modal({
39
41
  onClose,
40
42
  onCloseFinished,
41
43
  children: /* @__PURE__ */ jsxs(ModalRoot, { ...props, children: [
42
- header || title || !hideClose ? /* @__PURE__ */ jsxs(ModalHeader, { children: [
44
+ showHeader ? /* @__PURE__ */ jsxs(ModalHeader, { children: [
43
45
  header,
44
- !header && title ? /* @__PURE__ */ jsx(ModalTitle, { children: title }) : null,
46
+ showTitle ? /* @__PURE__ */ jsx(ModalTitle, { children: title }) : null,
45
47
  !hideClose ? /* @__PURE__ */ jsx(ModalClose, { marginLeft: "auto", children: /* @__PURE__ */ jsx(Icon, { icon: XIcon, size: "small", color: colors.text.tertiary }) }) : null
46
48
  ] }) : null,
47
49
  /* @__PURE__ */ jsx(ModalContent, { children }),
package/dist/components/modal.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../src/components/modal.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { Icon } from \"@impulse-ui-native/icon\";\nimport { XIcon } from \"@impulse-ui-native/icon/icons/x\";\nimport { useColors } from \"@impulse-ui-native/theme\";\n\nimport type { ModalProps } from \"../types\";\nimport { ModalClose } from \"./close\";\nimport { ModalContent } from \"./content\";\nimport { ModalFooter } from \"./footer\";\nimport { ModalHeader } from \"./header\";\nimport { ModalProvider } from \"./provider\";\nimport { ModalRoot } from \"./root\";\nimport { ModalTitle } from \"./title\";\n\nexport const ModalComponent = memo(function Modal({\n id,\n open,\n layer,\n onOpen,\n onOpenFinished,\n onStatusChange,\n onClose,\n onCloseFinished,\n header,\n title,\n footer,\n hideClose = false,\n children,\n ...props\n}: ModalProps) {\n const colors = useColors();\n\n return (\n <ModalProvider\n id={id}\n open={open}\n layer={layer}\n onOpen={onOpen}\n onOpenFinished={onOpenFinished}\n onStatusChange={onStatusChange}\n onClose={onClose}\n onCloseFinished={onCloseFinished}\n >\n <ModalRoot {...props}>\n {header || title || !hideClose ? (\n <ModalHeader>\n {header}\n {!header && title ? <ModalTitle>{title}</ModalTitle> : null}\n {!hideClose ? (\n <ModalClose marginLeft=\"auto\">\n <Icon icon={XIcon} size=\"small\" color={colors.text.tertiary} />\n </ModalClose>\n ) : null}\n </ModalHeader>\n ) : null}\n <ModalContent>{children}</ModalContent>\n {footer ? <ModalFooter>{footer}</ModalFooter> : null}\n </ModalRoot>\n </ModalProvider>\n );\n});\n"],"mappings":"AA8CU,SAEsB,KAFtB;AA9CV,SAAS,YAAY;AAErB,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAG1B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAEpB,MAAM,iBAAiB,KAAK,SAAS,MAAM;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAe;AACb,QAAM,SAAS,UAAU;AAEzB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,+BAAC,aAAW,GAAG,OACZ;AAAA,kBAAU,SAAS,CAAC,YACnB,qBAAC,eACE;AAAA;AAAA,UACA,CAAC,UAAU,QAAQ,oBAAC,cAAY,iBAAM,IAAgB;AAAA,UACtD,CAAC,YACA,oBAAC,cAAW,YAAW,QACrB,8BAAC,QAAK,MAAM,OAAO,MAAK,SAAQ,OAAO,OAAO,KAAK,UAAU,GAC/D,IACE;AAAA,WACN,IACE;AAAA,QACJ,oBAAC,gBAAc,UAAS;AAAA,QACvB,SAAS,oBAAC,eAAa,kBAAO,IAAiB;AAAA,SAClD;AAAA;AAAA,EACF;AAEJ,CAAC;","names":[]}
1
+ {"version":3,"sources":["../../src/components/modal.tsx"],"sourcesContent":["import { memo } from \"react\";\n\nimport { Icon } from \"@impulse-ui-native/icon\";\nimport { XIcon } from \"@impulse-ui-native/icon/icons/x\";\nimport { useColors } from \"@impulse-ui-native/theme\";\n\nimport type { ModalProps } from \"../types\";\nimport { ModalClose } from \"./close\";\nimport { ModalContent } from \"./content\";\nimport { ModalFooter } from \"./footer\";\nimport { ModalHeader } from \"./header\";\nimport { ModalProvider } from \"./provider\";\nimport { ModalRoot } from \"./root\";\nimport { ModalTitle } from \"./title\";\n\nexport const ModalComponent = memo(function Modal({\n id,\n open,\n layer,\n onOpen,\n onOpenFinished,\n onStatusChange,\n onClose,\n onCloseFinished,\n header,\n title,\n footer,\n hideClose = false,\n children,\n ...props\n}: ModalProps) {\n const colors = useColors();\n\n const showHeader = header || title || !hideClose;\n const showTitle = !header && title;\n\n return (\n <ModalProvider\n id={id}\n open={open}\n layer={layer}\n onOpen={onOpen}\n onOpenFinished={onOpenFinished}\n onStatusChange={onStatusChange}\n onClose={onClose}\n onCloseFinished={onCloseFinished}\n >\n <ModalRoot {...props}>\n {showHeader ? (\n <ModalHeader>\n {header}\n {showTitle ? <ModalTitle>{title}</ModalTitle> : null}\n {!hideClose ? (\n <ModalClose marginLeft=\"auto\">\n <Icon icon={XIcon} size=\"small\" color={colors.text.tertiary} />\n </ModalClose>\n ) : null}\n </ModalHeader>\n ) : null}\n <ModalContent>{children}</ModalContent>\n {footer ? <ModalFooter>{footer}</ModalFooter> : null}\n </ModalRoot>\n </ModalProvider>\n );\n});\n"],"mappings":"AAiDU,SAEe,KAFf;AAjDV,SAAS,YAAY;AAErB,SAAS,YAAY;AACrB,SAAS,aAAa;AACtB,SAAS,iBAAiB;AAG1B,SAAS,kBAAkB;AAC3B,SAAS,oBAAoB;AAC7B,SAAS,mBAAmB;AAC5B,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAEpB,MAAM,iBAAiB,KAAK,SAAS,MAAM;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA,GAAG;AACL,GAAe;AACb,QAAM,SAAS,UAAU;AAEzB,QAAM,aAAa,UAAU,SAAS,CAAC;AACvC,QAAM,YAAY,CAAC,UAAU;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,+BAAC,aAAW,GAAG,OACZ;AAAA,qBACC,qBAAC,eACE;AAAA;AAAA,UACA,YAAY,oBAAC,cAAY,iBAAM,IAAgB;AAAA,UAC/C,CAAC,YACA,oBAAC,cAAW,YAAW,QACrB,8BAAC,QAAK,MAAM,OAAO,MAAK,SAAQ,OAAO,OAAO,KAAK,UAAU,GAC/D,IACE;AAAA,WACN,IACE;AAAA,QACJ,oBAAC,gBAAc,UAAS;AAAA,QACvB,SAAS,oBAAC,eAAa,kBAAO,IAAiB;AAAA,SAClD;AAAA;AAAA,EACF;AAEJ,CAAC;","names":[]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@impulse-ui-native/modal",
3
- "version": "9.0.0",
3
+ "version": "9.1.2",
4
4
  "description": "Compound modal dialogs with local and OverlayHost lifecycle support.",
5
5
  "keywords": [
6
6
  "react-native",
@@ -12,11 +12,11 @@
12
12
  "source": "src/index.ts",
13
13
  "module": "dist/index.js",
14
14
  "types": "dist/index.d.mts",
15
- "react-native": "src/index.ts",
15
+ "react-native": "dist/index.js",
16
16
  "exports": {
17
17
  ".": {
18
18
  "types": "./dist/index.d.mts",
19
- "react-native": "./src/index.ts",
19
+ "react-native": "./dist/index.js",
20
20
  "import": "./dist/index.js"
21
21
  }
22
22
  },
@@ -27,11 +27,11 @@
27
27
  ],
28
28
  "sideEffects": false,
29
29
  "dependencies": {
30
- "@impulse-ui-native/icon": "9.0.0",
31
- "@impulse-ui-native/theme": "9.0.0",
32
- "@impulse-ui-native/primitives": "9.0.0",
33
- "@impulse-ui-native/core": "9.0.0",
34
- "@impulse-ui-native/overlay": "9.0.0"
30
+ "@impulse-ui-native/primitives": "9.1.2",
31
+ "@impulse-ui-native/theme": "9.1.2",
32
+ "@impulse-ui-native/overlay": "9.1.2",
33
+ "@impulse-ui-native/icon": "9.1.2",
34
+ "@impulse-ui-native/core": "9.1.2"
35
35
  },
36
36
  "devDependencies": {
37
37
  "@types/react": "~19.2.14",