inconel 0.1.22 → 0.1.23

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.
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),m=require("../shared/classNames.cjs"),se=require("./constants.cjs");;/* empty css */const ae=require("../../adapters/context.cjs"),le=require("../Svg/Svg.cjs"),C=require("../Button/Button.cjs");function ne({id:L,open:M,show:z,title:$,modalTitle:k,modalType:a="info",children:f,footer:v,customButtons:t,closeLabel:D=se.DEFAULT_MODAL_CLOSE_LABEL,closeButton:E=!0,closeOnBackdrop:F=!0,backdrop:_=!0,keyboard:O=!0,centered:S=!0,scrollable:w=!0,size:I="md",maximize:R=!1,maximizeIcon:U,fullSize:h=!1,hideFooter:A=!1,okText:i,okAction:o,okButtonType:H="button",cancelText:r,cancelAction:c,cancelButtonType:P="button",onClose:G,onHide:J,onShow:j,onEnter:b,onEntering:x,onEntered:N,onExit:p,onExiting:y,onExited:g,onEscapeKeyDown:K,dialogClassName:Q,backdropClassName:V,bodyClassName:W,className:X}){const q=ae.useInconelAdapters(),[Y,Z]=n.useState(!1),l=M??z??!1,d=()=>{G?.(),J?.()};if(n.useEffect(()=>{l?(b?.(),x?.(),j?.(),N?.()):(p?.(),y?.(),g?.())},[l,b,N,x,p,g,y,j]),n.useEffect(()=>{if(!l||!O)return;const s=ee=>{ee.key==="Escape"&&(K?.(),d())};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)}),!l)return null;const u=$??k??q.translate?.(`modalTitle${a[0].toUpperCase()}${a.slice(1)}`,a==="success"?"Başarılı":a==="error"||a==="danger"?"Hata":"Bilgi"),B=U??q.assets?.maximize,T=!A&&(v!==void 0||t!==void 0||!!(r&&c)||!!(i&&o));return e.jsx("div",{className:m.classNames("inconel-modal-backdrop",V),role:"presentation",onMouseDown:s=>{_!=="static"&&_!==!1&&F&&s.target===s.currentTarget&&d()},children:e.jsxs("section",{id:L??void 0,className:m.classNames("inconel-modal",`inconel-modal--${I}`,`inconel-modal--${a}`,S&&"inconel-modal--centered",w&&"inconel-modal--scrollable",(Y||h)&&"inconel-is-maximized",h&&"inconel-is-full-size",Q,X),role:"dialog","aria-modal":"true","aria-label":typeof u=="string"?u:void 0,children:[e.jsxs("header",{className:"inconel-modal__header",children:[e.jsx("div",{className:"inconel-modal__title",children:u}),e.jsxs("div",{className:"inconel-modal__header-actions",children:[R&&e.jsx("button",{type:"button",className:"inconel-modal__maximize",onClick:()=>Z(s=>!s),"aria-label":"Büyüt",children:B?e.jsx(le.default,{src:B}):"□"}),E&&e.jsx("button",{type:"button",className:"inconel-modal__close","aria-label":D,onClick:d,children:"×"})]})]}),f&&e.jsx("div",{className:m.classNames("inconel-modal__content",W),children:f}),T&&e.jsx("footer",{className:"inconel-modal__footer",children:v??(t!==void 0?n.Children.toArray(t):e.jsxs(e.Fragment,{children:[r&&c&&e.jsx(C.Button,{type:P,variant:"secondary",onClick:c,children:r}),i&&o&&e.jsx(C.Button,{type:H,buttonType:"success",onClick:o,children:i})]}))})]})})}exports.Modal=ne;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),m=require("../shared/classNames.cjs"),ae=require("./constants.cjs");;/* empty css */const le=require("../../adapters/context.cjs"),ne=require("../Svg/Svg.cjs"),C=require("../Button/Button.cjs");function te({id:L,open:M,show:z,title:$,modalTitle:k,modalType:a="info",children:f,footer:v,customButtons:t,closeLabel:D=ae.DEFAULT_MODAL_CLOSE_LABEL,closeButton:E=!0,closeOnBackdrop:F=!0,backdrop:_=!0,keyboard:O=!0,centered:S=!0,scrollable:w=!0,size:I="md",maximize:R=!1,maximizeIcon:U,fullSize:h=!1,hideHeader:A=!1,hideFooter:H=!1,okText:i,okAction:o,okButtonType:P="button",cancelText:r,cancelAction:c,cancelButtonType:G="button",onClose:J,onHide:K,onShow:j,onEnter:b,onEntering:x,onEntered:N,onExit:p,onExiting:y,onExited:g,onEscapeKeyDown:Q,dialogClassName:V,backdropClassName:W,bodyClassName:X,className:Y}){const q=le.useInconelAdapters(),[Z,T]=n.useState(!1),l=M??z??!1,d=()=>{J?.(),K?.()};if(n.useEffect(()=>{l?(b?.(),x?.(),j?.(),N?.()):(p?.(),y?.(),g?.())},[l,b,N,x,p,g,y,j]),n.useEffect(()=>{if(!l||!O)return;const s=se=>{se.key==="Escape"&&(Q?.(),d())};return document.addEventListener("keydown",s),()=>document.removeEventListener("keydown",s)}),!l)return null;const u=$??k??q.translate?.(`modalTitle${a[0].toUpperCase()}${a.slice(1)}`,a==="success"?"Başarılı":a==="error"||a==="danger"?"Hata":"Bilgi"),B=U??q.assets?.maximize,ee=!H&&(v!==void 0||t!==void 0||!!(r&&c)||!!(i&&o));return e.jsx("div",{className:m.classNames("inconel-modal-backdrop",W),role:"presentation",onMouseDown:s=>{_!=="static"&&_!==!1&&F&&s.target===s.currentTarget&&d()},children:e.jsxs("section",{id:L??void 0,className:m.classNames("inconel-modal",`inconel-modal--${I}`,`inconel-modal--${a}`,S&&"inconel-modal--centered",w&&"inconel-modal--scrollable",(Z||h)&&"inconel-is-maximized",h&&"inconel-is-full-size",V,Y),role:"dialog","aria-modal":"true","aria-label":typeof u=="string"?u:void 0,children:[!A&&e.jsxs("header",{className:"inconel-modal__header",children:[e.jsx("div",{className:"inconel-modal__title",children:u}),e.jsxs("div",{className:"inconel-modal__header-actions",children:[R&&e.jsx("button",{type:"button",className:"inconel-modal__maximize",onClick:()=>T(s=>!s),"aria-label":"Büyüt",children:B?e.jsx(ne.default,{src:B}):"□"}),E&&e.jsx("button",{type:"button",className:"inconel-modal__close","aria-label":D,onClick:d,children:"×"})]})]}),f&&e.jsx("div",{className:m.classNames("inconel-modal__content",X),children:f}),ee&&e.jsx("footer",{className:"inconel-modal__footer",children:v??(t!==void 0?n.Children.toArray(t):e.jsxs(e.Fragment,{children:[r&&c&&e.jsx(C.Button,{type:G,variant:"secondary",onClick:c,children:r}),i&&o&&e.jsx(C.Button,{type:P,buttonType:"success",onClick:o,children:i})]}))})]})})}exports.Modal=te;
2
2
  //# sourceMappingURL=Modal.cjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.cjs","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import {\n Children,\n useEffect,\n useState,\n type ButtonHTMLAttributes,\n type ReactNode,\n} from 'react'\n\nimport { useInconelAdapters } from '../../adapters'\nimport { Button } from '../Button'\nimport { classNames } from '../shared/classNames'\nimport { Svg } from '../Svg'\nimport { DEFAULT_MODAL_CLOSE_LABEL } from './constants'\nimport './styles.css'\n\nexport interface ModalProps {\n id?: string | null\n open?: boolean\n show?: boolean\n title?: ReactNode\n modalTitle?: ReactNode\n modalType?: 'info' | 'success' | 'error' | 'danger' | 'warning'\n children?: ReactNode\n footer?: ReactNode\n customButtons?: ReactNode\n closeLabel?: string\n closeButton?: boolean\n closeOnBackdrop?: boolean\n backdrop?: 'static' | boolean\n keyboard?: boolean\n centered?: boolean\n scrollable?: boolean\n size?: string\n maximize?: boolean\n maximizeIcon?: string\n fullSize?: boolean\n hideFooter?: boolean\n okText?: ReactNode\n okAction?: () => void\n okButtonType?: ButtonHTMLAttributes<HTMLButtonElement>['type']\n okButtonVariant?: string\n cancelText?: ReactNode\n cancelAction?: () => void\n cancelButtonType?: ButtonHTMLAttributes<HTMLButtonElement>['type']\n onClose?: () => void\n onHide?: () => void\n onShow?: () => void\n onEnter?: () => void\n onEntering?: () => void\n onEntered?: () => void\n onExit?: () => void\n onExiting?: () => void\n onExited?: () => void\n onEscapeKeyDown?: () => void\n dialogClassName?: string\n backdropClassName?: string\n bodyClassName?: string\n className?: string | null\n enforceFocus?: boolean\n}\n\nexport function Modal({\n id,\n open,\n show,\n title,\n modalTitle,\n modalType = 'info',\n children,\n footer,\n customButtons,\n closeLabel = DEFAULT_MODAL_CLOSE_LABEL,\n closeButton = true,\n closeOnBackdrop = true,\n backdrop = true,\n keyboard = true,\n centered = true,\n scrollable = true,\n size = 'md',\n maximize = false,\n maximizeIcon,\n fullSize = false,\n hideFooter = false,\n okText,\n okAction,\n okButtonType = 'button',\n cancelText,\n cancelAction,\n cancelButtonType = 'button',\n onClose,\n onHide,\n onShow,\n onEnter,\n onEntering,\n onEntered,\n onExit,\n onExiting,\n onExited,\n onEscapeKeyDown,\n dialogClassName,\n backdropClassName,\n bodyClassName,\n className,\n}: ModalProps) {\n const adapters = useInconelAdapters()\n const [maximized, setMaximized] = useState(false)\n const visible = open ?? show ?? false\n const close = () => {\n onClose?.()\n onHide?.()\n }\n\n useEffect(() => {\n if (visible) {\n onEnter?.()\n onEntering?.()\n onShow?.()\n onEntered?.()\n } else {\n onExit?.()\n onExiting?.()\n onExited?.()\n }\n }, [visible, onEnter, onEntered, onEntering, onExit, onExited, onExiting, onShow])\n\n useEffect(() => {\n if (!visible || !keyboard) return\n const handleEscape = (event: KeyboardEvent) => {\n if (event.key !== 'Escape') return\n onEscapeKeyDown?.()\n close()\n }\n document.addEventListener('keydown', handleEscape)\n return () => document.removeEventListener('keydown', handleEscape)\n })\n\n if (!visible) return null\n\n const resolvedTitle =\n title ??\n modalTitle ??\n adapters.translate?.(\n `modalTitle${modalType[0].toUpperCase()}${modalType.slice(1)}`,\n modalType === 'success'\n ? 'Başarılı'\n : modalType === 'error' || modalType === 'danger'\n ? 'Hata'\n : 'Bilgi',\n )\n const resolvedMaximizeIcon = maximizeIcon ?? adapters.assets?.maximize\n const hasFooter =\n !hideFooter &&\n (footer !== undefined ||\n customButtons !== undefined ||\n Boolean(cancelText && cancelAction) ||\n Boolean(okText && okAction))\n\n return (\n <div\n className={classNames('inconel-modal-backdrop', backdropClassName)}\n role=\"presentation\"\n onMouseDown={(event) => {\n if (\n backdrop !== 'static' &&\n backdrop !== false &&\n closeOnBackdrop &&\n event.target === event.currentTarget\n ) {\n close()\n }\n }}\n >\n <section\n id={id ?? undefined}\n className={classNames(\n 'inconel-modal',\n `inconel-modal--${size}`,\n `inconel-modal--${modalType}`,\n centered && 'inconel-modal--centered',\n scrollable && 'inconel-modal--scrollable',\n (maximized || fullSize) && 'inconel-is-maximized',\n fullSize && 'inconel-is-full-size',\n dialogClassName,\n className,\n )}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label={typeof resolvedTitle === 'string' ? resolvedTitle : undefined}\n >\n <header className=\"inconel-modal__header\">\n <div className=\"inconel-modal__title\">{resolvedTitle}</div>\n <div className=\"inconel-modal__header-actions\">\n {maximize && (\n <button\n type=\"button\"\n className=\"inconel-modal__maximize\"\n onClick={() => setMaximized((current) => !current)}\n aria-label=\"Büyüt\"\n >\n {resolvedMaximizeIcon ? (\n <Svg src={resolvedMaximizeIcon} />\n ) : (\n '□'\n )}\n </button>\n )}\n {closeButton && (\n <button\n type=\"button\"\n className=\"inconel-modal__close\"\n aria-label={closeLabel}\n onClick={close}\n >\n ×\n </button>\n )}\n </div>\n </header>\n {children && (\n <div className={classNames('inconel-modal__content', bodyClassName)}>\n {children}\n </div>\n )}\n {hasFooter && (\n <footer className=\"inconel-modal__footer\">\n {footer ??\n (customButtons !== undefined ? (\n Children.toArray(customButtons)\n ) : (\n <>\n {cancelText && cancelAction && (\n <Button\n type={cancelButtonType}\n variant=\"secondary\"\n onClick={cancelAction}\n >\n {cancelText}\n </Button>\n )}\n {okText && okAction && (\n <Button\n type={okButtonType}\n buttonType=\"success\"\n onClick={okAction}\n >\n {okText}\n </Button>\n )}\n </>\n ))}\n </footer>\n )}\n </section>\n </div>\n )\n}\n"],"names":["Modal","id","open","show","title","modalTitle","modalType","children","footer","customButtons","closeLabel","DEFAULT_MODAL_CLOSE_LABEL","closeButton","closeOnBackdrop","backdrop","keyboard","centered","scrollable","size","maximize","maximizeIcon","fullSize","hideFooter","okText","okAction","okButtonType","cancelText","cancelAction","cancelButtonType","onClose","onHide","onShow","onEnter","onEntering","onEntered","onExit","onExiting","onExited","onEscapeKeyDown","dialogClassName","backdropClassName","bodyClassName","className","adapters","useInconelAdapters","maximized","setMaximized","useState","visible","close","useEffect","handleEscape","event","resolvedTitle","resolvedMaximizeIcon","hasFooter","jsx","classNames","jsxs","current","Svg","Children","Fragment","Button"],"mappings":"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"}
1
+ {"version":3,"file":"Modal.cjs","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import {\n Children,\n useEffect,\n useState,\n type ButtonHTMLAttributes,\n type ReactNode,\n} from 'react'\n\nimport { useInconelAdapters } from '../../adapters'\nimport { Button } from '../Button'\nimport { classNames } from '../shared/classNames'\nimport { Svg } from '../Svg'\nimport { DEFAULT_MODAL_CLOSE_LABEL } from './constants'\nimport './styles.css'\n\nexport interface ModalProps {\n id?: string | null\n open?: boolean\n show?: boolean\n title?: ReactNode\n modalTitle?: ReactNode\n modalType?: 'info' | 'success' | 'error' | 'danger' | 'warning'\n children?: ReactNode\n footer?: ReactNode\n customButtons?: ReactNode\n closeLabel?: string\n closeButton?: boolean\n closeOnBackdrop?: boolean\n backdrop?: 'static' | boolean\n keyboard?: boolean\n centered?: boolean\n scrollable?: boolean\n size?: string\n maximize?: boolean\n maximizeIcon?: string\n fullSize?: boolean\n hideHeader?: boolean\n hideFooter?: boolean\n okText?: ReactNode\n okAction?: () => void\n okButtonType?: ButtonHTMLAttributes<HTMLButtonElement>['type']\n okButtonVariant?: string\n cancelText?: ReactNode\n cancelAction?: () => void\n cancelButtonType?: ButtonHTMLAttributes<HTMLButtonElement>['type']\n onClose?: () => void\n onHide?: () => void\n onShow?: () => void\n onEnter?: () => void\n onEntering?: () => void\n onEntered?: () => void\n onExit?: () => void\n onExiting?: () => void\n onExited?: () => void\n onEscapeKeyDown?: () => void\n dialogClassName?: string\n backdropClassName?: string\n bodyClassName?: string\n className?: string | null\n enforceFocus?: boolean\n}\n\nexport function Modal({\n id,\n open,\n show,\n title,\n modalTitle,\n modalType = 'info',\n children,\n footer,\n customButtons,\n closeLabel = DEFAULT_MODAL_CLOSE_LABEL,\n closeButton = true,\n closeOnBackdrop = true,\n backdrop = true,\n keyboard = true,\n centered = true,\n scrollable = true,\n size = 'md',\n maximize = false,\n maximizeIcon,\n fullSize = false,\n hideHeader = false,\n hideFooter = false,\n okText,\n okAction,\n okButtonType = 'button',\n cancelText,\n cancelAction,\n cancelButtonType = 'button',\n onClose,\n onHide,\n onShow,\n onEnter,\n onEntering,\n onEntered,\n onExit,\n onExiting,\n onExited,\n onEscapeKeyDown,\n dialogClassName,\n backdropClassName,\n bodyClassName,\n className,\n}: ModalProps) {\n const adapters = useInconelAdapters()\n const [maximized, setMaximized] = useState(false)\n const visible = open ?? show ?? false\n const close = () => {\n onClose?.()\n onHide?.()\n }\n\n useEffect(() => {\n if (visible) {\n onEnter?.()\n onEntering?.()\n onShow?.()\n onEntered?.()\n } else {\n onExit?.()\n onExiting?.()\n onExited?.()\n }\n }, [visible, onEnter, onEntered, onEntering, onExit, onExited, onExiting, onShow])\n\n useEffect(() => {\n if (!visible || !keyboard) return\n const handleEscape = (event: KeyboardEvent) => {\n if (event.key !== 'Escape') return\n onEscapeKeyDown?.()\n close()\n }\n document.addEventListener('keydown', handleEscape)\n return () => document.removeEventListener('keydown', handleEscape)\n })\n\n if (!visible) return null\n\n const resolvedTitle =\n title ??\n modalTitle ??\n adapters.translate?.(\n `modalTitle${modalType[0].toUpperCase()}${modalType.slice(1)}`,\n modalType === 'success'\n ? 'Başarılı'\n : modalType === 'error' || modalType === 'danger'\n ? 'Hata'\n : 'Bilgi',\n )\n const resolvedMaximizeIcon = maximizeIcon ?? adapters.assets?.maximize\n const hasFooter =\n !hideFooter &&\n (footer !== undefined ||\n customButtons !== undefined ||\n Boolean(cancelText && cancelAction) ||\n Boolean(okText && okAction))\n\n return (\n <div\n className={classNames('inconel-modal-backdrop', backdropClassName)}\n role=\"presentation\"\n onMouseDown={(event) => {\n if (\n backdrop !== 'static' &&\n backdrop !== false &&\n closeOnBackdrop &&\n event.target === event.currentTarget\n ) {\n close()\n }\n }}\n >\n <section\n id={id ?? undefined}\n className={classNames(\n 'inconel-modal',\n `inconel-modal--${size}`,\n `inconel-modal--${modalType}`,\n centered && 'inconel-modal--centered',\n scrollable && 'inconel-modal--scrollable',\n (maximized || fullSize) && 'inconel-is-maximized',\n fullSize && 'inconel-is-full-size',\n dialogClassName,\n className,\n )}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label={typeof resolvedTitle === 'string' ? resolvedTitle : undefined}\n >\n {!hideHeader && (\n <header className=\"inconel-modal__header\">\n <div className=\"inconel-modal__title\">{resolvedTitle}</div>\n <div className=\"inconel-modal__header-actions\">\n {maximize && (\n <button\n type=\"button\"\n className=\"inconel-modal__maximize\"\n onClick={() => setMaximized((current) => !current)}\n aria-label=\"Büyüt\"\n >\n {resolvedMaximizeIcon ? (\n <Svg src={resolvedMaximizeIcon} />\n ) : (\n '□'\n )}\n </button>\n )}\n {closeButton && (\n <button\n type=\"button\"\n className=\"inconel-modal__close\"\n aria-label={closeLabel}\n onClick={close}\n >\n ×\n </button>\n )}\n </div>\n </header>\n )}\n {children && (\n <div className={classNames('inconel-modal__content', bodyClassName)}>\n {children}\n </div>\n )}\n {hasFooter && (\n <footer className=\"inconel-modal__footer\">\n {footer ??\n (customButtons !== undefined ? (\n Children.toArray(customButtons)\n ) : (\n <>\n {cancelText && cancelAction && (\n <Button\n type={cancelButtonType}\n variant=\"secondary\"\n onClick={cancelAction}\n >\n {cancelText}\n </Button>\n )}\n {okText && okAction && (\n <Button\n type={okButtonType}\n buttonType=\"success\"\n onClick={okAction}\n >\n {okText}\n </Button>\n )}\n </>\n ))}\n </footer>\n )}\n </section>\n </div>\n )\n}\n"],"names":["Modal","id","open","show","title","modalTitle","modalType","children","footer","customButtons","closeLabel","DEFAULT_MODAL_CLOSE_LABEL","closeButton","closeOnBackdrop","backdrop","keyboard","centered","scrollable","size","maximize","maximizeIcon","fullSize","hideHeader","hideFooter","okText","okAction","okButtonType","cancelText","cancelAction","cancelButtonType","onClose","onHide","onShow","onEnter","onEntering","onEntered","onExit","onExiting","onExited","onEscapeKeyDown","dialogClassName","backdropClassName","bodyClassName","className","adapters","useInconelAdapters","maximized","setMaximized","useState","visible","close","useEffect","handleEscape","event","resolvedTitle","resolvedMaximizeIcon","hasFooter","jsx","classNames","jsxs","current","Svg","Children","Fragment","Button"],"mappings":"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"}
@@ -20,6 +20,7 @@ export interface ModalProps {
20
20
  maximize?: boolean;
21
21
  maximizeIcon?: string;
22
22
  fullSize?: boolean;
23
+ hideHeader?: boolean;
23
24
  hideFooter?: boolean;
24
25
  okText?: ReactNode;
25
26
  okAction?: () => void;
@@ -44,5 +45,5 @@ export interface ModalProps {
44
45
  className?: string | null;
45
46
  enforceFocus?: boolean;
46
47
  }
47
- export declare function Modal({ id, open, show, title, modalTitle, modalType, children, footer, customButtons, closeLabel, closeButton, closeOnBackdrop, backdrop, keyboard, centered, scrollable, size, maximize, maximizeIcon, fullSize, hideFooter, okText, okAction, okButtonType, cancelText, cancelAction, cancelButtonType, onClose, onHide, onShow, onEnter, onEntering, onEntered, onExit, onExiting, onExited, onEscapeKeyDown, dialogClassName, backdropClassName, bodyClassName, className, }: ModalProps): import("react").JSX.Element | null;
48
+ export declare function Modal({ id, open, show, title, modalTitle, modalType, children, footer, customButtons, closeLabel, closeButton, closeOnBackdrop, backdrop, keyboard, centered, scrollable, size, maximize, maximizeIcon, fullSize, hideHeader, hideFooter, okText, okAction, okButtonType, cancelText, cancelAction, cancelButtonType, onClose, onHide, onShow, onEnter, onEntering, onEntered, onExit, onExiting, onExited, onEscapeKeyDown, dialogClassName, backdropClassName, bodyClassName, className, }: ModalProps): import("react").JSX.Element | null;
48
49
  //# sourceMappingURL=Modal.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"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"}
@@ -1,12 +1,12 @@
1
- import { jsx as e, jsxs as i, Fragment as le } from "react/jsx-runtime";
2
- import { useState as oe, useEffect as M, Children as ie } from "react";
1
+ import { jsx as e, jsxs as i, Fragment as oe } from "react/jsx-runtime";
2
+ import { useState as ie, useEffect as M, Children as re } from "react";
3
3
  import { classNames as u } from "../shared/classNames.js";
4
- import { DEFAULT_MODAL_CLOSE_LABEL as re } from "./constants.js";
4
+ import { DEFAULT_MODAL_CLOSE_LABEL as ne } from "./constants.js";
5
5
  /* empty css */
6
- import { useInconelAdapters as ne } from "../../adapters/context.js";
7
- import se from "../Svg/Svg.js";
6
+ import { useInconelAdapters as se } from "../../adapters/context.js";
7
+ import te from "../Svg/Svg.js";
8
8
  import { Button as $ } from "../Button/Button.js";
9
- function ve({
9
+ function he({
10
10
  id: k,
11
11
  open: D,
12
12
  show: F,
@@ -16,7 +16,7 @@ function ve({
16
16
  children: f,
17
17
  footer: p,
18
18
  customButtons: r,
19
- closeLabel: x = re,
19
+ closeLabel: x = ne,
20
20
  closeButton: E = !0,
21
21
  closeOnBackdrop: I = !0,
22
22
  backdrop: _ = !0,
@@ -27,15 +27,16 @@ function ve({
27
27
  maximize: S = !1,
28
28
  maximizeIcon: q,
29
29
  fullSize: v = !1,
30
- hideFooter: G = !1,
30
+ hideHeader: G = !1,
31
+ hideFooter: J = !1,
31
32
  okText: n,
32
33
  okAction: s,
33
- okButtonType: J = "button",
34
+ okButtonType: K = "button",
34
35
  cancelText: t,
35
36
  cancelAction: c,
36
- cancelButtonType: K = "button",
37
- onClose: P,
38
- onHide: Q,
37
+ cancelButtonType: P = "button",
38
+ onClose: Q,
39
+ onHide: R,
39
40
  onShow: h,
40
41
  onEnter: b,
41
42
  onEntering: N,
@@ -43,32 +44,32 @@ function ve({
43
44
  onExit: C,
44
45
  onExiting: L,
45
46
  onExited: g,
46
- onEscapeKeyDown: R,
47
- dialogClassName: V,
48
- backdropClassName: W,
49
- bodyClassName: X,
50
- className: Y
47
+ onEscapeKeyDown: V,
48
+ dialogClassName: W,
49
+ backdropClassName: X,
50
+ bodyClassName: Y,
51
+ className: Z
51
52
  }) {
52
- const z = ne(), [Z, T] = oe(!1), o = D ?? F ?? !1, d = () => {
53
- P?.(), Q?.();
53
+ const z = se(), [T, ee] = ie(!1), o = D ?? F ?? !1, d = () => {
54
+ Q?.(), R?.();
54
55
  };
55
56
  if (M(() => {
56
57
  o ? (b?.(), N?.(), h?.(), y?.()) : (C?.(), L?.(), g?.());
57
58
  }, [o, b, y, N, C, g, L, h]), M(() => {
58
59
  if (!o || !O) return;
59
- const a = (ae) => {
60
- ae.key === "Escape" && (R?.(), d());
60
+ const a = (le) => {
61
+ le.key === "Escape" && (V?.(), d());
61
62
  };
62
63
  return document.addEventListener("keydown", a), () => document.removeEventListener("keydown", a);
63
64
  }), !o) return null;
64
65
  const m = j ?? w ?? z.translate?.(
65
66
  `modalTitle${l[0].toUpperCase()}${l.slice(1)}`,
66
67
  l === "success" ? "Başarılı" : l === "error" || l === "danger" ? "Hata" : "Bilgi"
67
- ), B = q ?? z.assets?.maximize, ee = !G && (p !== void 0 || r !== void 0 || !!(t && c) || !!(n && s));
68
+ ), B = q ?? z.assets?.maximize, ae = !J && (p !== void 0 || r !== void 0 || !!(t && c) || !!(n && s));
68
69
  return /* @__PURE__ */ e(
69
70
  "div",
70
71
  {
71
- className: u("inconel-modal-backdrop", W),
72
+ className: u("inconel-modal-backdrop", X),
72
73
  role: "presentation",
73
74
  onMouseDown: (a) => {
74
75
  _ !== "static" && _ !== !1 && I && a.target === a.currentTarget && d();
@@ -83,16 +84,16 @@ function ve({
83
84
  `inconel-modal--${l}`,
84
85
  U && "inconel-modal--centered",
85
86
  A && "inconel-modal--scrollable",
86
- (Z || v) && "inconel-is-maximized",
87
+ (T || v) && "inconel-is-maximized",
87
88
  v && "inconel-is-full-size",
88
- V,
89
- Y
89
+ W,
90
+ Z
90
91
  ),
91
92
  role: "dialog",
92
93
  "aria-modal": "true",
93
94
  "aria-label": typeof m == "string" ? m : void 0,
94
95
  children: [
95
- /* @__PURE__ */ i("header", { className: "inconel-modal__header", children: [
96
+ !G && /* @__PURE__ */ i("header", { className: "inconel-modal__header", children: [
96
97
  /* @__PURE__ */ e("div", { className: "inconel-modal__title", children: m }),
97
98
  /* @__PURE__ */ i("div", { className: "inconel-modal__header-actions", children: [
98
99
  S && /* @__PURE__ */ e(
@@ -100,9 +101,9 @@ function ve({
100
101
  {
101
102
  type: "button",
102
103
  className: "inconel-modal__maximize",
103
- onClick: () => T((a) => !a),
104
+ onClick: () => ee((a) => !a),
104
105
  "aria-label": "Büyüt",
105
- children: B ? /* @__PURE__ */ e(se, { src: B }) : "□"
106
+ children: B ? /* @__PURE__ */ e(te, { src: B }) : "□"
106
107
  }
107
108
  ),
108
109
  E && /* @__PURE__ */ e(
@@ -117,12 +118,12 @@ function ve({
117
118
  )
118
119
  ] })
119
120
  ] }),
120
- f && /* @__PURE__ */ e("div", { className: u("inconel-modal__content", X), children: f }),
121
- ee && /* @__PURE__ */ e("footer", { className: "inconel-modal__footer", children: p ?? (r !== void 0 ? ie.toArray(r) : /* @__PURE__ */ i(le, { children: [
121
+ f && /* @__PURE__ */ e("div", { className: u("inconel-modal__content", Y), children: f }),
122
+ ae && /* @__PURE__ */ e("footer", { className: "inconel-modal__footer", children: p ?? (r !== void 0 ? re.toArray(r) : /* @__PURE__ */ i(oe, { children: [
122
123
  t && c && /* @__PURE__ */ e(
123
124
  $,
124
125
  {
125
- type: K,
126
+ type: P,
126
127
  variant: "secondary",
127
128
  onClick: c,
128
129
  children: t
@@ -131,7 +132,7 @@ function ve({
131
132
  n && s && /* @__PURE__ */ e(
132
133
  $,
133
134
  {
134
- type: J,
135
+ type: K,
135
136
  buttonType: "success",
136
137
  onClick: s,
137
138
  children: n
@@ -145,6 +146,6 @@ function ve({
145
146
  );
146
147
  }
147
148
  export {
148
- ve as Modal
149
+ he as Modal
149
150
  };
150
151
  //# sourceMappingURL=Modal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import {\n Children,\n useEffect,\n useState,\n type ButtonHTMLAttributes,\n type ReactNode,\n} from 'react'\n\nimport { useInconelAdapters } from '../../adapters'\nimport { Button } from '../Button'\nimport { classNames } from '../shared/classNames'\nimport { Svg } from '../Svg'\nimport { DEFAULT_MODAL_CLOSE_LABEL } from './constants'\nimport './styles.css'\n\nexport interface ModalProps {\n id?: string | null\n open?: boolean\n show?: boolean\n title?: ReactNode\n modalTitle?: ReactNode\n modalType?: 'info' | 'success' | 'error' | 'danger' | 'warning'\n children?: ReactNode\n footer?: ReactNode\n customButtons?: ReactNode\n closeLabel?: string\n closeButton?: boolean\n closeOnBackdrop?: boolean\n backdrop?: 'static' | boolean\n keyboard?: boolean\n centered?: boolean\n scrollable?: boolean\n size?: string\n maximize?: boolean\n maximizeIcon?: string\n fullSize?: boolean\n hideFooter?: boolean\n okText?: ReactNode\n okAction?: () => void\n okButtonType?: ButtonHTMLAttributes<HTMLButtonElement>['type']\n okButtonVariant?: string\n cancelText?: ReactNode\n cancelAction?: () => void\n cancelButtonType?: ButtonHTMLAttributes<HTMLButtonElement>['type']\n onClose?: () => void\n onHide?: () => void\n onShow?: () => void\n onEnter?: () => void\n onEntering?: () => void\n onEntered?: () => void\n onExit?: () => void\n onExiting?: () => void\n onExited?: () => void\n onEscapeKeyDown?: () => void\n dialogClassName?: string\n backdropClassName?: string\n bodyClassName?: string\n className?: string | null\n enforceFocus?: boolean\n}\n\nexport function Modal({\n id,\n open,\n show,\n title,\n modalTitle,\n modalType = 'info',\n children,\n footer,\n customButtons,\n closeLabel = DEFAULT_MODAL_CLOSE_LABEL,\n closeButton = true,\n closeOnBackdrop = true,\n backdrop = true,\n keyboard = true,\n centered = true,\n scrollable = true,\n size = 'md',\n maximize = false,\n maximizeIcon,\n fullSize = false,\n hideFooter = false,\n okText,\n okAction,\n okButtonType = 'button',\n cancelText,\n cancelAction,\n cancelButtonType = 'button',\n onClose,\n onHide,\n onShow,\n onEnter,\n onEntering,\n onEntered,\n onExit,\n onExiting,\n onExited,\n onEscapeKeyDown,\n dialogClassName,\n backdropClassName,\n bodyClassName,\n className,\n}: ModalProps) {\n const adapters = useInconelAdapters()\n const [maximized, setMaximized] = useState(false)\n const visible = open ?? show ?? false\n const close = () => {\n onClose?.()\n onHide?.()\n }\n\n useEffect(() => {\n if (visible) {\n onEnter?.()\n onEntering?.()\n onShow?.()\n onEntered?.()\n } else {\n onExit?.()\n onExiting?.()\n onExited?.()\n }\n }, [visible, onEnter, onEntered, onEntering, onExit, onExited, onExiting, onShow])\n\n useEffect(() => {\n if (!visible || !keyboard) return\n const handleEscape = (event: KeyboardEvent) => {\n if (event.key !== 'Escape') return\n onEscapeKeyDown?.()\n close()\n }\n document.addEventListener('keydown', handleEscape)\n return () => document.removeEventListener('keydown', handleEscape)\n })\n\n if (!visible) return null\n\n const resolvedTitle =\n title ??\n modalTitle ??\n adapters.translate?.(\n `modalTitle${modalType[0].toUpperCase()}${modalType.slice(1)}`,\n modalType === 'success'\n ? 'Başarılı'\n : modalType === 'error' || modalType === 'danger'\n ? 'Hata'\n : 'Bilgi',\n )\n const resolvedMaximizeIcon = maximizeIcon ?? adapters.assets?.maximize\n const hasFooter =\n !hideFooter &&\n (footer !== undefined ||\n customButtons !== undefined ||\n Boolean(cancelText && cancelAction) ||\n Boolean(okText && okAction))\n\n return (\n <div\n className={classNames('inconel-modal-backdrop', backdropClassName)}\n role=\"presentation\"\n onMouseDown={(event) => {\n if (\n backdrop !== 'static' &&\n backdrop !== false &&\n closeOnBackdrop &&\n event.target === event.currentTarget\n ) {\n close()\n }\n }}\n >\n <section\n id={id ?? undefined}\n className={classNames(\n 'inconel-modal',\n `inconel-modal--${size}`,\n `inconel-modal--${modalType}`,\n centered && 'inconel-modal--centered',\n scrollable && 'inconel-modal--scrollable',\n (maximized || fullSize) && 'inconel-is-maximized',\n fullSize && 'inconel-is-full-size',\n dialogClassName,\n className,\n )}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label={typeof resolvedTitle === 'string' ? resolvedTitle : undefined}\n >\n <header className=\"inconel-modal__header\">\n <div className=\"inconel-modal__title\">{resolvedTitle}</div>\n <div className=\"inconel-modal__header-actions\">\n {maximize && (\n <button\n type=\"button\"\n className=\"inconel-modal__maximize\"\n onClick={() => setMaximized((current) => !current)}\n aria-label=\"Büyüt\"\n >\n {resolvedMaximizeIcon ? (\n <Svg src={resolvedMaximizeIcon} />\n ) : (\n '□'\n )}\n </button>\n )}\n {closeButton && (\n <button\n type=\"button\"\n className=\"inconel-modal__close\"\n aria-label={closeLabel}\n onClick={close}\n >\n ×\n </button>\n )}\n </div>\n </header>\n {children && (\n <div className={classNames('inconel-modal__content', bodyClassName)}>\n {children}\n </div>\n )}\n {hasFooter && (\n <footer className=\"inconel-modal__footer\">\n {footer ??\n (customButtons !== undefined ? (\n Children.toArray(customButtons)\n ) : (\n <>\n {cancelText && cancelAction && (\n <Button\n type={cancelButtonType}\n variant=\"secondary\"\n onClick={cancelAction}\n >\n {cancelText}\n </Button>\n )}\n {okText && okAction && (\n <Button\n type={okButtonType}\n buttonType=\"success\"\n onClick={okAction}\n >\n {okText}\n </Button>\n )}\n </>\n ))}\n </footer>\n )}\n </section>\n </div>\n )\n}\n"],"names":["Modal","id","open","show","title","modalTitle","modalType","children","footer","customButtons","closeLabel","DEFAULT_MODAL_CLOSE_LABEL","closeButton","closeOnBackdrop","backdrop","keyboard","centered","scrollable","size","maximize","maximizeIcon","fullSize","hideFooter","okText","okAction","okButtonType","cancelText","cancelAction","cancelButtonType","onClose","onHide","onShow","onEnter","onEntering","onEntered","onExit","onExiting","onExited","onEscapeKeyDown","dialogClassName","backdropClassName","bodyClassName","className","adapters","useInconelAdapters","maximized","setMaximized","useState","visible","close","useEffect","handleEscape","event","resolvedTitle","resolvedMaximizeIcon","hasFooter","jsx","classNames","jsxs","current","Svg","Children","Fragment","Button"],"mappings":"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"}
1
+ {"version":3,"file":"Modal.js","sources":["../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import {\n Children,\n useEffect,\n useState,\n type ButtonHTMLAttributes,\n type ReactNode,\n} from 'react'\n\nimport { useInconelAdapters } from '../../adapters'\nimport { Button } from '../Button'\nimport { classNames } from '../shared/classNames'\nimport { Svg } from '../Svg'\nimport { DEFAULT_MODAL_CLOSE_LABEL } from './constants'\nimport './styles.css'\n\nexport interface ModalProps {\n id?: string | null\n open?: boolean\n show?: boolean\n title?: ReactNode\n modalTitle?: ReactNode\n modalType?: 'info' | 'success' | 'error' | 'danger' | 'warning'\n children?: ReactNode\n footer?: ReactNode\n customButtons?: ReactNode\n closeLabel?: string\n closeButton?: boolean\n closeOnBackdrop?: boolean\n backdrop?: 'static' | boolean\n keyboard?: boolean\n centered?: boolean\n scrollable?: boolean\n size?: string\n maximize?: boolean\n maximizeIcon?: string\n fullSize?: boolean\n hideHeader?: boolean\n hideFooter?: boolean\n okText?: ReactNode\n okAction?: () => void\n okButtonType?: ButtonHTMLAttributes<HTMLButtonElement>['type']\n okButtonVariant?: string\n cancelText?: ReactNode\n cancelAction?: () => void\n cancelButtonType?: ButtonHTMLAttributes<HTMLButtonElement>['type']\n onClose?: () => void\n onHide?: () => void\n onShow?: () => void\n onEnter?: () => void\n onEntering?: () => void\n onEntered?: () => void\n onExit?: () => void\n onExiting?: () => void\n onExited?: () => void\n onEscapeKeyDown?: () => void\n dialogClassName?: string\n backdropClassName?: string\n bodyClassName?: string\n className?: string | null\n enforceFocus?: boolean\n}\n\nexport function Modal({\n id,\n open,\n show,\n title,\n modalTitle,\n modalType = 'info',\n children,\n footer,\n customButtons,\n closeLabel = DEFAULT_MODAL_CLOSE_LABEL,\n closeButton = true,\n closeOnBackdrop = true,\n backdrop = true,\n keyboard = true,\n centered = true,\n scrollable = true,\n size = 'md',\n maximize = false,\n maximizeIcon,\n fullSize = false,\n hideHeader = false,\n hideFooter = false,\n okText,\n okAction,\n okButtonType = 'button',\n cancelText,\n cancelAction,\n cancelButtonType = 'button',\n onClose,\n onHide,\n onShow,\n onEnter,\n onEntering,\n onEntered,\n onExit,\n onExiting,\n onExited,\n onEscapeKeyDown,\n dialogClassName,\n backdropClassName,\n bodyClassName,\n className,\n}: ModalProps) {\n const adapters = useInconelAdapters()\n const [maximized, setMaximized] = useState(false)\n const visible = open ?? show ?? false\n const close = () => {\n onClose?.()\n onHide?.()\n }\n\n useEffect(() => {\n if (visible) {\n onEnter?.()\n onEntering?.()\n onShow?.()\n onEntered?.()\n } else {\n onExit?.()\n onExiting?.()\n onExited?.()\n }\n }, [visible, onEnter, onEntered, onEntering, onExit, onExited, onExiting, onShow])\n\n useEffect(() => {\n if (!visible || !keyboard) return\n const handleEscape = (event: KeyboardEvent) => {\n if (event.key !== 'Escape') return\n onEscapeKeyDown?.()\n close()\n }\n document.addEventListener('keydown', handleEscape)\n return () => document.removeEventListener('keydown', handleEscape)\n })\n\n if (!visible) return null\n\n const resolvedTitle =\n title ??\n modalTitle ??\n adapters.translate?.(\n `modalTitle${modalType[0].toUpperCase()}${modalType.slice(1)}`,\n modalType === 'success'\n ? 'Başarılı'\n : modalType === 'error' || modalType === 'danger'\n ? 'Hata'\n : 'Bilgi',\n )\n const resolvedMaximizeIcon = maximizeIcon ?? adapters.assets?.maximize\n const hasFooter =\n !hideFooter &&\n (footer !== undefined ||\n customButtons !== undefined ||\n Boolean(cancelText && cancelAction) ||\n Boolean(okText && okAction))\n\n return (\n <div\n className={classNames('inconel-modal-backdrop', backdropClassName)}\n role=\"presentation\"\n onMouseDown={(event) => {\n if (\n backdrop !== 'static' &&\n backdrop !== false &&\n closeOnBackdrop &&\n event.target === event.currentTarget\n ) {\n close()\n }\n }}\n >\n <section\n id={id ?? undefined}\n className={classNames(\n 'inconel-modal',\n `inconel-modal--${size}`,\n `inconel-modal--${modalType}`,\n centered && 'inconel-modal--centered',\n scrollable && 'inconel-modal--scrollable',\n (maximized || fullSize) && 'inconel-is-maximized',\n fullSize && 'inconel-is-full-size',\n dialogClassName,\n className,\n )}\n role=\"dialog\"\n aria-modal=\"true\"\n aria-label={typeof resolvedTitle === 'string' ? resolvedTitle : undefined}\n >\n {!hideHeader && (\n <header className=\"inconel-modal__header\">\n <div className=\"inconel-modal__title\">{resolvedTitle}</div>\n <div className=\"inconel-modal__header-actions\">\n {maximize && (\n <button\n type=\"button\"\n className=\"inconel-modal__maximize\"\n onClick={() => setMaximized((current) => !current)}\n aria-label=\"Büyüt\"\n >\n {resolvedMaximizeIcon ? (\n <Svg src={resolvedMaximizeIcon} />\n ) : (\n '□'\n )}\n </button>\n )}\n {closeButton && (\n <button\n type=\"button\"\n className=\"inconel-modal__close\"\n aria-label={closeLabel}\n onClick={close}\n >\n ×\n </button>\n )}\n </div>\n </header>\n )}\n {children && (\n <div className={classNames('inconel-modal__content', bodyClassName)}>\n {children}\n </div>\n )}\n {hasFooter && (\n <footer className=\"inconel-modal__footer\">\n {footer ??\n (customButtons !== undefined ? (\n Children.toArray(customButtons)\n ) : (\n <>\n {cancelText && cancelAction && (\n <Button\n type={cancelButtonType}\n variant=\"secondary\"\n onClick={cancelAction}\n >\n {cancelText}\n </Button>\n )}\n {okText && okAction && (\n <Button\n type={okButtonType}\n buttonType=\"success\"\n onClick={okAction}\n >\n {okText}\n </Button>\n )}\n </>\n ))}\n </footer>\n )}\n </section>\n </div>\n )\n}\n"],"names":["Modal","id","open","show","title","modalTitle","modalType","children","footer","customButtons","closeLabel","DEFAULT_MODAL_CLOSE_LABEL","closeButton","closeOnBackdrop","backdrop","keyboard","centered","scrollable","size","maximize","maximizeIcon","fullSize","hideHeader","hideFooter","okText","okAction","okButtonType","cancelText","cancelAction","cancelButtonType","onClose","onHide","onShow","onEnter","onEntering","onEntered","onExit","onExiting","onExited","onEscapeKeyDown","dialogClassName","backdropClassName","bodyClassName","className","adapters","useInconelAdapters","maximized","setMaximized","useState","visible","close","useEffect","handleEscape","event","resolvedTitle","resolvedMaximizeIcon","hasFooter","jsx","classNames","jsxs","current","Svg","Children","Fragment","Button"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "inconel",
3
- "version": "0.1.22",
3
+ "version": "0.1.23",
4
4
  "description": "Accessible, type-safe React UI components for modern applications.",
5
5
  "keywords": [
6
6
  "react",