intelicoreact 1.6.8 → 1.6.10

package/dist/Atomic/UI/Modal/partials/useMobileModal.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../../src/Atomic/UI/Modal/partials/useMobileModal.tsx"],"sourcesContent":["import type { MutableRefObject, ReactNode } from 'react';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nimport useIsMobile from '../../../../Functions/useIsMobile/useIsMobile';\n\ntype ScrollDirection = 'up' | 'down';\n\ninterface ModalsLogic {\n  IS_HEADER_HIDDEN: boolean;\n  IS_HEADER_STICKY: boolean;\n  IS_FOOTER_HIDDEN: boolean;\n  IS_FOOTER_STICKY: boolean;\n}\n\ninterface UseMobileModalProps {\n  withMobileLogic?: boolean;\n  withFixedFooter?: boolean;\n  isOpen?: boolean;\n}\n\ninterface UseMobileModalReturn {\n  modalMobileContainerRef: MutableRefObject<HTMLDivElement | null>;\n  modalMobileHeaderRef: MutableRefObject<HTMLDivElement | null>;\n  modalMobileBodyRef: MutableRefObject<HTMLDivElement | null>;\n  modalMobileFooterRef: MutableRefObject<HTMLDivElement | null>;\n  MODALS_LOGIC: ModalsLogic;\n  SCROLL_DIRECTION: { UP: ScrollDirection; DOWN: ScrollDirection };\n  scrollTop: number;\n  scrollHeight: number;\n  renderModal: (modal: ReactNode) => ReactNode;\n  isMobile: boolean;\n}\n\nconst SCROLL_DIRECTION = {\n  UP: 'up' as ScrollDirection,\n  DOWN: 'down' as ScrollDirection,\n};\n\nexport default function useMobileModal({\n  withMobileLogic = false,\n  withFixedFooter = false,\n  isOpen = false,\n}: UseMobileModalProps): UseMobileModalReturn {\n  const modalMobileContainerRef = useRef<HTMLDivElement>(null);\n  const modalMobileHeaderRef = useRef<HTMLDivElement>(null);\n  const modalMobileFooterRef = useRef<HTMLDivElement>(null);\n  const modalMobileBodyRef = useRef<HTMLDivElement>(null);\n\n  const { isMobile } = useIsMobile();\n\n  const [scrollTop, setScrollTop] = useState(0);\n  const [scrollHeight, setScrollHeight] = useState(1);\n  const [modalsLogic, setModalsLogic] = useState<ModalsLogic>({\n    IS_HEADER_HIDDEN: false,\n    IS_HEADER_STICKY: false,\n    IS_FOOTER_HIDDEN: false,\n    IS_FOOTER_STICKY: withFixedFooter,\n  });\n\n  // Update scroll state\n  const updateScrollState = useCallback(() => {\n    const container = modalMobileContainerRef.current;\n    if (!container || !isOpen) return;\n\n    const currentScrollTop = container.scrollTop;\n    const headerHeight = modalMobileHeaderRef.current?.offsetHeight ?? 0;\n    const footerHeight = modalMobileFooterRef.current?.offsetHeight ?? 0;\n    const containerHeight = container.scrollHeight;\n    const viewportHeight = window.innerHeight;\n    const maxScroll = Math.max(0, containerHeight - viewportHeight);\n\n    setScrollTop(currentScrollTop);\n    setScrollHeight(maxScroll);\n\n    setModalsLogic(prev => ({\n      ...prev,\n      IS_HEADER_HIDDEN: currentScrollTop > 0,\n      IS_HEADER_STICKY: currentScrollTop >= headerHeight,\n      IS_FOOTER_HIDDEN: !withFixedFooter && currentScrollTop >= maxScroll - footerHeight,\n      IS_FOOTER_STICKY: withFixedFooter,\n    }));\n  }, [isOpen, withFixedFooter]);\n\n  // Handle scroll events\n  useEffect(() => {\n    const container = modalMobileContainerRef.current;\n    if (container && isOpen) {\n      container.addEventListener('scroll', updateScrollState, { passive: true });\n      updateScrollState(); // Initial state update\n    }\n\n    return () => {\n      if (container) {\n        container.removeEventListener('scroll', updateScrollState);\n      }\n    };\n  }, [isOpen, updateScrollState]);\n\n  // Handle resize events\n  useEffect(() => {\n    if (isOpen) {\n      window.addEventListener('resize', updateScrollState, { passive: true });\n    }\n\n    return () => {\n      window.removeEventListener('resize', updateScrollState);\n    };\n  }, [isOpen, updateScrollState]);\n\n  // Initial setup when modal opens\n  useEffect(() => {\n    if (isOpen) {\n      updateScrollState();\n    }\n  }, [isOpen, updateScrollState]);\n\n  // Update footer sticky state\n  useEffect(() => {\n    setModalsLogic(prev => ({\n      ...prev,\n      IS_FOOTER_STICKY: withFixedFooter,\n    }));\n  }, [withFixedFooter]);\n\n  const renderModal = useCallback(\n    (modal: ReactNode): ReactNode => {\n      if (!isMobile || !withMobileLogic) return modal;\n\n      return (\n        <div className=\"modal-mobile-container\" ref={modalMobileContainerRef}>\n          {modal}\n        </div>\n      );\n    },\n    [isMobile, withMobileLogic],\n  );\n\n  return {\n    modalMobileContainerRef,\n    modalMobileHeaderRef,\n    modalMobileBodyRef,\n    modalMobileFooterRef,\n    MODALS_LOGIC: modalsLogic,\n    SCROLL_DIRECTION,\n    scrollTop,\n    scrollHeight,\n    renderModal,\n    isMobile,\n  };\n}\n"],"names":["useMobileModal","SCROLL_DIRECTION","UP","DOWN","withMobileLogic","withFixedFooter","isOpen","modalMobileContainerRef","useRef","modalMobileHeaderRef","modalMobileFooterRef","modalMobileBodyRef","isMobile","useIsMobile","scrollTop","setScrollTop","useState","scrollHeight","setScrollHeight","modalsLogic","setModalsLogic","IS_HEADER_HIDDEN","IS_HEADER_STICKY","IS_FOOTER_HIDDEN","IS_FOOTER_STICKY","updateScrollState","useCallback","container","current","currentScrollTop","headerHeight","offsetHeight","footerHeight","containerHeight","viewportHeight","window","innerHeight","maxScroll","Math","max","prev","useEffect","addEventListener","passive","removeEventListener","renderModal","modal","div","className","ref","MODALS_LOGIC"],"mappings":"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"}

package/dist/Atomic/UI/MonoAccordion/MonoAccordion._test.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/Atomic/UI/MonoAccordion/MonoAccordion._test.js"],"sourcesContent":["import { fireEvent, render, screen } from '@testing-library/react';\n\nimport MonoAccordion from './MonoAccordion';\n\ndescribe('monoAccordion', () => {\n  const defaultProps = {\n    titleJSX: <div>Accordion Title</div>,\n    icon: <span>▼</span>,\n    isOpen: false,\n    onClick: jest.fn(),\n    testId: 'test-accordion',\n  };\n\n  it('renders correctly with default props', () => {\n    render(\n      <MonoAccordion {...defaultProps}>\n        <div>Accordion Content</div>\n      </MonoAccordion>,\n    );\n\n    expect(screen.getByTestId('test-accordion')).toBeInTheDocument();\n    expect(screen.getByText('Accordion Title')).toBeInTheDocument();\n  });\n\n  it('handles click events correctly', () => {\n    render(\n      <MonoAccordion {...defaultProps}>\n        <div>Accordion Content</div>\n      </MonoAccordion>,\n    );\n\n    fireEvent.click(screen.getByRole('button'));\n    expect(defaultProps.onClick).toHaveBeenCalled();\n  });\n\n  it('applies correct classes when open', () => {\n    render(\n      <MonoAccordion {...defaultProps} isOpen={true}>\n        <div>Accordion Content</div>\n      </MonoAccordion>,\n    );\n\n    expect(screen.getByTestId('test-accordion')).toHaveClass('mono-accordion--is-open');\n  });\n\n  it('applies disabled state correctly', () => {\n    render(\n      <MonoAccordion {...defaultProps} disabled={true}>\n        <div>Accordion Content</div>\n      </MonoAccordion>,\n    );\n\n    const button = screen.getByRole('button');\n    expect(button).toBeDisabled();\n    expect(screen.getByTestId('test-accordion')).toHaveClass('mono-accordion--disabled');\n  });\n\n  it('handles aria attributes correctly', () => {\n    const { rerender } = render(\n      <MonoAccordion {...defaultProps}>\n        <div>Accordion Content</div>\n      </MonoAccordion>,\n    );\n\n    expect(screen.getByRole('button')).toHaveAttribute('aria-expanded', 'false');\n\n    rerender(\n      <MonoAccordion {...defaultProps} isOpen={true}>\n        <div>Accordion Content</div>\n      </MonoAccordion>,\n    );\n\n    expect(screen.getByRole('button')).toHaveAttribute('aria-expanded', 'true');\n  });\n});\n"],"names":["describe","defaultProps","titleJSX","div","icon","span","isOpen","onClick","jest","fn","testId","it","render","MonoAccordion","expect","screen","getByTestId","toBeInTheDocument","getByText","fireEvent","click","getByRole","toHaveBeenCalled","toHaveClass","disabled","button","toBeDisabled","rerender","toHaveAttribute"],"mappings":";;;;;uBAA0C;sEAEhB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAE1BA,SAAS,iBAAiB;IACxB,MAAMC,eAAe;QACnBC,wBAAU,qBAACC;sBAAI;;QACfC,oBAAM,qBAACC;sBAAK;;QACZC,QAAQ;QACRC,SAASC,KAAKC,EAAE;QAChBC,QAAQ;IACV;IAEAC,GAAG,wCAAwC;QACzCC,IAAAA,aAAM,gBACJ,qBAACC,sBAAa,0CAAKZ;sBACjB,cAAA,qBAACE;0BAAI;;;QAITW,OAAOC,aAAM,CAACC,WAAW,CAAC,mBAAmBC,iBAAiB;QAC9DH,OAAOC,aAAM,CAACG,SAAS,CAAC,oBAAoBD,iBAAiB;IAC/D;IAEAN,GAAG,kCAAkC;QACnCC,IAAAA,aAAM,gBACJ,qBAACC,sBAAa,0CAAKZ;sBACjB,cAAA,qBAACE;0BAAI;;;QAITgB,gBAAS,CAACC,KAAK,CAACL,aAAM,CAACM,SAAS,CAAC;QACjCP,OAAOb,aAAaM,OAAO,EAAEe,gBAAgB;IAC/C;IAEAX,GAAG,qCAAqC;QACtCC,IAAAA,aAAM,gBACJ,qBAACC,sBAAa,0CAAKZ;YAAcK,QAAQ;sBACvC,cAAA,qBAACH;0BAAI;;;QAITW,OAAOC,aAAM,CAACC,WAAW,CAAC,mBAAmBO,WAAW,CAAC;IAC3D;IAEAZ,GAAG,oCAAoC;QACrCC,IAAAA,aAAM,gBACJ,qBAACC,sBAAa,0CAAKZ;YAAcuB,UAAU;sBACzC,cAAA,qBAACrB;0BAAI;;;QAIT,MAAMsB,SAASV,aAAM,CAACM,SAAS,CAAC;QAChCP,OAAOW,QAAQC,YAAY;QAC3BZ,OAAOC,aAAM,CAACC,WAAW,CAAC,mBAAmBO,WAAW,CAAC;IAC3D;IAEAZ,GAAG,qCAAqC;QACtC,MAAM,EAAEgB,QAAQ,EAAE,GAAGf,IAAAA,aAAM,gBACzB,qBAACC,sBAAa,0CAAKZ;sBACjB,cAAA,qBAACE;0BAAI;;;QAITW,OAAOC,aAAM,CAACM,SAAS,CAAC,WAAWO,eAAe,CAAC,iBAAiB;QAEpED,uBACE,qBAACd,sBAAa,0CAAKZ;YAAcK,QAAQ;sBACvC,cAAA,qBAACH;0BAAI;;;QAITW,OAAOC,aAAM,CAACM,SAAS,CAAC,WAAWO,eAAe,CAAC,iBAAiB;IACtE;AACF"}

package/dist/Atomic/UI/MonoAccordion/MonoAccordion.interface.js

@@ -1,6 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-
-//# sourceMappingURL=MonoAccordion.interface.js.map

package/dist/Atomic/UI/MonoAccordion/MonoAccordion.interface.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/Atomic/UI/MonoAccordion/MonoAccordion.interface.ts"],"names":[],"mappings":""}

package/dist/Atomic/UI/MonoAccordion/MonoAccordion.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../../src/Atomic/UI/MonoAccordion/MonoAccordion.js"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\n\nimport \"./MonoAccordion.scss\";\n\nconst RC = \"mono-accordion\";\n\nconst MonoAccordion = ({\n  titleJSX,\n  icon,\n  children,\n  isOpen,\n  onClick,\n  className,\n  disabled,\n  testId = \"mono-accordion\",\n  datasetProp = {},\n}) => {\n  const [maxHeight, setMaxHeight] = useState();\n  const titleRef = useRef();\n  const containerRef = useRef();\n\n  const setHeight = (value) => {\n    if (value !== undefined) setMaxHeight((state) => `${value}px`);\n    else\n      setMaxHeight(\n        (state) =>\n          `${Array.from(containerRef.current?.childNodes)?.reduce?.((acc, el) => acc + el.offsetHeight, 0)}px`,\n      );\n  };\n\n  const handleClick = (e) => {\n    if (\n      !Array.from(titleRef.current.childNodes).some((el) =>\n        el.contains(e.target),\n      )\n    ) {\n      onClick(e);\n      e?.preventDefault();\n      e?.stopPropagation();\n    } else return e;\n  };\n\n  useEffect(() => {\n    if (!isOpen) setHeight(0);\n    else setHeight();\n  }, [isOpen, children]);\n\n  return (\n    <div\n      {...datasetProp}\n      data-testid={testId}\n      className={cn(RC, className, {\n        [`${RC}_is-open`]: isOpen,\n        [`${RC}_disabled`]: disabled,\n      })}\n    >\n      <div\n        className={`${RC}__head`}\n        onClick={handleClick}\n      >\n        <div ref={titleRef} className={`${RC}__tile-container`}>\n          {titleJSX}\n        </div>\n        <span className={`${RC}__icon-container`}>{icon}</span>\n      </div>\n\n      <div\n        ref={containerRef}\n        style={{ maxHeight }}\n        className={cn(`${RC}__container`)}\n      >\n        <div className={`${RC}__content-wrapper`}>{children}</div>\n      </div>\n    </div>\n  );\n};\n\nexport default MonoAccordion;\n"],"names":["RC","MonoAccordion","titleJSX","icon","children","isOpen","onClick","className","disabled","testId","datasetProp","maxHeight","setMaxHeight","useState","titleRef","useRef","containerRef","setHeight","value","undefined","state","Array","from","current","childNodes","reduce","acc","el","offsetHeight","handleClick","e","some","contains","target","preventDefault","stopPropagation","useEffect","div","data-testid","cn","ref","span","style"],"mappings":";;;;+BA+EA;;;eAAA;;;;+DA/EmD;mEAEpC;QAER;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEP,MAAMA,KAAK;AAEX,MAAMC,gBAAgB,CAAC,EACrBC,QAAQ,EACRC,IAAI,EACJC,QAAQ,EACRC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,QAAQ,EACRC,SAAS,gBAAgB,EACzBC,cAAc,CAAC,CAAC,EACjB;IACC,MAAM,CAACC,WAAWC,aAAa,GAAGC,IAAAA,eAAQ;IAC1C,MAAMC,WAAWC,IAAAA,aAAM;IACvB,MAAMC,eAAeD,IAAAA,aAAM;IAE3B,MAAME,YAAY,CAACC;QACjB,IAAIA,UAAUC,WAAWP,aAAa,CAACQ,QAAU,GAAGF,MAAM,EAAE,CAAC;aAE3DN,aACE,CAACQ;gBACIC,oBAAAA,aAAWL;mBAAd,IAAGK,cAAAA,MAAMC,IAAI,EAACN,wBAAAA,aAAaO,OAAO,cAApBP,4CAAAA,sBAAsBQ,UAAU,eAA3CH,mCAAAA,qBAAAA,YAA8CI,MAAM,cAApDJ,yCAAAA,wBAAAA,aAAuD,CAACK,KAAKC,KAAOD,MAAMC,GAAGC,YAAY,EAAE,GAAG,EAAE,CAAC;;IAE5G;IAEA,MAAMC,cAAc,CAACC;QACnB,IACE,CAACT,MAAMC,IAAI,CAACR,SAASS,OAAO,CAACC,UAAU,EAAEO,IAAI,CAAC,CAACJ,KAC7CA,GAAGK,QAAQ,CAACF,EAAEG,MAAM,IAEtB;YACA3B,QAAQwB;YACRA,cAAAA,wBAAAA,EAAGI,cAAc;YACjBJ,cAAAA,wBAAAA,EAAGK,eAAe;QACpB,OAAO,OAAOL;IAChB;IAEAM,IAAAA,gBAAS,EAAC;QACR,IAAI,CAAC/B,QAAQY,UAAU;aAClBA;IACP,GAAG;QAACZ;QAAQD;KAAS;IAErB,qBACE,sBAACiC,+CACK3B;QACJ4B,eAAa7B;QACbF,WAAWgC,IAAAA,mBAAE,EAACvC,IAAIO,WAAW;YAC3B,CAAC,GAAGP,GAAG,QAAQ,CAAC,CAAC,EAAEK;YACnB,CAAC,GAAGL,GAAG,SAAS,CAAC,CAAC,EAAEQ;QACtB;;0BAEA,sBAAC6B;gBACC9B,WAAW,GAAGP,GAAG,MAAM,CAAC;gBACxBM,SAASuB;;kCAET,qBAACQ;wBAAIG,KAAK1B;wBAAUP,WAAW,GAAGP,GAAG,gBAAgB,CAAC;kCACnDE;;kCAEH,qBAACuC;wBAAKlC,WAAW,GAAGP,GAAG,gBAAgB,CAAC;kCAAGG;;;;0BAG7C,qBAACkC;gBACCG,KAAKxB;gBACL0B,OAAO;oBAAE/B;gBAAU;gBACnBJ,WAAWgC,IAAAA,mBAAE,EAAC,GAAGvC,GAAG,WAAW,CAAC;0BAEhC,cAAA,qBAACqC;oBAAI9B,WAAW,GAAGP,GAAG,iBAAiB,CAAC;8BAAGI;;;;;AAInD;MAEA,WAAeH"}

package/dist/Atomic/UI/MonoAccordion/MonoAccordion.stories.js

@@ -1,597 +0,0 @@
-"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]
-    });
-}
-_export(exports, {
-    AlternativeIcons: function() {
-        return AlternativeIcons;
-    },
-    Basic: function() {
-        return Basic;
-    },
-    CustomStyled: function() {
-        return CustomStyled;
-    },
-    CustomStyledTitle: function() {
-        return CustomStyledTitle;
-    },
-    Disabled: function() {
-        return Disabled;
-    },
-    FormContent: function() {
-        return FormContent;
-    },
-    LoadingState: function() {
-        return LoadingState;
-    },
-    MultipleAccordions: function() {
-        return MultipleAccordions;
-    },
-    NestedAccordions: function() {
-        return NestedAccordions;
-    },
-    RichContent: function() {
-        return RichContent;
-    },
-    TableContent: function() {
-        return TableContent;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _reactfeather = require("react-feather");
-const _MonoAccordion = /*#__PURE__*/ _interop_require_default(require("./MonoAccordion"));
-require("./partial/AnyOuterClass.scss");
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-        var info = gen[key](arg);
-        var value = info.value;
-    } catch (error) {
-        reject(error);
-        return;
-    }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
-}
-function _async_to_generator(fn) {
-    return function() {
-        var self = this, args = arguments;
-        return new Promise(function(resolve, reject) {
-            var gen = fn.apply(self, args);
-            function _next(value) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-            }
-            function _throw(err) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-            }
-            _next(undefined);
-        });
-    };
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-const _default = {
-    title: 'UI/MonoAccordion',
-    component: _MonoAccordion.default,
-    parameters: {
-        docs: {
-            description: {
-                component: 'A flexible accordion component that supports custom content, icons, and animations.'
-            }
-        }
-    },
-    argTypes: {
-        isIncludeOuterStyles: {
-            control: 'boolean',
-            description: 'Include additional outer styling class',
-            defaultValue: false
-        },
-        disabled: {
-            control: 'boolean',
-            description: 'Disable accordion interaction'
-        },
-        className: {
-            control: 'text',
-            description: 'Additional CSS class names'
-        }
-    }
-};
-// Base Template
-const Template = (args)=>{
-    const { isIncludeOuterStyles, children } = args;
-    const [isOpen, setIsOpen] = (0, _react.useState)(false);
-    if (!Array.isArray(children) || !children.length) {
-        return null;
-    }
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
-        className: isIncludeOuterStyles ? 'any-outer-class__mono-accordion' : undefined,
-        titleJSX: args.titleJSX,
-        icon: isOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {}),
-        isOpen: isOpen,
-        onClick: ()=>setIsOpen(!isOpen),
-        disabled: args.disabled,
-        children: (children || []).map((el, idx)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                style: {
-                    padding: '5px 0'
-                },
-                children: el
-            }, idx))
-    });
-};
-const Basic = Template.bind({});
-Basic.args = {
-    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-        children: "Basic Accordion"
-    }),
-    children: [
-        'First item',
-        'Second item',
-        'Third item'
-    ]
-};
-const CustomStyledTitle = Template.bind({});
-CustomStyledTitle.args = {
-    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        style: {
-            display: 'flex',
-            flexDirection: 'column',
-            gap: '4px'
-        },
-        children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                style: {
-                    fontWeight: 'bold'
-                },
-                children: "Custom Styled Title"
-            }),
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                style: {
-                    fontSize: '12px',
-                    color: '#666'
-                },
-                children: "With subtitle"
-            })
-        ]
-    }),
-    children: [
-        'Content item 1',
-        'Content item 2'
-    ]
-};
-const RichContent = Template.bind({});
-RichContent.args = {
-    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-        children: "Rich Content Example"
-    }),
-    children: [
-        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            style: {
-                display: 'flex',
-                alignItems: 'center',
-                gap: '8px'
-            },
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("img", {
-                    src: "https://via.placeholder.com/40",
-                    alt: "placeholder",
-                    style: {
-                        borderRadius: '50%'
-                    }
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("h4", {
-                            style: {
-                                margin: 0
-                            },
-                            children: "John Doe"
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
-                            style: {
-                                margin: 0,
-                                color: '#666'
-                            },
-                            children: "Frontend Developer"
-                        })
-                    ]
-                })
-            ]
-        }, "1"),
-        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            style: {
-                padding: '12px',
-                backgroundColor: '#f5f5f5',
-                borderRadius: '4px'
-            },
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
-                    children: "This is a card-like content block"
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
-                    type: "button",
-                    children: "Click me"
-                })
-            ]
-        }, "2")
-    ]
-};
-const AlternativeIcons = (args)=>{
-    const [isOpen, setIsOpen] = (0, _react.useState)(false);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, _object_spread_props(_object_spread({}, args), {
-        titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-            children: "Alternative Icons"
-        }),
-        icon: isOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Minus, {
-            size: 18
-        }) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Plus, {
-            size: 18
-        }),
-        isOpen: isOpen,
-        onClick: ()=>setIsOpen(!isOpen),
-        children: /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
-            children: "Content with alternative icons"
-        })
-    }));
-};
-const MultipleAccordions = ()=>{
-    const [openStates, setOpenStates] = (0, _react.useState)([
-        false,
-        false,
-        false
-    ]);
-    const toggleAccordion = (index)=>{
-        setOpenStates((prev)=>prev.map((state, i)=>i === index ? !state : state));
-    };
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-        style: {
-            display: 'flex',
-            flexDirection: 'column',
-            gap: '8px'
-        },
-        children: [
-            'First',
-            'Second',
-            'Third'
-        ].map((title, index)=>/*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
-                titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsxs)("span", {
-                    children: [
-                        title,
-                        ' ',
-                        "Accordion"
-                    ]
-                }),
-                icon: openStates[index] ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ArrowUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ArrowDown, {}),
-                isOpen: openStates[index],
-                onClick: ()=>toggleAccordion(index),
-                children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("p", {
-                    children: [
-                        "Content for",
-                        title.toLowerCase(),
-                        ' ',
-                        "accordion"
-                    ]
-                })
-            }, index))
-    });
-};
-const NestedAccordions = ()=>{
-    const [parentOpen, setParentOpen] = (0, _react.useState)(false);
-    const [childOpen, setChildOpen] = (0, _react.useState)(false);
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
-        titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-            children: "Parent Accordion"
-        }),
-        icon: parentOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {}),
-        isOpen: parentOpen,
-        onClick: ()=>setParentOpen(!parentOpen),
-        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            style: {
-                padding: '10px 0'
-            },
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
-                    children: "Parent content"
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
-                    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-                        children: "Child Accordion"
-                    }),
-                    icon: childOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {}),
-                    isOpen: childOpen,
-                    onClick: ()=>setChildOpen(!childOpen),
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("p", {
-                        children: "Child content"
-                    })
-                })
-            ]
-        })
-    });
-};
-const Disabled = Template.bind({});
-Disabled.args = {
-    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-        children: "Disabled Accordion"
-    }),
-    disabled: true,
-    children: [
-        'This content is not accessible'
-    ]
-};
-const CustomStyled = Template.bind({});
-CustomStyled.args = {
-    isIncludeOuterStyles: true,
-    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-        children: "Custom Styled Accordion"
-    }),
-    children: [
-        'Content with custom styling'
-    ]
-};
-const FormContent = ()=>{
-    const [isOpen, setIsOpen] = (0, _react.useState)(false);
-    const [formData, setFormData] = (0, _react.useState)({
-        name: '',
-        email: ''
-    });
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
-        titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-            children: "Form Example"
-        }),
-        icon: isOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {}),
-        isOpen: isOpen,
-        onClick: ()=>setIsOpen(!isOpen),
-        children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("form", {
-            style: {
-                display: 'flex',
-                flexDirection: 'column',
-                gap: '10px',
-                padding: '10px 0'
-            },
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
-                    type: "text",
-                    placeholder: "Name",
-                    value: formData.name,
-                    onChange: (e)=>setFormData((prev)=>_object_spread_props(_object_spread({}, prev), {
-                                name: e.target.value
-                            }))
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("input", {
-                    type: "email",
-                    placeholder: "Email",
-                    value: formData.email,
-                    onChange: (e)=>setFormData((prev)=>_object_spread_props(_object_spread({}, prev), {
-                                email: e.target.value
-                            }))
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("button", {
-                    type: "button",
-                    children: "Submit"
-                })
-            ]
-        })
-    });
-};
-const TableContent = Template.bind({});
-TableContent.args = {
-    titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-        children: "Table Example"
-    }),
-    children: [
-        /*#__PURE__*/ (0, _jsxruntime.jsxs)("table", {
-            style: {
-                width: '100%',
-                borderCollapse: 'collapse'
-            },
-            children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("thead", {
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsxs)("tr", {
-                        children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)("th", {
-                                style: {
-                                    border: '1px solid #ddd',
-                                    padding: '8px'
-                                },
-                                children: "Header 1"
-                            }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)("th", {
-                                style: {
-                                    border: '1px solid #ddd',
-                                    padding: '8px'
-                                },
-                                children: "Header 2"
-                            })
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("tbody", {
-                    children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("tr", {
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
-                                    style: {
-                                        border: '1px solid #ddd',
-                                        padding: '8px'
-                                    },
-                                    children: "Data 1"
-                                }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
-                                    style: {
-                                        border: '1px solid #ddd',
-                                        padding: '8px'
-                                    },
-                                    children: "Data 2"
-                                })
-                            ]
-                        }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("tr", {
-                            children: [
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
-                                    style: {
-                                        border: '1px solid #ddd',
-                                        padding: '8px'
-                                    },
-                                    children: "Data 3"
-                                }),
-                                /*#__PURE__*/ (0, _jsxruntime.jsx)("td", {
-                                    style: {
-                                        border: '1px solid #ddd',
-                                        padding: '8px'
-                                    },
-                                    children: "Data 4"
-                                })
-                            ]
-                        })
-                    ]
-                })
-            ]
-        }, "1")
-    ]
-};
-const LoadingState = ()=>{
-    const [isOpen, setIsOpen] = (0, _react.useState)(false);
-    const [isLoading, setIsLoading] = (0, _react.useState)(false);
-    const [content, setContent] = (0, _react.useState)(null);
-    const handleClick = /*#__PURE__*/ function() {
-        var _ref = _async_to_generator(function*() {
-            if (!isOpen) {
-                setIsLoading(true);
-                // Имитация загрузки данных
-                yield new Promise((resolve)=>setTimeout(resolve, 1000));
-                setContent('Loaded content');
-                setIsLoading(false);
-            }
-            setIsOpen(!isOpen);
-        });
-        return function handleClick() {
-            return _ref.apply(this, arguments);
-        };
-    }();
-    return /*#__PURE__*/ (0, _jsxruntime.jsx)(_MonoAccordion.default, {
-        titleJSX: /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
-            children: "Loading Example"
-        }),
-        icon: isOpen ? /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronUp, {}) : /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronDown, {}),
-        isOpen: isOpen,
-        onClick: handleClick,
-        children: isLoading ? /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            style: {
-                padding: '20px 0',
-                textAlign: 'center'
-            },
-            children: "Loading..."
-        }) : /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            children: content
-        })
-    });
-};
-
-//# sourceMappingURL=MonoAccordion.stories.js.map