@dappworks/kit 0.5.24 → 0.5.26

package/dist/chunk-LUZYPHFG.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../module/Dialog/index.tsx","../module/Dialog/Provider.tsx"],"names":["React","rootStore"],"mappings":";;;;;;;;;;;;;AAAA,OAAOA,YAAW;AAClB,SAAS,0BAA0B;;;ACDnC,OAAO,WAAW;AAClB,SAAS,OAAO,WAAW,cAAc,mBAAmB;AAC5D,SAAS,gBAAgB;AAIzB,IAAM,SAAS,SAAS,MAAM;AAC5B,QAAMC,aAAY,SAAS;AAC3B,QAAM,QAAQA,WAAU,IAAI,WAAW;AACvC,QAAM,EAAE,WAAW,YAAY,QAAQ,WAAW,OAAO,MAAM,SAAS,cAAc,IAAI;AAC1F,QAAM,UAAU,OAAO,YAAY,aAAa,UAAU,MAAM;AAChE,MAAI,CAAC;AAAQ,WAAO;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc,CAAC,SAAkB;AAC/B,YAAI,CAAC,MAAM;AACT,gBAAM,MAAM;AAAA,QACd;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA;AAAA,IAEA,oCAAC,gBAAa,WAAU,gCACrB,MACC,0DACG,SAAS,oCAAC,eAAY,WAAU,yBAAuB,KAAM,GAC9D,oCAAC,iBACC,oCAAC,aAAQ,CACX,CACF,CAEJ;AAAA,EACF;AAEJ,CAAC;AAED,IAAO,mBAAQ;;;ADhCR,IAAM,cAAN,MAAM,aAA6B;AAAA,EAcxC,YAAY,MAA6B;AAbzC,eAAM;AACN,oBAAW,MAAM,gBAAAD,OAAA,cAAC,sBAAS;AAE3B,kBAAS;AAET,iBAAQ;AACR,gBAAkF;AAClF,qBAAoB;AAEpB,iBAAmB;AACnB,mBAA+D;AAC/D,yBAAgB;AAGd,UAAM,aAAa,UAAS,6BAAM,UAAS,WAAW,OAAO;AAC7D,UAAM,aAAa,kCACd,WAAW,aACX,6BAAM;AAEX,WAAO,OAAO,MAAM,MAAM,EAAE,WAAW,CAAC;AACxC,uBAAmB,IAAI;AAAA,EACzB;AAAA,EAGA,QAAQ,GAAyB;AAC/B,WAAO,OAAO,MAAM,CAAC;AAAA,EACvB;AAAA,EAEA,QAAQ;AACN,SAAK,SAAS;AACd,SAAK,QAAQ;AACb,SAAK,UAAU;AACf,SAAK,OAAO;AACZ,SAAK,gBAAgB;AAAA,EACvB;AAAA,EAEA,OAAO,KAAK,GAAyB;AACnC,UAAM,aAAa,UAAS,uBAAG,UAAS,WAAW,OAAO;AAC1D,UAAM,aAAa,kCACd,WAAW,aACX,uBAAG;AAER,cAAU,IAAI,YAAW,EAAE,QAAQ,iCAC9B,IAD8B;AAAA,MAEjC;AAAA,MACA,QAAQ;AAAA,IAEV,EAAC;AAAA,EACH;AAAA,EAEA,OAAO,QAAQ;AACb,cAAU,IAAI,YAAW,EAAE,MAAM;AAAA,EACnC;AACF","sourcesContent":["import React from \"react\";\nimport { makeAutoObservable } from \"mobx\";\nimport { rootStore } from \"../../store\";\nimport { Store } from \"../../store/standard/base\";\nimport Provider from \"./Provider\";\nimport { ModalSlots, SlotsToClasses } from \"@nextui-org/react\";\nimport { getStyle, ThemeType } from \"../../themes\";\n\nexport class DialogStore implements Store {\n  sid = \"DialogStore\";\n  provider = () => <Provider />;\n\n  isOpen = false;\n  placement: \"center\" | \"auto\" | \"top\" | \"bottom\" | \"top-center\" | \"bottom-center\";\n  title = \"\";\n  size: \"sm\" | \"md\" | \"lg\" | \"xl\" | \"2xl\" | \"full\" | \"xs\" | \"3xl\" | \"4xl\" | \"5xl\" = \"md\";\n  className: string = \"\";\n  classNames?: SlotsToClasses<ModalSlots>;\n  theme: ThemeType = \"default\";\n  content: React.ReactNode | ((props: any) => React.ReactNode) = \"\";\n  isDismissable = true;\n\n  constructor(args?: Partial<DialogStore>) {\n    const modalStyle = getStyle(args?.theme || 'default', 'Modal');\n    const classNames = {\n      ...modalStyle.classNames,\n      ...args?.classNames\n    }\n    Object.assign(this, args, { classNames });\n    makeAutoObservable(this);\n  }\n\n\n  setData(v: Partial<DialogStore>) {\n    Object.assign(this, v);\n  }\n\n  close() {\n    this.isOpen = false;\n    this.title = \"\";\n    this.content = \"\";\n    this.size = \"md\";\n    this.isDismissable = true;\n  }\n\n  static show(v: Partial<DialogStore>) {\n    const modalStyle = getStyle(v?.theme || 'default', 'Modal');\n    const classNames = {\n      ...modalStyle.classNames,\n      ...v?.classNames\n    }\n    rootStore.get(DialogStore).setData({\n      ...v,\n      classNames,\n      isOpen: true,\n\n    });\n  }\n\n  static close() {\n    rootStore.get(DialogStore).close();\n  }\n}\n","import React from \"react\";\nimport { Modal, ModalBody, ModalContent, ModalHeader } from \"@nextui-org/react\";\nimport { observer } from \"mobx-react-lite\";\nimport { DialogStore } from \".\";\nimport { useStore } from \"../../store/index\";\n\nconst Dialog = observer(() => {\n  const rootStore = useStore();\n  const modal = rootStore.get(DialogStore);\n  const { className, classNames, isOpen, placement, title, size, content, isDismissable } = modal;\n  const Content = typeof content === 'function' ? content : () => content;\n  if (!isOpen) return null;\n  return (\n    <Modal\n      isOpen={isOpen}\n      size={size}\n      placement={placement}\n      onOpenChange={(open: boolean) => {\n        if (!open) {\n          modal.close();\n        }\n      }}\n      className={className}\n      classNames={classNames}\n      isDismissable={isDismissable}\n    >\n      <ModalContent className=\"max-h-screen overflow-auto\">\n        {() => (\n          <>\n            {title && <ModalHeader className=\"flex flex-col gap-1\">{title}</ModalHeader>}\n            <ModalBody>\n              <Content />\n            </ModalBody>\n          </>\n        )}\n      </ModalContent>\n    </Modal >\n  );\n});\n\nexport default Dialog;"]}