design-react-kit 5.0.4 → 5.0.5-rc1

package/dist/Notification/NotificationContent.js

@@ -0,0 +1,66 @@
+import React from 'react';
+import { Button } from '../Button/Button';
+import classNames from 'classnames';
+import { Icon } from '../Icon/Icon';
+import { usePosition } from './usePosition';
+export const getBorderStyleFix = (fix) => {
+    const borderReset = ['top', 'bottom', 'right', 'left']
+        .filter((curPosition) => (fix === 'left' ? curPosition !== 'right' : curPosition !== 'left'))
+        .map((borderPosition) => `border${borderPosition[0].toUpperCase() + borderPosition.substring(1)}`);
+    const customStyle = {};
+    for (const borderPos of borderReset) {
+        customStyle[borderPos] = 'none';
+    }
+    return customStyle;
+};
+function pickIcon(state) {
+    switch (state) {
+        case 'error':
+            return 'it-close-circle';
+        case 'info':
+            return 'it-info-circle';
+        case 'warning':
+            return 'it-error';
+        case 'success':
+            return 'it-check-circle';
+        default:
+            return undefined;
+    }
+}
+function NotificationElement({ closeToast, toastProps, title, body, options }) {
+    const globalFix = usePosition();
+    const { icon: userIcon, state, fix: localFix, dismissable } = options;
+    const fixPosition = localFix == null && globalFix ? globalFix : localFix || globalFix;
+    const { autoClose, style } = toastProps;
+    const content = typeof body === 'string' ? React.createElement("p", null, body) : body;
+    const icon = userIcon || pickIcon(state);
+    const borderFixes = getBorderStyleFix(fixPosition);
+    const wrapperClass = classNames('notification', state, {
+        [`${fixPosition}-fix`]: fixPosition,
+        'with-icon': icon,
+        dismissable: dismissable || !autoClose
+    });
+    // Need to override some toast styling here
+    const customStyle = {
+        ...style,
+        ...borderFixes,
+        // force a display as the notification class has a "display: none" set
+        display: 'block'
+    };
+    return (React.createElement("div", { className: wrapperClass, style: customStyle },
+        React.createElement("h5", null,
+            title,
+            icon ? React.createElement(Icon, { icon: icon }) : null),
+        content,
+        (!autoClose || dismissable) && (React.createElement(Button, { className: 'notification-close', onClick: closeToast },
+            React.createElement(Icon, { icon: 'it-close' }),
+            React.createElement("span", { className: 'visually-hidden' },
+                "Chiudi notifica: ",
+                title)))));
+}
+/**
+ * Internal use only. Exported for documentation purposes.
+ * @internal
+ */
+export const createNotification = (title, body, options, closeToast, toastProps) => (React.createElement(NotificationElement, { title: title, body: body, options: options, closeToast: closeToast, toastProps: toastProps }));
+//# sourceMappingURL=NotificationContent.js.map

package/dist/Notification/NotificationContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationContent.js","sourceRoot":"","sources":["../../src/Notification/NotificationContent.tsx"],"names":[],"mappings":"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"}

package/dist/Notification/NotificationManager.cjs

@@ -0,0 +1,148 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Notification/NotificationManager.tsx
+var NotificationManager_exports = {};
+__export(NotificationManager_exports, {
+  NotificationManager: () => NotificationManager
+});
+module.exports = __toCommonJS(NotificationManager_exports);
+var import_react4 = __toESM(require("react"), 1);
+var import_react_toastify2 = require("react-toastify");
+
+// src/Notification/Notification.tsx
+var import_react = __toESM(require("react"), 1);
+var import_react_toastify = require("react-toastify");
+var dummyTransition = /* @__PURE__ */ (0, import_react_toastify.cssTransition)({ enter: "", exit: "" });
+var Notification = (props) => {
+  const { toastRef, eventHandlers } = (0, import_react_toastify.useToast)({
+    ...props,
+    transition: dummyTransition
+  });
+  const { children, autoClose, onClick, role, toastId, deleteToast, closeToast, isIn } = props;
+  const customStyle = {
+    display: isIn ? "block" : "none"
+  };
+  (0, import_react.useEffect)(() => {
+    if (!isIn)
+      deleteToast();
+  }, [isIn]);
+  (0, import_react.useEffect)(() => {
+    let timer;
+    if (autoClose) {
+      timer = setTimeout(() => closeToast(), autoClose);
+    }
+    return () => {
+      if (timer != null) {
+        clearTimeout(Number(timer));
+      }
+    };
+  }, [autoClose, closeToast]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      id: toastId,
+      onClick,
+      ...eventHandlers,
+      style: customStyle,
+      ref: toastRef,
+      ...isIn && { role }
+    },
+    children
+  );
+};
+
+// src/Notification/NotificationContent.tsx
+var import_react3 = __toESM(require("react"), 1);
+var import_classnames = __toESM(require("classnames"), 1);
+
+// src/Notification/usePosition.tsx
+var import_react2 = require("react");
+var PositionContext = /* @__PURE__ */ (0, import_react2.createContext)(void 0);
+
+// src/Notification/NotificationContent.tsx
+var getBorderStyleFix = (fix) => {
+  const borderReset = ["top", "bottom", "right", "left"].filter((curPosition) => fix === "left" ? curPosition !== "right" : curPosition !== "left").map(
+    (borderPosition) => `border${borderPosition[0].toUpperCase() + borderPosition.substring(1)}`
+  );
+  const customStyle = {};
+  for (const borderPos of borderReset) {
+    customStyle[borderPos] = "none";
+  }
+  return customStyle;
+};
+
+// src/Notification/NotificationManager.tsx
+var KitTransition = /* @__PURE__ */ (0, import_react_toastify2.cssTransition)({
+  enter: `d-block`,
+  exit: `d-none`,
+  appendPosition: false
+});
+var NotificationManager = (props) => {
+  const customStyle = {
+    ...props.style,
+    ...getBorderStyleFix(props.fix)
+  };
+  const hookProps = {
+    autoClose: props.duration ?? 6e3,
+    closeOnClick: props.closeOnClick ?? true,
+    hideProgressBar: true,
+    transition: KitTransition,
+    rtl: false,
+    pauseOnHover: true,
+    pauseOnFocusLoss: true,
+    newestOnTop: false,
+    // TODO: sort this out
+    draggable: false,
+    role: "alert",
+    style: customStyle,
+    enableMultiContainer: props.containerId != null
+    // enable multi container when an explicit id is passed
+  };
+  const { getToastToRender, containerRef, isToastActive } = (0, import_react_toastify2.useToastContainer)(hookProps);
+  const { containerId, style, fix } = props;
+  return /* @__PURE__ */ import_react4.default.createElement(PositionContext.Provider, { value: fix }, /* @__PURE__ */ import_react4.default.createElement("div", { ref: containerRef, id: containerId, style }, getToastToRender((_, toastList) => {
+    return toastList.map(({ content, props: toastProps }) => {
+      return /* @__PURE__ */ import_react4.default.createElement(
+        Notification,
+        {
+          ...toastProps,
+          isIn: isToastActive(toastProps.toastId),
+          key: `notification-${toastProps.key}`
+        },
+        content
+      );
+    });
+  })));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NotificationManager
+});
+//# sourceMappingURL=NotificationManager.cjs.map

package/dist/Notification/NotificationManager.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/Notification/NotificationManager.tsx","../../src/Notification/Notification.tsx","../../src/Notification/NotificationContent.tsx","../../src/Notification/usePosition.tsx"],"sourcesContent":["import React, { CSSProperties } from 'react';\nimport { cssTransition, useToastContainer } from 'react-toastify';\nimport { Notification } from './Notification';\nimport { getBorderStyleFix } from './NotificationContent';\nimport { NotificationCommonProps } from './types';\nimport { PositionContext } from './usePosition';\n\nconst KitTransition = /* @__PURE__ */ cssTransition({\n  enter: `d-block`,\n  exit: `d-none`,\n  appendPosition: false\n});\n\nexport interface NotificationManagerProps extends NotificationCommonProps {\n  /* Stili inline da applicare al container */\n  style?: CSSProperties;\n}\n\nexport const NotificationManager = (props: NotificationManagerProps) => {\n  const customStyle: CSSProperties = {\n    ...props.style,\n    ...getBorderStyleFix(props.fix)\n  };\n\n  const hookProps = {\n    autoClose: props.duration ?? 6000,\n    closeOnClick: props.closeOnClick ?? true,\n    hideProgressBar: true,\n    transition: KitTransition,\n    rtl: false,\n    pauseOnHover: true,\n    pauseOnFocusLoss: true,\n    newestOnTop: false, // TODO: sort this out\n    draggable: false,\n    role: 'alert',\n    style: customStyle,\n    enableMultiContainer: props.containerId != null // enable multi container when an explicit id is passed\n  };\n\n  const { getToastToRender, containerRef, isToastActive } = useToastContainer(hookProps);\n\n  const { containerId, style, fix } = props;\n\n  return (\n    <PositionContext.Provider value={fix}>\n      <div ref={containerRef} id={containerId as string} style={style}>\n        {getToastToRender((_, toastList) => {\n          return toastList.map(({ content, props: toastProps }) => {\n            return (\n              <Notification\n                {...toastProps}\n                isIn={isToastActive(toastProps.toastId)}\n                key={`notification-${toastProps.key}`}\n              >\n                {content}\n              </Notification>\n            );\n          });\n        })}\n      </div>\n    </PositionContext.Provider>\n  );\n};\n","import React, { CSSProperties, FC, useEffect } from 'react';\nimport { ToastProps, cssTransition, useToast } from 'react-toastify';\nimport { NotificationToastProps } from './NotificationContent';\nimport { NotificationCommonProps } from './types';\n\nexport type NotificationProps = Omit<ToastProps, 'transition'> & NotificationCommonProps & NotificationToastProps;\n\nconst dummyTransition = /* @__PURE__ */ cssTransition({ enter: '', exit: '' });\n\nexport const Notification: FC<NotificationProps> = (props) => {\n  const { toastRef, eventHandlers } = useToast({\n    ...props,\n    transition: dummyTransition\n  });\n  const { children, autoClose, onClick, role, toastId, deleteToast, closeToast, isIn } = props;\n\n  const customStyle: CSSProperties = {\n    display: isIn ? 'block' : 'none'\n  };\n\n  useEffect(() => {\n    if (!isIn) deleteToast();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isIn]);\n\n  useEffect(() => {\n    let timer: NodeJS.Timeout | number;\n    if (autoClose) {\n      timer = setTimeout(() => closeToast(), autoClose);\n    }\n    return () => {\n      if (timer != null) {\n        clearTimeout(Number(timer));\n      }\n    };\n  }, [autoClose, closeToast]);\n  return (\n    <div\n      id={toastId as string}\n      onClick={onClick}\n      {...eventHandlers}\n      style={customStyle}\n      ref={toastRef}\n      {...(isIn && { role: role })}\n    >\n      {children}\n    </div>\n  );\n};\n","import React, { CSSProperties, ReactChild } from 'react';\nimport { Button } from '../Button/Button';\nimport classNames from 'classnames';\nimport { Icon } from '../Icon/Icon';\nimport { usePosition } from './usePosition';\nimport { NotificationCommonProps } from './types';\n\nexport interface NotificationToastProps {\n  /** Indica quale icona affiancare al titolo. */\n  icon?: string;\n  /** Lo stato corrente della notifica (modifica il colore delle icone e bordo) */\n  state?: 'success' | 'error' | 'info' | 'warning';\n  /** Il titolo della notifica */\n  title?: string;\n}\n\ntype NotificationElementProps = {\n  closeToast?: () => void;\n  toastProps?: any;\n  title: string;\n  body?: ReactChild;\n  options: NotificationOptions;\n};\n\nexport const getBorderStyleFix = (fix: NotificationCommonProps['fix']) => {\n  const borderReset = ['top', 'bottom', 'right', 'left']\n    .filter((curPosition) => (fix === 'left' ? curPosition !== 'right' : curPosition !== 'left'))\n    .map(\n      (borderPosition) =>\n        `border${borderPosition[0].toUpperCase() + borderPosition.substring(1)}` as\n          | 'borderTop'\n          | 'borderBottom'\n          | 'borderLeft'\n          | 'borderRight'\n    );\n\n  const customStyle: CSSProperties = {};\n  for (const borderPos of borderReset) {\n    customStyle[borderPos] = 'none';\n  }\n  return customStyle;\n};\n\nexport type NotificationOptions = NotificationCommonProps &\n  Pick<NotificationToastProps, 'icon' | 'state'> & {\n    /* Quando abilitato mostra un pulsante per la chiusura del toast prima della chiusura naturale. Default: `false`. */\n    dismissable?: boolean;\n    /* Una funzione invocata all'apertura della notifica */\n    onOpen?: <T = NotificationElementProps>(props: T) => void;\n    /* Una funziona invocata alla chiusura nella notifica */\n    onClose?: <T = NotificationElementProps>(props: T) => void;\n  };\n\nfunction pickIcon(state: NotificationToastProps['state']) {\n  switch (state) {\n    case 'error':\n      return 'it-close-circle';\n    case 'info':\n      return 'it-info-circle';\n    case 'warning':\n      return 'it-error';\n    case 'success':\n      return 'it-check-circle';\n    default:\n      return undefined;\n  }\n}\n\nfunction NotificationElement({ closeToast, toastProps, title, body, options }: NotificationElementProps) {\n  const globalFix = usePosition();\n  const { icon: userIcon, state, fix: localFix, dismissable } = options;\n  const fixPosition = localFix == null && globalFix ? globalFix : localFix || globalFix;\n  const { autoClose, style } = toastProps;\n  const content = typeof body === 'string' ? <p>{body}</p> : body;\n  const icon = userIcon || pickIcon(state);\n\n  const borderFixes = getBorderStyleFix(fixPosition);\n\n  const wrapperClass = classNames('notification', state, {\n    [`${fixPosition}-fix`]: fixPosition,\n    'with-icon': icon,\n    dismissable: dismissable || !autoClose\n  });\n\n  // Need to override some toast styling here\n  const customStyle: CSSProperties = {\n    ...style,\n    ...borderFixes,\n    // force a display as the notification class has a \"display: none\" set\n    display: 'block'\n  };\n\n  return (\n    <div className={wrapperClass} style={customStyle}>\n      <h5>\n        {title}\n        {icon ? <Icon icon={icon} /> : null}\n      </h5>\n      {content}\n      {(!autoClose || dismissable) && (\n        <Button className='notification-close' onClick={closeToast}>\n          <Icon icon='it-close' />\n          <span className='visually-hidden'>Chiudi notifica: {title}</span>\n        </Button>\n      )}\n    </div>\n  );\n}\n\n/**\n * Internal use only. Exported for documentation purposes.\n * @internal\n */\nexport const createNotification = (\n  title: string,\n  body: ReactChild | undefined,\n  options: NotificationOptions,\n  closeToast?: () => void,\n  toastProps?: any\n) => (\n  <NotificationElement title={title} body={body} options={options} closeToast={closeToast} toastProps={toastProps} />\n);\n","import { createContext, useContext } from 'react';\nimport { NotificationCommonProps } from './types';\n\nexport const PositionContext = /* @__PURE__ */ createContext<NotificationCommonProps['fix']>(undefined);\n\nexport function usePosition() {\n  const context = useContext(PositionContext);\n  return context;\n}\n"],"mappings":"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","names":["import_react","import_react_toastify","React","import_react","import_react","React"]}

package/dist/Notification/NotificationManager.js

@@ -0,0 +1,39 @@
+import React from 'react';
+import { cssTransition, useToastContainer } from 'react-toastify';
+import { Notification } from './Notification';
+import { getBorderStyleFix } from './NotificationContent';
+import { PositionContext } from './usePosition';
+const KitTransition = /* @__PURE__ */ cssTransition({
+    enter: `d-block`,
+    exit: `d-none`,
+    appendPosition: false
+});
+export const NotificationManager = (props) => {
+    const customStyle = {
+        ...props.style,
+        ...getBorderStyleFix(props.fix)
+    };
+    const hookProps = {
+        autoClose: props.duration ?? 6000,
+        closeOnClick: props.closeOnClick ?? true,
+        hideProgressBar: true,
+        transition: KitTransition,
+        rtl: false,
+        pauseOnHover: true,
+        pauseOnFocusLoss: true,
+        newestOnTop: false, // TODO: sort this out
+        draggable: false,
+        role: 'alert',
+        style: customStyle,
+        enableMultiContainer: props.containerId != null // enable multi container when an explicit id is passed
+    };
+    const { getToastToRender, containerRef, isToastActive } = useToastContainer(hookProps);
+    const { containerId, style, fix } = props;
+    return (React.createElement(PositionContext.Provider, { value: fix },
+        React.createElement("div", { ref: containerRef, id: containerId, style: style }, getToastToRender((_, toastList) => {
+            return toastList.map(({ content, props: toastProps }) => {
+                return (React.createElement(Notification, { ...toastProps, isIn: isToastActive(toastProps.toastId), key: `notification-${toastProps.key}` }, content));
+            });
+        }))));
+};
+//# sourceMappingURL=NotificationManager.js.map

package/dist/Notification/NotificationManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationManager.js","sourceRoot":"","sources":["../../src/Notification/NotificationManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAEhD,MAAM,aAAa,GAAG,eAAe,CAAC,aAAa,CAAC;IAClD,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,QAAQ;IACd,cAAc,EAAE,KAAK;CACtB,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACrE,MAAM,WAAW,GAAkB;QACjC,GAAG,KAAK,CAAC,KAAK;QACd,GAAG,iBAAiB,CAAC,KAAK,CAAC,GAAG,CAAC;KAChC,CAAC;IAEF,MAAM,SAAS,GAAG;QAChB,SAAS,EAAE,KAAK,CAAC,QAAQ,IAAI,IAAI;QACjC,YAAY,EAAE,KAAK,CAAC,YAAY,IAAI,IAAI;QACxC,eAAe,EAAE,IAAI;QACrB,UAAU,EAAE,aAAa;QACzB,GAAG,EAAE,KAAK;QACV,YAAY,EAAE,IAAI;QAClB,gBAAgB,EAAE,IAAI;QACtB,WAAW,EAAE,KAAK,EAAE,sBAAsB;QAC1C,SAAS,EAAE,KAAK;QAChB,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,WAAW;QAClB,oBAAoB,EAAE,KAAK,CAAC,WAAW,IAAI,IAAI,CAAC,uDAAuD;KACxG,CAAC;IAEF,MAAM,EAAE,gBAAgB,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,iBAAiB,CAAC,SAAS,CAAC,CAAC;IAEvF,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,CAAC;IAE1C,OAAO,CACL,oBAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,GAAG;QAClC,6BAAK,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,WAAqB,EAAE,KAAK,EAAE,KAAK,IAC5D,gBAAgB,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,EAAE;YACjC,OAAO,SAAS,CAAC,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE;gBACtD,OAAO,CACL,oBAAC,YAAY,OACP,UAAU,EACd,IAAI,EAAE,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,EACvC,GAAG,EAAE,gBAAgB,UAAU,CAAC,GAAG,EAAE,IAEpC,OAAO,CACK,CAChB,CAAC;YACJ,CAAC,CAAC,CAAC;QACL,CAAC,CAAC,CACE,CACmB,CAC5B,CAAC;AACJ,CAAC,CAAC"}