@itwin/itwinui-react 3.13.3 → 3.14.0

package/DEV-cjs/core/Toast/Toaster.js

@@ -1,136 +1,160 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
 function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
+  for (var name in all)
+    Object.defineProperty(target, name, {
+      enumerable: true,
+      get: all[name],
     });
 }
 _export(exports, {
-    ToastProvider: function() {
-        return ToastProvider;
-    },
-    Toaster: function() {
-        return Toaster;
-    },
-    ToasterStateContext: function() {
-        return ToasterStateContext;
-    },
-    useToaster: function() {
-        return useToaster;
-    }
+  ToastProvider: function () {
+    return ToastProvider;
+  },
+  Toaster: function () {
+    return Toaster;
+  },
+  ToasterStateContext: function () {
+    return ToasterStateContext;
+  },
+  useToaster: function () {
+    return useToaster;
+  },
 });
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _classnames = _interop_require_default._(require("classnames"));
-const _index = require("../../utils/index.js");
-const _Toast = require("./Toast.js");
-const useToaster = ()=>{
-    let dispatch = (0, _index.useSafeContext)(ToasterDispatchContext);
-    return _react.useMemo(()=>{
-        let showToast = (category)=>(content, options)=>{
-                let id = nextId();
-                dispatch({
-                    type: 'add',
-                    toast: {
-                        ...options,
-                        id,
-                        content,
-                        category
-                    }
-                });
-                return {
-                    close: ()=>dispatch({
-                            type: 'remove',
-                            id
-                        })
-                };
-            };
-        return {
-            positive: showToast('positive'),
-            informational: showToast('informational'),
-            negative: showToast('negative'),
-            warning: showToast('warning'),
-            closeAll: ()=>{
-                dispatch({
-                    type: 'close-all'
-                });
-            },
-            setSettings: (settings)=>{
-                dispatch({
-                    type: 'settings',
-                    settings
-                });
-            }
-        };
-    }, [
-        dispatch
-    ]);
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _classnames = _interop_require_default._(require('classnames'));
+const _index = require('../../utils/index.js');
+const _Toast = require('./Toast.js');
+const useToaster = () => {
+  let dispatch = (0, _index.useSafeContext)(ToasterDispatchContext);
+  return _react.useMemo(() => {
+    let showToast = (category) => (content, options) => {
+      let id = nextId();
+      dispatch({
+        type: 'add',
+        toast: {
+          ...options,
+          id,
+          content,
+          category,
+        },
+      });
+      return {
+        close: () =>
+          dispatch({
+            type: 'remove',
+            id,
+          }),
+      };
+    };
+    return {
+      positive: showToast('positive'),
+      informational: showToast('informational'),
+      negative: showToast('negative'),
+      warning: showToast('warning'),
+      closeAll: () => {
+        dispatch({
+          type: 'close-all',
+        });
+      },
+      setSettings: (settings) => {
+        dispatch({
+          type: 'settings',
+          settings,
+        });
+      },
+    };
+  }, [dispatch]);
 };
-const Toaster = ()=>{
-    let { toasts, settings } = (0, _index.useSafeContext)(ToasterStateContext);
-    return _react.createElement(_index.Box, {
-        className: (0, _classnames.default)("iui-toast-wrapper", `iui-placement-${settings.placement}`)
-    }, toasts.map((toastProps)=>_react.createElement(_Toast.Toast, {
-            key: toastProps.id,
-            ...toastProps
-        })));
+const Toaster = () => {
+  let { toasts, settings } = (0, _index.useSafeContext)(ToasterStateContext);
+  return _react.createElement(
+    _index.Box,
+    {
+      className: (0, _classnames.default)(
+        'iui-toast-wrapper',
+        `iui-placement-${settings.placement}`,
+      ),
+    },
+    toasts.map((toastProps) =>
+      _react.createElement(_Toast.Toast, {
+        key: toastProps.id,
+        ...toastProps,
+      }),
+    ),
+  );
 };
-const ToastProvider = ({ children })=>{
-    let [toasterState, dispatch] = _react.useReducer(toastReducer, {
-        toasts: [],
-        settings: {
-            order: 'auto',
-            placement: 'top'
-        }
-    });
-    return _react.createElement(ToasterDispatchContext.Provider, {
-        value: dispatch
-    }, _react.createElement(ToasterStateContext.Provider, {
-        value: toasterState
-    }, children));
+const ToastProvider = ({ children, inherit = false }) => {
+  let [toasterState, dispatch] = _react.useReducer(toastReducer, {
+    toasts: [],
+    settings: {
+      order: 'auto',
+      placement: 'top',
+    },
+  });
+  if (_react.useContext(ToasterStateContext) && inherit) return children;
+  return _react.createElement(
+    ToasterDispatchContext.Provider,
+    {
+      value: dispatch,
+    },
+    _react.createElement(
+      ToasterStateContext.Provider,
+      {
+        value: toasterState,
+      },
+      children,
+    ),
+  );
 };
-const toastReducer = (state, action)=>{
-    if ('add' === action.type) {
-        let order = state.settings.order;
-        if ('auto' === order) order = state.settings.placement.startsWith('top') ? 'descending' : 'ascending';
-        return {
-            ...state,
-            toasts: [
-                ...'ascending' === order ? state.toasts : [],
-                action.toast,
-                ...'descending' === order ? state.toasts : []
-            ]
-        };
-    }
-    if ('remove' === action.type) return {
-        ...state,
-        toasts: state.toasts.filter((toast)=>toast.id !== action.id)
+const toastReducer = (state, action) => {
+  if ('add' === action.type) {
+    let order = state.settings.order;
+    if ('auto' === order)
+      order = state.settings.placement.startsWith('top')
+        ? 'descending'
+        : 'ascending';
+    return {
+      ...state,
+      toasts: [
+        ...('ascending' === order ? state.toasts : []),
+        action.toast,
+        ...('descending' === order ? state.toasts : []),
+      ],
+    };
+  }
+  if ('remove' === action.type)
+    return {
+      ...state,
+      toasts: state.toasts.filter((toast) => toast.id !== action.id),
     };
-    if ('close-all' === action.type) return {
-        ...state,
-        toasts: state.toasts.map((toast)=>({
-                ...toast,
-                isVisible: false
-            }))
+  if ('close-all' === action.type)
+    return {
+      ...state,
+      toasts: state.toasts.map((toast) => ({
+        ...toast,
+        isVisible: false,
+      })),
     };
-    if ('settings' === action.type) return {
-        ...state,
-        settings: {
-            ...state.settings,
-            ...action.settings
-        }
+  if ('settings' === action.type)
+    return {
+      ...state,
+      settings: {
+        ...state.settings,
+        ...action.settings,
+      },
     };
-    return state;
+  return state;
 };
 const ToasterStateContext = _react.createContext(void 0);
 ToasterStateContext.displayName = 'ToasterStateContext';
 const ToasterDispatchContext = _react.createContext(void 0);
 ToasterDispatchContext.displayName = 'ToasterDispatchContext';
-const nextId = (()=>{
-    let count = 0;
-    return ()=>++count;
+const nextId = (() => {
+  let count = 0;
+  return () => ++count;
 })();

package/DEV-cjs/core/ToggleSwitch/ToggleSwitch.js

@@ -1,46 +1,80 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
+'use strict';
+Object.defineProperty(exports, '__esModule', {
+  value: true,
 });
-Object.defineProperty(exports, "ToggleSwitch", {
-    enumerable: true,
-    get: function() {
-        return ToggleSwitch;
-    }
+Object.defineProperty(exports, 'ToggleSwitch', {
+  enumerable: true,
+  get: function () {
+    return ToggleSwitch;
+  },
 });
-const _interop_require_default = require("@swc/helpers/_/_interop_require_default");
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = _interop_require_wildcard._(require("react"));
-const _classnames = _interop_require_default._(require("classnames"));
-const _index = require("../../utils/index.js");
-const ToggleSwitch = _react.forwardRef((props, ref)=>{
-    let { disabled = false, labelPosition = 'right', label, className, style, size = 'default', labelProps = {}, icon: iconProp, ...rest } = props;
-    let shouldShowIcon = void 0 === iconProp || null !== iconProp && 'small' !== size;
-    return _react.createElement(_index.Box, {
-        as: label ? 'label' : 'div',
-        className: (0, _classnames.default)('iui-toggle-switch-wrapper', {
-            'iui-disabled': disabled,
-            'iui-label-on-right': label && 'right' === labelPosition,
-            'iui-label-on-left': label && 'left' === labelPosition
-        }, className),
-        "data-iui-size": size,
-        style: style
-    }, _react.createElement(_index.Box, {
-        as: "input",
-        className: "iui-toggle-switch",
-        type: "checkbox",
-        role: "switch",
-        disabled: disabled,
-        ref: ref,
-        ...rest
-    }), shouldShowIcon && _react.createElement(_index.Box, {
-        as: "span",
-        className: "iui-toggle-switch-icon",
-        "aria-hidden": true
-    }, iconProp || _react.createElement(_index.SvgCheckmark, null)), label && _react.createElement(_index.Box, {
-        as: "span",
-        ...labelProps,
-        className: (0, _classnames.default)('iui-toggle-switch-label', labelProps?.className)
-    }, label));
+const _interop_require_default = require('@swc/helpers/_/_interop_require_default');
+const _interop_require_wildcard = require('@swc/helpers/_/_interop_require_wildcard');
+const _react = _interop_require_wildcard._(require('react'));
+const _classnames = _interop_require_default._(require('classnames'));
+const _index = require('../../utils/index.js');
+const ToggleSwitch = _react.forwardRef((props, ref) => {
+  let {
+    disabled = false,
+    labelPosition = 'right',
+    label,
+    className,
+    style,
+    size = 'default',
+    labelProps = {},
+    icon: iconProp,
+    ...rest
+  } = props;
+  let shouldShowIcon =
+    void 0 === iconProp || (null !== iconProp && 'small' !== size);
+  return _react.createElement(
+    _index.Box,
+    {
+      as: label ? 'label' : 'div',
+      className: (0, _classnames.default)(
+        'iui-toggle-switch-wrapper',
+        {
+          'iui-disabled': disabled,
+          'iui-label-on-right': label && 'right' === labelPosition,
+          'iui-label-on-left': label && 'left' === labelPosition,
+        },
+        className,
+      ),
+      'data-iui-size': size,
+      style: style,
+    },
+    _react.createElement(_index.Box, {
+      as: 'input',
+      className: 'iui-toggle-switch',
+      type: 'checkbox',
+      role: 'switch',
+      disabled: disabled,
+      ref: ref,
+      ...rest,
+    }),
+    shouldShowIcon &&
+      _react.createElement(
+        _index.Box,
+        {
+          as: 'span',
+          className: 'iui-toggle-switch-icon',
+          'aria-hidden': true,
+        },
+        iconProp || _react.createElement(_index.SvgCheckmark, null),
+      ),
+    label &&
+      _react.createElement(
+        _index.Box,
+        {
+          as: 'span',
+          ...labelProps,
+          className: (0, _classnames.default)(
+            'iui-toggle-switch-label',
+            labelProps?.className,
+          ),
+        },
+        label,
+      ),
+  );
 });
 ToggleSwitch.displayName = 'ToggleSwitch';