@edifice.io/react 2.0.0-develop-rc.12 → 2.0.0-develop-rc.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.0.0-develop-rc.12",
+  "version": "2.0.0-develop-rc.13",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -24,22 +24,6 @@
   "exports": {
     ".": {
       "import": "./dist/index.js"
-    },
-    "./audience": {
-      "import": "./dist/audience.js",
-      "types": "./dist/modules/audience/index.d.ts"
-    },
-    "./editor": {
-      "import": "./dist/editor.js",
-      "types": "./dist/modules/editor/index.d.ts"
-    },
-    "./modals": {
-      "import": "./dist/modals.js",
-      "types": "./dist/modules/modals/index.d.ts"
-    },
-    "./multimedia": {
-      "import": "./dist/multimedia.js",
-      "types": "./dist/modules/multimedia/index.d.ts"
     }
   },
   "module": "dist/index.js",
@@ -47,79 +31,64 @@
   "files": [
     "dist"
   ],
+  "scripts": {
+    "build": "vite build",
+    "fix": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "format": "pnpm run format:write && pnpm run format:check",
+    "format:check": "npx prettier --check .",
+    "format:write": "npx prettier --write .",
+    "lint": "eslint \"**/*.{ts,tsx}\"",
+    "test": "vitest"
+  },
   "dependencies": {
     "@floating-ui/react": "0.26.0",
     "@pixi/mixin-get-child-by-name": "7.4.2",
     "@pixi/react": "7.1.2",
-    "@storybook/react": "7.6.6",
-    "@tiptap/extension-character-count": "2.3.0",
-    "@tiptap/extension-color": "2.3.0",
-    "@tiptap/extension-focus": "2.3.0",
-    "@tiptap/extension-font-family": "2.3.0",
-    "@tiptap/extension-placeholder": "2.3.0",
-    "@tiptap/extension-subscript": "2.3.0",
-    "@tiptap/extension-superscript": "2.3.0",
-    "@tiptap/extension-table": "2.3.0",
-    "@tiptap/extension-table-header": "2.3.0",
-    "@tiptap/extension-table-row": "2.3.0",
-    "@tiptap/extension-text-align": "2.3.0",
-    "@tiptap/extension-text-style": "2.3.0",
-    "@tiptap/extension-typography": "2.3.0",
-    "@tiptap/extension-underline": "2.3.0",
+    "@popperjs/core": "2.11.8",
     "@tiptap/pm": "2.3.0",
     "@tiptap/react": "2.3.0",
     "@tiptap/starter-kit": "2.3.0",
     "@uidotdev/usehooks": "^2.4.1",
     "clsx": "2.1.0",
     "dayjs": "1.11.10",
-    "emoji-picker-react": "4.5.2",
     "html-react-parser": "4.2.1",
     "ohash": "1.1.3",
+    "pako": "2.1.0",
     "pixi.js": "7.4.2",
     "react-hot-toast": "2.4.1",
     "react-intersection-observer": "9.5.3",
     "react-popper": "2.3.0",
     "react-slugify": "3.0.3",
     "swiper": "10.1.0",
-    "ua-parser-js": "1.0.36",
-    "@edifice.io/tiptap-extensions": "2.0.0-develop-rc.12",
-    "@edifice.io/ts-client": "2.0.0-develop-rc.12"
+    "ua-parser-js": "1.0.36"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "7.23.3",
+    "@edifice.io/icons": "2.0.0-develop-rc.13",
     "@react-spring/web": "9.7.3",
-    "@storybook/react": "7.6.6",
     "@tanstack/react-query": "5.8.4",
     "@types/node": "20.8.4",
     "@types/pako": "2.0.3",
     "@types/react": "18.2.28",
     "@types/react-dom": "18.2.13",
     "@types/ua-parser-js": "0.7.37",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-hook-form": "7.49.2",
-    "react-i18next": "14.1.0",
-    "@edifice.io/icons": "2.0.0-develop-rc.12"
+    "edifice-ts-client": "2.0.0-develop-rc.13",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.49.2",
+    "react-i18next": "^14.1.0"
   },
   "peerDependencies": {
     "@edifice.io/icons": "*",
-    "@react-spring/web": "9.7.3",
-    "@tanstack/react-query": "5.8.4",
-    "@tiptap-pro/extension-mathematics": "2.2.1",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
-    "react-hook-form": "7.49.2",
-    "react-i18next": "14.1.0"
+    "@react-spring/web": "^9.7.3",
+    "@tanstack/react-query": "^5.8.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.49.2",
+    "react-i18next": "^14.1.0"
   },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "3e1c3f5b48505564db1b70aab22063a70336f3b0",
-  "scripts": {
-    "build": "vite build",
-    "format": "pnpm run format:write && pnpm run format:check",
-    "format:check": "npx prettier --check .",
-    "format:write": "npx prettier --write .",
-    "test": "vitest"
-  }
-}
+  "gitHead": "0139116ce0d4be358d1e6ca110bb7cd403f3a581"
+}

package/dist/audience.js

@@ -1,17 +0,0 @@
-import { default as a } from "./modules/audience/ViewsCounter.js";
-import { default as r } from "./modules/audience/ViewsModal.js";
-import { default as s } from "./modules/audience/ReactionSummary.js";
-import { default as d } from "./modules/audience/ReactionChoice.js";
-import { default as m } from "./modules/audience/ReactionModal.js";
-import { default as c } from "./modules/audience/hooks/useReactions.js";
-import { default as p } from "./modules/audience/hooks/useReactionIcons.js";
-export {
-  d as ReactionChoice,
-  m as ReactionModal,
-  s as ReactionSummary,
-  a as ViewsCounter,
-  r as ViewsModal,
-  p as useReactionIcons,
-  c as useReactions
-};
-//# sourceMappingURL=audience.js.map

package/dist/audience.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"audience.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/components/ActionBar/ActionBar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ActionBar.js","sources":["../../../src/components/ActionBar/ActionBar.tsx"],"sourcesContent":["import { forwardRef, Ref } from 'react';\n\nexport interface ActionBarProps {\n  /**\n   * Add Buttons To Actions bar\n   */\n  children: React.ReactNode;\n}\n\nexport type ActionBarType = React.FC<ActionBarProps>;\n\nexport const ActionBar = forwardRef(\n  ({ children }: ActionBarProps, ref: Ref<HTMLDivElement>) => {\n    return (\n      <div ref={ref} className=\"actionbar\">\n        {children}\n      </div>\n    );\n  },\n);\n\nActionBar.displayName = 'ActionBar';\nexport default ActionBar;\n"],"names":["ActionBar","children","ref","jsx"],"mappings":";;AAWaA,MAAAA,sBACX,CAAC;AAAA,EAAEC,UAAAA;AAAyB,GAAGC,MAE1B,gBAAAC,EAAA,OAAA,EAAI,KAAAD,GAAU,WAAU,aACtBD,UAAAA,EACH,CAAA,CAGN;"}

package/dist/components/Alert/Alert.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import {\n  ComponentPropsWithRef,\n  forwardRef,\n  ReactNode,\n  Ref,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport clsx from 'clsx';\nimport { useTranslation } from 'react-i18next';\n\nimport { Icon } from '..';\nimport { Button } from '../Button';\n\nexport interface AlertRef {\n  show: () => void;\n  hide: () => void;\n}\n\nexport type AlertTypes = 'success' | 'warning' | 'info' | 'danger';\n\nexport type AlertPosition =\n  | 'none'\n  | 'top-left'\n  | 'top-right'\n  | 'bottom-left'\n  | 'bottom-right';\n\nexport interface AlertProps extends ComponentPropsWithRef<'div'> {\n  /**\n   * Type of alert\n   */\n  type?: AlertTypes;\n\n  /**\n   * Alert can be closed with a button ?\n   */\n  isDismissible?: boolean;\n\n  /**\n   * Alert is displayed as Toast\n   */\n  isToast?: boolean;\n\n  /**\n   * Alert is displayed as a confirm box (cancel button and confirm button)\n   */\n  isConfirm?: boolean;\n\n  /**\n   * Alert poistion.\n   */\n  position?: AlertPosition;\n\n  /**\n   * Alert must close after delay\n   */\n  autoClose?: boolean;\n\n  /**\n   * If autoClose if activated, set the delay\n   * Défault : 3000\n   */\n  autoCloseDelay?: number;\n\n  /**\n   * Alert box content\n   */\n  children: ReactNode;\n\n  /**\n   * Alert box action\n   */\n  button?: ReactNode;\n\n  /**\n   * Callback when alert is closed\n   */\n  onClose?: () => void;\n\n  /**\n   * Callback when alert is closed\n   */\n  onVisibilityChange?: (isVisible: boolean) => void;\n\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\nexport const Alert = forwardRef(\n  (\n    {\n      type = 'success',\n      className = '',\n      children,\n      button,\n      isDismissible = false,\n      isToast = false,\n      isConfirm = false,\n      position = 'none',\n      autoClose = false,\n      autoCloseDelay = 3000,\n      onClose,\n      onVisibilityChange,\n    }: AlertProps,\n    ref: Ref<AlertRef>,\n  ) => {\n    const [isVisible, setVisibleStatus] = useState<boolean>(true);\n\n    // Local ref will be merged with forwardRef in useImperativeHandle below\n    const refAlert = useRef<HTMLDivElement>(null);\n\n    const { t } = useTranslation();\n\n    // Method to hide alert\n    const hide = useCallback(() => {\n      setVisibleStatus(false);\n      // The parent component can execute function when alert is closed\n      onClose?.();\n    }, [onClose]);\n\n    // We add two methods to control the alert from parent component\n    useImperativeHandle(ref, () => ({\n      show,\n      hide,\n      ...(refAlert.current as HTMLDivElement),\n    }));\n\n    // The parent component can get alert visible state\n    useLayoutEffect(() => {\n      onVisibilityChange?.(isVisible);\n    }, [isVisible, onVisibilityChange]);\n\n    useEffect(() => {\n      if (autoClose && isVisible) {\n        setTimeout(() => {\n          hide();\n        }, autoCloseDelay);\n      }\n    }, [autoClose, autoCloseDelay, hide, isVisible]);\n\n    // Method to show alert\n    const show = () => {\n      setVisibleStatus(true);\n    };\n\n    // Here we are mapping alert type with icon Component and bootstrap class\n    // https://getbootstrap.com/docs/5.2/components/alerts/\n    const mapping = {\n      success: {\n        icon: <Icon name=\"success-outline\" />,\n        classModifier: 'alert-success',\n      },\n      warning: {\n        icon: <Icon name=\"alert-circle\" />,\n        classModifier: 'alert-warning',\n      },\n      info: { icon: <Icon name=\"info-circle\" />, classModifier: 'alert-info' },\n      danger: { icon: <Icon name=\"error\" />, classModifier: 'alert-danger' },\n    };\n\n    // Create className Attribute from component parameters\n    const toastClasses = {\n      'is-dismissible': isDismissible,\n      'is-toast ': isToast,\n    };\n    // class for Confirm box style\n    const confirmClasses = {\n      'is-confirm': isConfirm,\n    };\n\n    const divContainerClasses = clsx(\n      'alert gap-12',\n      mapping[type].classModifier,\n      toastClasses,\n      confirmClasses,\n      position,\n      className,\n    );\n\n    return isVisible ? (\n      <div ref={refAlert} className={divContainerClasses} role=\"alert\">\n        {!isConfirm && mapping[type].icon}\n        <div className=\"alert-content small\">{children}</div>\n        {button && (\n          <div className=\"ms-12\">\n            {button} {isConfirm && <Button onClick={hide}>{t('close')}</Button>}\n          </div>\n        )}\n        {(isDismissible || isConfirm) && (\n          <div className=\"btn-close-container\">\n            <button\n              type=\"button\"\n              className=\"btn-close\"\n              data-bs-dismiss=\"alert\"\n              aria-label={t('close')}\n              onClick={hide}\n            ></button>\n          </div>\n        )}\n        {/* Waiting animation library */}\n        {autoClose && (\n          <div\n            className=\"alert-progress\"\n            style={{\n              transform: `scaleX(0)`,\n            }}\n          ></div>\n        )}\n      </div>\n    ) : null;\n  },\n);\n\nAlert.displayName = 'Alert';\n\nexport default Alert;\n"],"names":["Alert","type","className","children","button","isDismissible","isToast","isConfirm","position","autoClose","autoCloseDelay","onClose","onVisibilityChange","ref","isVisible","setVisibleStatus","useState","refAlert","useRef","t","useTranslation","hide","useCallback","useImperativeHandle","show","current","useLayoutEffect","useEffect","setTimeout","mapping","success","icon","jsx","Icon","classModifier","warning","info","danger","toastClasses","confirmClasses","divContainerClasses","clsx","jsxs","Button","transform"],"mappings":"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"}

package/dist/components/AppHeader/AppHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppHeader.js","sources":["../../../src/components/AppHeader/AppHeader.tsx"],"sourcesContent":["import { ComponentPropsWithRef, forwardRef, ReactNode, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nexport interface AppHeaderProps extends ComponentPropsWithRef<'div'> {\n  /**\n   * Accept Breadcrumb Component\n   */\n  children: ReactNode;\n  /**\n   * Actions\n   */\n  render?: () => JSX.Element | null;\n  /**\n   * When no layout is used\n   */\n  isFullscreen?: boolean;\n}\n\nexport const AppHeader = forwardRef(\n  (\n    { children, render, isFullscreen = false, ...restProps }: AppHeaderProps,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    const classes = clsx('d-flex flex-wrap p-16 gap-8 border-bottom bg-white', {\n      'justify-content-between': render,\n      'mx-n16': !isFullscreen,\n      'z-3 top-0 start-0 end-0': isFullscreen,\n    });\n\n    return (\n      <div ref={ref} className={classes} {...restProps}>\n        {children}\n        {render ? (\n          <div className=\"d-flex align-items-center ms-auto gap-8\">\n            {render()}\n          </div>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nAppHeader.displayName = 'AppHeader';\n\nexport default AppHeader;\n"],"names":["AppHeader","children","render","isFullscreen","restProps","ref","classes","clsx","jsx"],"mappings":";;;AAmBaA,MAAAA,sBACX,CACE;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,QAAAA;AAAAA,EAAQC,cAAAA,IAAe;AAAA,EAAO,GAAGC;AAA0B,GACvEC,MACG;AACGC,QAAAA,IAAUC,EAAK,sDAAsD;AAAA,IACzE,2BAA2BL;AAAAA,IAC3B,UAAU,CAACC;AAAAA,IACX,2BAA2BA;AAAAA,EAAAA,CAC5B;AAED,2BACG,OAAI,EAAA,KAAAE,GAAU,WAAWC,GAAS,GAAIF,GACpCH,UAAAA;AAAAA,IAAAA;AAAAA,IACAC,IACE,gBAAAM,EAAA,OAAA,EAAI,WAAU,2CACZN,UAAAA,IACH,CAAA,IACE;AAAA,EACN,EAAA,CAAA;AAEJ,CACF;"}

package/dist/components/AppIcon/AppIcon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppIcon.js","sources":["../../../src/components/AppIcon/AppIcon.tsx"],"sourcesContent":["import { forwardRef, Ref } from 'react';\n\nimport { IWebApp } from '@edifice.io/ts-client';\nimport clsx from 'clsx';\n\nimport { useOdeIcons, usePaths } from '../../core';\nimport { Image } from '../Image';\n\nexport type AppIconSize = '24' | '32' | '40' | '48' | '80' | '160';\n\nexport interface AppIconBaseProps {\n  /**\n   * Define icon size\n   */\n  size?: AppIconSize;\n  /**\n   * App information to get code and name\n   */\n  app?: IWebApp | string;\n  /**\n   * Custom class name\n   */\n  className?: string;\n}\n\ntype AppVariants = 'square' | 'circle' | 'rounded';\ntype SquareVariant = Extract<AppVariants, 'square'>;\n\ntype SquareIcon = {\n  /**\n   * Show icon full width\n   */\n  iconFit?: 'contain';\n  /**\n   * Square variant\n   */\n  variant?: SquareVariant;\n};\n\ntype VariantsIcon = {\n  /**\n   * Add padding around icon\n   */\n  iconFit: 'ratio';\n  /**\n   * Rounded or Circle variant\n   */\n  variant: AppVariants;\n};\n\nexport type AppIconVariants = SquareIcon | VariantsIcon;\nexport type AppIconProps = AppIconBaseProps & AppIconVariants;\n\n/**\n * Icon Component used to display the icon of an application\n */\nexport const AppIcon = forwardRef(\n  (\n    {\n      app,\n      size = '24',\n      iconFit = 'contain',\n      variant = 'square',\n      className = '',\n    }: AppIconProps,\n    ref: Ref<SVGSVGElement>,\n  ) => {\n    const { isIconUrl, getIconCode } = useOdeIcons();\n    const [, iconPath] = usePaths();\n\n    const isSquare = variant === 'square';\n    const isRounded = variant === 'rounded';\n    const isCircle = variant === 'circle';\n    const isContain = iconFit === 'contain';\n    const isRatio = iconFit === 'ratio';\n\n    const iconSizes = {\n      'icon-xs': size === '24',\n      'icon-sm': size === '40',\n      'icon-md': size === '48',\n      'icon-lg': size === '80',\n      'icon-xl': size === '160',\n    };\n\n    const iconVariant = {\n      square: isSquare,\n      rounded: isRounded,\n      'rounded-circle': isCircle,\n    };\n\n    const iconFits = {\n      'icon-contain': isContain,\n      'icon-ratio': isRatio,\n    };\n\n    const icon =\n      typeof app === 'string'\n        ? app\n        : app?.icon !== undefined\n          ? app.icon\n          : 'placeholder';\n    const displayName =\n      typeof app !== 'string' && app?.displayName !== undefined\n        ? app.displayName\n        : '';\n    const code = app ? getIconCode(app) : '';\n    const isIconURL = isIconUrl(icon);\n\n    const appCode = code || 'placeholder';\n\n    if (isIconURL) {\n      const classes = clsx('h-full', className);\n      return (\n        <Image\n          src={icon}\n          alt={displayName}\n          objectFit=\"contain\"\n          width={size}\n          height={size}\n          className={classes}\n        />\n      );\n    }\n\n    const classes = clsx(\n      'app-icon',\n      {\n        ...iconSizes,\n        ...iconVariant,\n        ...iconFits,\n        [`bg-light-${appCode}`]: appCode && !isContain,\n        [`color-app-${appCode}`]: appCode,\n      },\n      className,\n    );\n\n    return (\n      <div\n        className={classes}\n        style={{ width: size + 'px', height: size + 'px' }}\n      >\n        <svg\n          ref={ref}\n          width={size}\n          height={size}\n          role=\"img\"\n          fill=\"currentColor\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          aria-hidden=\"true\"\n        >\n          <use xlinkHref={`${iconPath}/apps.svg#${appCode}`} />\n        </svg>\n      </div>\n    );\n  },\n);\n\nAppIcon.displayName = 'AppIcon';\n"],"names":["AppIcon","app","size","iconFit","variant","className","ref","isIconUrl","getIconCode","useOdeIcons","iconPath","usePaths","isSquare","isRounded","isCircle","isContain","isRatio","iconSizes","iconVariant","square","rounded","iconFits","icon","undefined","displayName","code","isIconURL","appCode","classes","clsx","jsx","Image","width","height"],"mappings":";;;;;;AAwDaA,MAAAA,sBACX,CACE;AAAA,EACEC,KAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACPC,SAAAA,IAAU;AAAA,EACVC,SAAAA,IAAU;AAAA,EACVC,WAAAA,IAAY;AACA,GACdC,MACG;AACG,QAAA;AAAA,IAAEC,WAAAA;AAAAA,IAAWC,aAAAA;AAAAA,MAAgBC,EAAY,GACzC,CAAGC,EAAAA,CAAQ,IAAIC,KAEfC,IAAWR,MAAY,UACvBS,IAAYT,MAAY,WACxBU,IAAWV,MAAY,UACvBW,IAAYZ,MAAY,WACxBa,IAAUb,MAAY,SAEtBc,IAAY;AAAA,IAChB,WAAWf,MAAS;AAAA,IACpB,WAAWA,MAAS;AAAA,IACpB,WAAWA,MAAS;AAAA,IACpB,WAAWA,MAAS;AAAA,IACpB,WAAWA,MAAS;AAAA,EAAA,GAGhBgB,IAAc;AAAA,IAClBC,QAAQP;AAAAA,IACRQ,SAASP;AAAAA,IACT,kBAAkBC;AAAAA,EAAAA,GAGdO,IAAW;AAAA,IACf,gBAAgBN;AAAAA,IAChB,cAAcC;AAAAA,EAAAA,GAGVM,IACJ,OAAOrB,KAAQ,WACXA,KACAA,KAAAA,gBAAAA,EAAKqB,UAASC,SACZtB,EAAIqB,OACJ,eACFE,IACJ,OAAOvB,KAAQ,aAAYA,KAAAA,gBAAAA,EAAKuB,iBAAgBD,SAC5CtB,EAAIuB,cACJ,IACAC,IAAOxB,IAAMO,EAAYP,CAAG,IAAI,IAChCyB,IAAYnB,EAAUe,CAAI,GAE1BK,IAAUF,KAAQ;AAExB,MAAIC,GAAW;AACPE,UAAAA,IAAUC,EAAK,UAAUxB,CAAS;AACxC,WACG,gBAAAyB,EAAAC,GAAA,EACC,KAAKT,GACL,KAAKE,GACL,WAAU,WACV,OAAOtB,GACP,QAAQA,GACR,WAAW0B,EACX,CAAA;AAAA,EAEN;AAEMA,QAAAA,IAAUC,EACd,YACA;AAAA,IACE,GAAGZ;AAAAA,IACH,GAAGC;AAAAA,IACH,GAAGG;AAAAA,IACH,CAAC,YAAYM,CAAO,EAAE,GAAGA,KAAW,CAACZ;AAAAA,IACrC,CAAC,aAAaY,CAAO,EAAE,GAAGA;AAAAA,KAE5BtB,CACF;AAEA,SACG,gBAAAyB,EAAA,OAAA,EACC,WAAWF,GACX,OAAO;AAAA,IAAEI,OAAO9B,IAAO;AAAA,IAAM+B,QAAQ/B,IAAO;AAAA,EAAK,GAEjD,UAAC,gBAAA4B,EAAA,OAAA,EACC,KAAAxB,GACA,OAAOJ,GACP,QAAQA,GACR,MAAK,OACL,MAAK,gBACL,OAAM,8BACN,eAAY,QAEZ,UAAA,gBAAA4B,EAAC,OAAI,EAAA,WAAW,GAAGpB,CAAQ,aAAaiB,CAAO,GAAG,CAAA,EACpD,CAAA,EACF,CAAA;AAEJ,CACF;"}

package/dist/components/Attachment/Attachment.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Attachment.js","sources":["../../../src/components/Attachment/Attachment.tsx"],"sourcesContent":["import { ComponentPropsWithRef, forwardRef, ReactNode, Ref } from 'react';\nimport { Icon } from '..';\n\nexport interface AttachmentProps extends ComponentPropsWithRef<'div'> {\n  /**\n   * Name of resource or Folder\n   * */\n  name?: string;\n  /**\n   * Actions attachment\n   * */\n  options: ReactNode | undefined;\n}\n\nexport type AttachmentType = AttachmentProps;\n\nexport const Attachment = forwardRef(\n  (\n    { name = 'Attachment Name', options, ...restProps }: AttachmentProps,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    return (\n      <div ref={ref} className=\"attachment px-12 py-8\" {...restProps}>\n        <Icon name=\"paperclip\" size=\"22\" />\n        <div className=\"filename text-truncate\">{name}</div>\n        {options && <div className=\"options ps-12\">{options}</div>}\n      </div>\n    );\n  },\n);\n\nAttachment.displayName = 'Attachment';\n\nexport default Attachment;\n"],"names":["Attachment","name","options","restProps","ref","jsx","Icon"],"mappings":";;;AAgBaA,MAAAA,sBACX,CACE;AAAA,EAAEC,MAAAA,IAAO;AAAA,EAAmBC,SAAAA;AAAAA,EAAS,GAAGC;AAA2B,GACnEC,wBAGG,OAAI,EAAA,KAAAA,GAAU,WAAU,yBAAwB,GAAID,GACnD,UAAA;AAAA,EAAA,gBAAAE,EAACC,GAAK,EAAA,MAAK,aAAY,MAAK,MAAI;AAAA,EAC/B,gBAAAD,EAAA,OAAA,EAAI,WAAU,0BAA0BJ,UAAKA,GAAA;AAAA,EAC7CC,KAAW,gBAAAG,EAAC,OAAI,EAAA,WAAU,iBAAiBH,UAAQA,GAAA;AACtD,EAAA,CAAA,CAGN;"}

package/dist/components/Avatar/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nimport usePaths from '../../core/usePaths/usePaths';\nimport { Image } from '../Image';\n\nexport type AvatarVariants = 'square' | 'rounded' | 'circle';\nexport type AvatarSizes = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport interface AvatarProps extends React.ComponentPropsWithRef<'img'> {\n  /**\n   * Shape of Avatar\n   * `title`, `square`, `circle`\n   */\n  variant?: AvatarVariants;\n  /**\n   * Avatar' size\n   */\n  size?: AvatarSizes;\n  /**\n   * Show image when `src` props is provided\n   */\n  src?: string;\n  /**\n   * Custom fallback image\n   */\n  imgPlaceholder?: string;\n  /**\n   * Alternative text when using image\n   */\n  alt: string;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\nexport const Avatar = forwardRef(\n  (\n    {\n      variant = 'square',\n      size = 'md',\n      alt,\n      src,\n      imgPlaceholder,\n      className,\n      ...restProps\n    }: AvatarProps,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    const [imagePath] = usePaths();\n    const placeholder = imgPlaceholder || `${imagePath}/avatar/no-avatar.svg`;\n\n    const isSquare = variant === 'square';\n    const isRounded = variant === 'rounded';\n    const isCircle = variant === 'circle';\n\n    const avatarSizes = {\n      'avatar-xs': size === 'xs',\n      'avatar-sm': size === 'sm',\n      'avatar-md': size === 'md',\n      'avatar-lg': size === 'lg',\n      'avatar-xl': size === 'xl',\n    };\n\n    const avatarVariants = {\n      square: isSquare,\n      rounded: isRounded,\n      'rounded-circle': isCircle,\n    };\n\n    const classes = clsx(\n      'avatar',\n      {\n        ...avatarSizes,\n        ...avatarVariants,\n      },\n      className,\n    );\n\n    return (\n      <div ref={ref} className={classes}>\n        <Image\n          src={src || placeholder}\n          alt={alt}\n          imgPlaceholder={placeholder}\n          {...restProps}\n        />\n      </div>\n    );\n  },\n);\n\nAvatar.displayName = 'Avatar';\n\nexport default Avatar;\n"],"names":["Avatar","variant","size","alt","src","imgPlaceholder","className","restProps","ref","imagePath","usePaths","placeholder","classes","clsx","square","rounded","isCircle","jsx","Image"],"mappings":";;;;;AAsCaA,MAAAA,sBACX,CACE;AAAA,EACEC,SAAAA,IAAU;AAAA,EACVC,MAAAA,IAAO;AAAA,EACPC,KAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,gBAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACA,GAAGC;AACQ,GACbC,MACG;AACG,QAAA,CAACC,CAAS,IAAIC,KACdC,IAAcN,KAAkB,GAAGI,CAAS,yBAoB5CG,IAAUC,EACd,UACA;AAAA,IACE,GAjBgB;AAAA,MAClB,aAAaX,MAAS;AAAA,MACtB,aAAaA,MAAS;AAAA,MACtB,aAAaA,MAAS;AAAA,MACtB,aAAaA,MAAS;AAAA,MACtB,aAAaA,MAAS;AAAA,IAAA;AAAA,IAapB,GAVmB;AAAA,MACrBY,QAbeb,MAAY;AAAA,MAc3Bc,SAbgBd,MAAY;AAAA,MAc5B,kBAbeA,MAAY;AAAA,IAaTe;AAAAA,KASlBV,CACF;AAEA,SACG,gBAAAW,EAAA,OAAA,EAAI,KAAAT,GAAU,WAAWI,GACxB,UAAC,gBAAAK,EAAAC,GAAA,EACC,KAAKd,KAAOO,GACZ,KAAAR,GACA,gBAAgBQ,GACZJ,GAAAA,GAAU,EAElB,CAAA;AAEJ,CACF;"}

package/dist/components/Badge/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nexport type BadgeRef = HTMLSpanElement;\n\n/** Badge variant : notification */\nexport type NotificationBadgeVariant = {\n  type: 'notification';\n  level: 'warning' | 'danger' | 'info';\n  color?: 'background' | 'text';\n};\n/** Badge variant : profile = teacher, student, relative or personnel */\nexport type ProfileBadgeVariant = {\n  type: 'profile';\n  profile: 'teacher' | 'student' | 'relative' | 'personnel';\n};\n/** Badge variant : link */\nexport type LinkBadgeVariant = {\n  type: 'link';\n};\n\nexport type BadgeVariants =\n  | NotificationBadgeVariant\n  | ProfileBadgeVariant\n  | LinkBadgeVariant;\n\nexport interface BadgeProps extends React.ComponentPropsWithRef<'span'> {\n  /**\n   * Badge variant : notification, link or profile (Teacher|Student|Relative|Personnel)\n   * Defaults to notification.\n   */\n  variant?: BadgeVariants;\n  /**\n   * Is badge always visible ?\n   * A badge with no children is hidden by default.\n   */\n  visibility?: 'always';\n  /**\n   * If set, forces the radius of the rounded border.\n   */\n  rounded?: 'pill' | 'circle';\n  /**\n   * Text or icon (or whatever) to render as children elements.\n   */\n  children?: ReactNode;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\n/**\n * Primary UI component for user interaction\n */\nexport const Badge = forwardRef(\n  (\n    {\n      className,\n      variant = { type: 'notification', level: 'danger', color: 'background' },\n      visibility,\n      rounded,\n      children,\n      ...restProps\n    }: BadgeProps,\n    ref: Ref<BadgeRef>,\n  ) => {\n    function getRadiusClass() {\n      // If radius is not forced, set it to a default value when needed.\n      if (!rounded) {\n        if ('always' === visibility && !children) {\n          return 'rounded-circle';\n        }\n\n        if ('notification' === variant.type) {\n          return 'rounded-pill';\n        } else if ('link' === variant.type) {\n          return 'rounded-2';\n        }\n      }\n    }\n\n    const classes = clsx(\n      'badge',\n\n      getRadiusClass(),\n\n      'always' === visibility &&\n        `position-absolute translate-middle p-8 d-inline`,\n\n      'notification' === variant.type &&\n        (!variant.color || variant.color === 'background') &&\n        `bg-${variant.level} text-light`,\n\n      'notification' === variant.type &&\n        variant.color === 'text' &&\n        `text-${variant.level} bg-gray-200 border border-gray-400`,\n\n      'profile' === variant.type && `badge-profile-${variant.profile}`,\n\n      'link' === variant.type && `border border-secondary`,\n\n      className,\n    );\n\n    return (\n      <span ref={ref} className={classes} {...restProps}>\n        {variant.type === 'link' ? (\n          <div className=\"d-flex fw-800 align-items-center\">{children}</div>\n        ) : (\n          children\n        )}\n      </span>\n    );\n  },\n);\n\nBadge.displayName = 'Badge';\n\nexport default Badge;\n"],"names":["Badge","className","variant","type","level","color","visibility","rounded","children","restProps","ref","getRadiusClass","classes","clsx","profile"],"mappings":";;;AAuDaA,MAAAA,sBACX,CACE;AAAA,EACEC,WAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,IAAEC,MAAM;AAAA,IAAgBC,OAAO;AAAA,IAAUC,OAAO;AAAA,EAAa;AAAA,EACvEC,YAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACA,GAAGC;AACO,GACZC,MACG;AACH,WAASC,IAAiB;AAExB,QAAI,CAACJ,GAAS;AACR,UAAaD,MAAb,YAA2B,CAACE;AACvB,eAAA;AAGL,UAAmBN,EAAQC,SAA3B;AACK,eAAA;AACT,UAAsBD,EAAQC,SAAnB;AACF,eAAA;AAAA,IAEX;AAAA,EACF;AAEA,QAAMS,IAAUC,EACd,SAEAF,EAEA,GAAaL,MAAb,YACE,mDAEiBJ,EAAQC,SAA3B,mBACG,CAACD,EAAQG,SAASH,EAAQG,UAAU,iBACrC,MAAMH,EAAQE,KAAK,eAEFF,EAAQC,SAA3B,kBACED,EAAQG,UAAU,UAClB,QAAQH,EAAQE,KAAK,uCAETF,EAAQC,SAAtB,aAA8B,iBAAiBD,EAAQY,OAAO,IAEnDZ,EAAQC,SAAnB,UAA2B,2BAE3BF,CACF;AAEA,2BACG,QAAK,EAAA,KAAAS,GAAU,WAAWE,GAAS,GAAIH,GACrCP,UAAAA,EAAQC,SAAS,2BACf,OAAI,EAAA,WAAU,oCAAoCK,UAAAA,EAAS,CAAA,IAE5DA,EAEJ,CAAA;AAEJ,CACF;"}

package/dist/components/Breadcrumb/Breadcrumb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumb.js","sources":["../../../src/components/Breadcrumb/Breadcrumb.tsx"],"sourcesContent":["import { forwardRef, Ref } from 'react';\n\nimport { IWebApp } from '@edifice.io/ts-client';\nimport { useTranslation } from 'react-i18next';\n\nimport { Icon } from '..';\nimport { AppIcon } from '../AppIcon';\nimport Heading from '../Heading/Heading';\nimport BreadcrumbItem from './BreadcrumbItem';\nimport BreadcrumbList from './BreadcrumbList';\nimport BreadcrumbNav from './BreadcrumbNav';\n\nexport interface BreadcrumbProps {\n  /**\n   * Pass all data about current application\n   */\n  app: IWebApp;\n  /**\n   * Show name of the current resource\n   */\n  name?: string;\n}\n\nexport const Breadcrumb = forwardRef(\n  ({ app, name }: BreadcrumbProps, ref: Ref<HTMLElement>) => {\n    const { t } = useTranslation();\n\n    return (\n      <BreadcrumbNav app={app} ref={ref} className=\"mw-100\">\n        <BreadcrumbList className=\"gap-12 mw-100\">\n          {name ? (\n            <>\n              <BreadcrumbItem>\n                <a\n                  href={app?.address}\n                  className=\"d-flex\"\n                  aria-label={t(app?.displayName)}\n                >\n                  <AppIcon app={app} size=\"40\" />\n                </a>\n              </BreadcrumbItem>\n              <BreadcrumbItem>\n                <Icon\n                  name=\"rafter-right\"\n                  color=\"var(--edifice-gray-600)\"\n                  size=\"20\"\n                />\n              </BreadcrumbItem>\n              <BreadcrumbItem className=\"text-truncate\">\n                <Heading level=\"h1\" headingStyle=\"h3\" className=\"text-truncate\">\n                  {name}\n                </Heading>\n              </BreadcrumbItem>\n            </>\n          ) : (\n            <BreadcrumbItem className=\"gap-12 d-flex align-items-center\">\n              <a\n                href={app?.address}\n                className=\"d-flex\"\n                aria-label={t(app?.displayName)}\n              >\n                <AppIcon app={app} size=\"40\" />\n              </a>\n              <Heading\n                level=\"h1\"\n                headingStyle=\"h3\"\n                className=\"d-none d-md-flex\"\n              >\n                {t(app?.displayName)}\n              </Heading>\n            </BreadcrumbItem>\n          )}\n        </BreadcrumbList>\n      </BreadcrumbNav>\n    );\n  },\n);\n\nBreadcrumb.displayName = 'Breadcrumb';\n"],"names":["Breadcrumb","app","name","ref","t","useTranslation","jsx","BreadcrumbNav","BreadcrumbList","jsxs","Fragment","BreadcrumbItem","address","displayName","AppIcon","Icon","Heading"],"mappings":";;;;;;;;;AAuBaA,MAAAA,sBACX,CAAC;AAAA,EAAEC,KAAAA;AAAAA,EAAKC,MAAAA;AAAsB,GAAGC,MAA0B;AACnD,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe;AAG3B,SAAA,gBAAAC,EAACC,GAAc,EAAA,KAAAN,GAAU,KAAAE,GAAU,WAAU,UAC3C,UAAA,gBAAAG,EAACE,GAAe,EAAA,WAAU,iBACvBN,UAAAA,IAEG,gBAAAO,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAJ,EAACK,KACC,UAAC,gBAAAL,EAAA,KAAA,EACC,MAAML,KAAAA,gBAAAA,EAAKW,SACX,WAAU,UACV,cAAYR,EAAEH,KAAAA,gBAAAA,EAAKY,WAAW,GAE9B,UAAC,gBAAAP,EAAAQ,GAAA,EAAQ,KAAAb,GAAU,MAAK,MAAI,GAC9B,EACF,CAAA;AAAA,IACA,gBAAAK,EAACK,GACC,EAAA,UAAA,gBAAAL,EAACS,GACC,EAAA,MAAK,gBACL,OAAM,2BACN,MAAK,KAAA,CAAI,EAEb,CAAA;AAAA,IACC,gBAAAT,EAAAK,GAAA,EAAe,WAAU,iBACxB,UAAC,gBAAAL,EAAAU,GAAA,EAAQ,OAAM,MAAK,cAAa,MAAK,WAAU,iBAC7Cd,YACH,CAAA,GACF;AAAA,EAAA,EACF,CAAA,IAEA,gBAAAO,EAACE,GAAe,EAAA,WAAU,oCACxB,UAAA;AAAA,IAAA,gBAAAL,EAAC,OACC,MAAML,KAAAA,gBAAAA,EAAKW,SACX,WAAU,UACV,cAAYR,EAAEH,KAAAA,gBAAAA,EAAKY,WAAW,GAE9B,UAAC,gBAAAP,EAAAQ,GAAA,EAAQ,KAAAb,GAAU,MAAK,KAAI,CAAA,GAC9B;AAAA,IACA,gBAAAK,EAACU,GACC,EAAA,OAAM,MACN,cAAa,MACb,WAAU,oBAETZ,UAAAA,EAAEH,KAAAA,gBAAAA,EAAKY,WAAW,EACrB,CAAA;AAAA,EAAA,GACF,GAEJ,EACF,CAAA;AAEJ,CACF;"}

package/dist/components/Breadcrumb/BreadcrumbItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbItem.js","sources":["../../../src/components/Breadcrumb/BreadcrumbItem.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nexport interface BreadcrumbItemProps extends React.ComponentPropsWithRef<'li'> {\n  /**\n   * Link or text to display\n   */\n  children: ReactNode;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\nconst BreadcrumbItem = forwardRef(\n  (\n    { children, className, ...restProps }: BreadcrumbItemProps,\n    forwardRef: Ref<HTMLLIElement>,\n  ) => {\n    const classes = clsx('breadcrumb-item', className);\n\n    return (\n      <li ref={forwardRef} className={classes} {...restProps}>\n        {children}\n      </li>\n    );\n  },\n);\n\nBreadcrumbItem.displayName = 'BreadcrumbItem';\n\nexport default BreadcrumbItem;\n"],"names":["BreadcrumbItem","children","className","restProps","forwardRef","classes","clsx","jsx"],"mappings":";;;AAeMA,MAAAA,sBACJ,CACE;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAW,GAAGC;AAA+B,GACzDC,MACG;AACGC,QAAAA,IAAUC,EAAK,mBAAmBJ,CAAS;AAG/C,SAAA,gBAAAK,EAAC,QAAG,KAAKH,GAAY,WAAWC,GAAS,GAAIF,GAC1CF,UAAAA,EACH,CAAA;AAEJ,CACF;"}

package/dist/components/Breadcrumb/BreadcrumbList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbList.js","sources":["../../../src/components/Breadcrumb/BreadcrumbList.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nexport interface BreadcrumbListProps {\n  /**\n   * Breadcrumb LI\n   */\n  children: ReactNode;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\nconst BreadcrumbList = forwardRef(\n  (\n    { children, className }: BreadcrumbListProps,\n    ref: Ref<HTMLOListElement>,\n  ) => {\n    const classes = clsx(\n      'breadcrumb d-flex flex-nowrap align-items-center mb-0',\n      className,\n    );\n    return (\n      <ol ref={ref} className={classes}>\n        {children}\n      </ol>\n    );\n  },\n);\n\nBreadcrumbList.displayName = 'BreadcrumbList';\n\nexport default BreadcrumbList;\n"],"names":["BreadcrumbList","children","className","ref","classes","clsx","jsx"],"mappings":";;;AAeMA,MAAAA,sBACJ,CACE;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAA+B,GAC3CC,MACG;AACGC,QAAAA,IAAUC,EACd,yDACAH,CACF;AACA,SACG,gBAAAI,EAAA,MAAA,EAAG,KAAAH,GAAU,WAAWC,GACtBH,UAAAA,EACH,CAAA;AAEJ,CACF;"}

package/dist/components/Breadcrumb/BreadcrumbNav.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbNav.js","sources":["../../../src/components/Breadcrumb/BreadcrumbNav.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref } from 'react';\n\nimport { IWebApp } from '@edifice.io/ts-client';\nimport clsx from 'clsx';\nimport { useTranslation } from 'react-i18next';\n\nimport useOdeIcons from '../../core/useOdeIcons/useOdeIcons';\n\nexport interface BreadcrumbNavProps extends React.ComponentPropsWithRef<'nav'> {\n  /**\n   * Pass all data about current application\n   */\n  app: IWebApp;\n  /**\n   * Children\n   */\n  children: ReactNode;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\nconst BreadcrumbNav = forwardRef(\n  ({ children, app, className }: BreadcrumbNavProps, ref: Ref<HTMLElement>) => {\n    const { t } = useTranslation();\n    const { getIconClass } = useOdeIcons();\n\n    const classes = clsx(\n      'd-flex align-items-center mb-0',\n      getIconClass(app),\n      className,\n    );\n\n    const style = {\n      '--edifice-breadcrumb-divider': '-',\n    } as React.CSSProperties;\n\n    return (\n      <nav\n        ref={ref}\n        className={classes}\n        aria-label={t('breadcrumb')}\n        style={style}\n      >\n        {children}\n      </nav>\n    );\n  },\n);\n\nBreadcrumbNav.displayName = 'BreadcrumbNav';\n\nexport default BreadcrumbNav;\n"],"names":["BreadcrumbNav","children","app","className","ref","t","useTranslation","getIconClass","useOdeIcons","classes","clsx","style","jsx"],"mappings":";;;;;AAuBMA,MAAAA,sBACJ,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,KAAAA;AAAAA,EAAKC,WAAAA;AAA8B,GAAGC,MAA0B;AACrE,QAAA;AAAA,IAAEC;AAAAA,MAAMC,EAAe,GACvB;AAAA,IAAEC,cAAAA;AAAAA,MAAiBC,EAAY,GAE/BC,IAAUC,EACd,kCACAH,EAAaL,CAAG,GAChBC,CACF,GAEMQ,IAAQ;AAAA,IACZ,gCAAgC;AAAA,EAAA;AAIhC,SAAA,gBAAAC,EAAC,OACC,EAAA,KAAAR,GACA,WAAWK,GACX,cAAYJ,EAAE,YAAY,GAC1B,OAAAM,GAECV,UAAAA,EACH,CAAA;AAEJ,CACF;"}

package/dist/components/Button/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef, ReactNode, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Loading, LoadingIcon, LoadingPosition } from '../Loading';\n\nexport type ButtonRef = HTMLButtonElement;\n\nexport type ButtonTypes = 'button' | 'submit' | 'reset';\nexport type ButtonColors = 'primary' | 'secondary' | 'tertiary' | 'danger';\nexport type ButtonVariants = 'filled' | 'outline' | 'ghost';\nexport type ButtonSizes = 'sm' | 'md' | 'lg';\n\nexport interface ButtonProps extends React.ComponentPropsWithRef<'button'> {\n  /**\n   * `button`, `submit` or `reset`\n   */\n  type?: ButtonTypes;\n  /**\n   * `primary`, `secondary`, `tertiary` or `danger`\n   */\n  color?: ButtonColors;\n  /**\n   * `filled`, `outline` or `ghost`\n   */\n  variant?: ButtonVariants;\n  /**\n   * `sm`, `md` or `lg`\n   */\n  size?: ButtonSizes;\n  /**\n   * Does it has a text ?\n   */\n  children: ReactNode;\n  /**\n   * Display Icon Component to the left\n   */\n  leftIcon?: ReactNode;\n  /**\n   * Display Icon Component to the right\n   */\n  rightIcon?: ReactNode;\n  /**\n   * Is it loading ?\n   */\n  isLoading?: boolean;\n  /**\n   * Override Loading Icon\n   */\n  loadingIcon?: LoadingIcon;\n  /**\n   * Loading Icon Position\n   * `left`, `right`\n   */\n  loadingPosition?: LoadingPosition;\n  /**\n   * Disabled status\n   */\n  disabled?: boolean;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\n/**\n * Primary UI component for user interaction\n */\n\nexport const Button = forwardRef(\n  (\n    {\n      color = 'primary',\n      type = 'button',\n      size = 'md',\n      children,\n      isLoading,\n      loadingIcon,\n      loadingPosition,\n      leftIcon,\n      rightIcon,\n      className,\n      variant = 'filled',\n      ...restProps\n    }: ButtonProps,\n    ref: Ref<ButtonRef>,\n  ) => {\n    const classes = clsx(\n      'btn',\n      {\n        [`btn-filled btn-${color}`]: variant === 'filled',\n        [`btn-${variant}-${color}`]:\n          variant === 'outline' || variant === 'ghost',\n        'btn-icon': !children,\n        'btn-loading': isLoading,\n        'btn-lg': size === 'lg',\n        'btn-sm': size === 'sm',\n      },\n      className,\n    );\n\n    return (\n      <button ref={ref} className={classes} type={type} {...restProps}>\n        {isLoading ? (\n          <Loading\n            isLoading\n            loadingIcon={loadingIcon}\n            loadingPosition={loadingPosition}\n          >\n            {children}\n          </Loading>\n        ) : (\n          <span>\n            {leftIcon}\n            {children}\n            {rightIcon}\n          </span>\n        )}\n      </button>\n    );\n  },\n);\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"names":["Button","color","type","size","children","isLoading","loadingIcon","loadingPosition","leftIcon","rightIcon","className","variant","restProps","ref","classes","clsx","jsx","Loading"],"mappings":";;;;AAqEaA,MAAAA,sBACX,CACE;AAAA,EACEC,OAAAA,IAAQ;AAAA,EACRC,MAAAA,IAAO;AAAA,EACPC,MAAAA,IAAO;AAAA,EACPC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACV,GAAGC;AACQ,GACbC,MACG;AACGC,QAAAA,IAAUC,EACd,OACA;AAAA,IACE,CAAC,kBAAkBd,CAAK,EAAE,GAAGU,MAAY;AAAA,IACzC,CAAC,OAAOA,CAAO,IAAIV,CAAK,EAAE,GACxBU,MAAY,aAAaA,MAAY;AAAA,IACvC,YAAY,CAACP;AAAAA,IACb,eAAeC;AAAAA,IACf,UAAUF,MAAS;AAAA,IACnB,UAAUA,MAAS;AAAA,KAErBO,CACF;AAEA,2BACG,UAAO,EAAA,KAAAG,GAAU,WAAWC,GAAS,MAAAZ,GAAgBU,GAAAA,GACnDP,UAAAA,IACE,gBAAAW,EAAAC,GAAA,EACC,WAAS,IACT,aAAAX,GACA,iBAAAC,GAECH,UAAAA,EACH,CAAA,sBAEC,QACEI,EAAAA,UAAAA;AAAAA,IAAAA;AAAAA,IACAJ;AAAAA,IACAK;AAAAA,EAAAA,EACH,CAAA,EAEJ,CAAA;AAEJ,CACF;"}

package/dist/components/Button/IconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.js","sources":["../../../src/components/Button/IconButton.tsx"],"sourcesContent":["/**\n * Button  Component\n *\n * @see Docs     https://edifice-ui.vercel.app/?path=/docs/components-core-button--base\n * @see Source   https://github.com/opendigitaleducation/edifice-ui/blob/main/packages/core/src/Button/Button.tsx\n * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/button/\n */\nimport { forwardRef, ReactNode, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Button, ButtonProps, ButtonRef } from './Button';\n\ntype OmittedProps = 'children' | 'leftIcon' | 'rightIcon';\n\nexport interface IconButtonProps extends Omit<ButtonProps, OmittedProps> {\n  icon?: ReactNode;\n}\n\n/**\n * IconButton extends ButtonComponent.\n */\n\nexport const IconButton = forwardRef(\n  (\n    { icon, className, ...restProps }: IconButtonProps,\n    ref?: Ref<ButtonRef>,\n  ) => {\n    const buttonProps = {\n      ...restProps,\n      ...{\n        className: clsx('btn-icon btn-sm', className),\n      },\n    };\n\n    return (\n      <Button ref={ref} {...buttonProps}>\n        {icon}\n      </Button>\n    );\n  },\n);\n\nIconButton.displayName = 'IconButton';\n\nexport default IconButton;\n"],"names":["IconButton","icon","className","restProps","ref","buttonProps","clsx","jsx","Button"],"mappings":";;;;AAuBaA,MAAAA,sBACX,CACE;AAAA,EAAEC,MAAAA;AAAAA,EAAMC,WAAAA;AAAAA,EAAW,GAAGC;AAA2B,GACjDC,MACG;AACH,QAAMC,IAAc;AAAA,IAClB,GAAGF;AAAAA,IAEDD,WAAWI,EAAK,mBAAmBJ,CAAS;AAAA,EAC9C;AAGF,SACG,gBAAAK,EAAAC,GAAA,EAAO,KAAAJ,GAAcC,GAAAA,GACnBJ,UACHA,EAAA,CAAA;AAEJ,CACF;"}

package/dist/components/Button/SearchButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchButton.js","sources":["../../../src/components/Button/SearchButton.tsx"],"sourcesContent":["/**\n * Button  Component\n *\n * @see Docs     https://edifice-ui.vercel.app/?path=/docs/components-core-button--base\n * @see Source   https://github.com/opendigitaleducation/edifice-ui/blob/main/packages/core/src/Button/Button.tsx\n * @see WAI-ARIA https://www.w3.org/WAI/ARIA/apg/patterns/button/\n */\nimport { forwardRef, Ref } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Icon } from '..';\nimport { ButtonRef } from './Button';\nimport IconButton, { IconButtonProps } from './IconButton';\n\ntype PickedProps = 'type' | 'icon' | 'size';\n\nexport interface SearchButtonProps extends Pick<IconButtonProps, PickedProps> {\n  /**\n   * OnClick Handler\n   */\n  onClick?: () => void;\n  /**\n   * Disabled state of Search Button\n   */\n  disabled?: boolean;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\n/**\n * SearchButton extends the IconButton component by omitting unnecessary props.\n */\nexport const SearchButton = forwardRef(\n  (\n    {\n      icon = <Icon name=\"search\" />,\n      onClick,\n      className,\n      ...restProps\n    }: SearchButtonProps,\n    ref?: Ref<ButtonRef>,\n  ) => {\n    const classes = clsx('btn-search', className);\n\n    return (\n      <IconButton\n        ref={ref}\n        className={classes}\n        icon={icon}\n        onClick={onClick}\n        {...restProps}\n      />\n    );\n  },\n);\n\nSearchButton.displayName = 'SearchButton';\n\nexport default SearchButton;\n"],"names":["SearchButton","icon","jsx","Icon","onClick","className","restProps","ref","classes","clsx","IconButton"],"mappings":";;;;;AAmCaA,MAAAA,sBACX,CACE;AAAA,EACEC,MAAAA,IAAO,gBAAAC,EAACC,GAAK,EAAA,MAAK,SAAW,CAAA;AAAA,EAC7BC,SAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACA,GAAGC;AACc,GACnBC,MACG;AACGC,QAAAA,IAAUC,EAAK,cAAcJ,CAAS;AAG1C,SAAA,gBAAAH,EAACQ,KACC,KAAAH,GACA,WAAWC,GACX,MAAAP,GACA,SAAAG,GACIE,GAAAA,EACJ,CAAA;AAEN,CACF;"}

package/dist/components/Card/Card.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Card.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Card/CardBody.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardBody.js","sources":["../../../src/components/Card/CardBody.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport clsx from 'clsx';\n\nconst CardBody = ({\n  children,\n  space = null,\n  flexDirection = 'row',\n}: {\n  space?: '0' | '8' | '16' | null;\n  flexDirection?: 'row' | 'column' | null;\n  children: ReactNode;\n}) => {\n  const cardbody = clsx('card-body', {\n    [`p-${space}`]: space,\n    [`gap-${space}`]: space,\n    'align-items-start': flexDirection === 'column',\n    'flex-column': flexDirection === 'column',\n  });\n  return <div className={cardbody}>{children}</div>;\n};\n\nCardBody.displayName = 'Card.Body';\n\nexport default CardBody;\n"],"names":["CardBody","children","space","flexDirection","cardbody","clsx","jsx"],"mappings":";;AAIA,MAAMA,IAAWA,CAAC;AAAA,EAChBC,UAAAA;AAAAA,EACAC,OAAAA,IAAQ;AAAA,EACRC,eAAAA,IAAgB;AAKlB,MAAM;AACEC,QAAAA,IAAWC,EAAK,aAAa;AAAA,IACjC,CAAC,KAAKH,CAAK,EAAE,GAAGA;AAAAA,IAChB,CAAC,OAAOA,CAAK,EAAE,GAAGA;AAAAA,IAClB,qBAAqBC,MAAkB;AAAA,IACvC,eAAeA,MAAkB;AAAA,EAAA,CAClC;AACD,SAAQ,gBAAAG,EAAA,OAAA,EAAI,WAAWF,GAAWH,UAAAA,EAAS,CAAA;AAC7C;"}

package/dist/components/Card/CardContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardContext.js","sources":["../../../src/components/Card/CardContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport { IWebApp } from '@edifice.io/ts-client';\n\nimport { CardProps } from './Card';\n\nexport interface CardContextProps\n  extends Omit<CardProps, 'children' | 'className'> {\n  app?: IWebApp | undefined;\n  appCode: string | undefined;\n  isSelectable?: boolean;\n  isClickable?: boolean;\n  onClick?: () => void;\n  onSelect?: () => void;\n}\n\nexport const CardContext = createContext<CardContextProps | null>(null!);\n\nCardContext.displayName = 'CardContext';\n\nexport const useCardContext = () => {\n  const context = useContext(CardContext);\n  if (!context) {\n    throw new Error(`Cannot be rendered outside the Card component`);\n  }\n  return context;\n};\n"],"names":["CardContext","useCardContext","context","useContext","Error"],"mappings":";AAgBaA,MAAAA,sBAAqD,IAAK,GAI1DC,IAAiBA,MAAM;AAC5BC,QAAAA,IAAUC,EAAWH,CAAW;AACtC,MAAI,CAACE;AACG,UAAA,IAAIE,MAAM,+CAA+C;AAE1DF,SAAAA;AACT;"}

package/dist/components/Card/CardFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardFooter.js","sources":["../../../src/components/Card/CardFooter.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nconst CardFooter = ({ children }: { children: ReactNode }) => {\n  return <div className=\"card-footer gap-16\">{children}</div>;\n};\n\nCardFooter.displayName = 'Card.Footer';\n\nexport default CardFooter;\n"],"names":["CardFooter","children","jsx"],"mappings":";AAEA,MAAMA,IAAaA,CAAC;AAAA,EAAEC,UAAAA;AAAkC,MAC9C,gBAAAC,EAAA,OAAA,EAAI,WAAU,sBAAsBD,UAAAA,EAAS,CAAA;"}

package/dist/components/Card/CardHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardHeader.js","sources":["../../../src/components/Card/CardHeader.tsx"],"sourcesContent":["import { Icon } from '..';\nimport { IconButton } from '../Button';\nimport { useCardContext } from './CardContext';\n\nconst CardHeader = () => {\n  const { isSelectable, isClickable, onClick, onSelect } = useCardContext();\n  const isActive = isSelectable || isClickable;\n  return isActive ? (\n    <div className=\"card-header\">\n      {isSelectable ? (\n        <IconButton\n          aria-label=\"Open Action Bar\"\n          className=\"z-3 bg-white\"\n          color=\"secondary\"\n          icon={<Icon name=\"options\" />}\n          onClick={onSelect}\n          variant=\"ghost\"\n        />\n      ) : null}\n      {isClickable ? (\n        <button\n          onClick={onClick}\n          className=\"position-absolute bottom-0 end-0 top-0 start-0 opacity-0 z-1 w-100\"\n          aria-label=\"Open resource\"\n        />\n      ) : null}\n    </div>\n  ) : null;\n};\n\nCardHeader.displayName = 'Card.Header';\n\nexport default CardHeader;\n"],"names":["CardHeader","isSelectable","isClickable","onClick","onSelect","useCardContext","jsxs","IconButton","jsx","Icon"],"mappings":";;;;AAIA,MAAMA,IAAaA,MAAM;AACjB,QAAA;AAAA,IAAEC,cAAAA;AAAAA,IAAcC,aAAAA;AAAAA,IAAaC,SAAAA;AAAAA,IAASC,UAAAA;AAAAA,MAAaC,EAAe;AAExE,SADiBJ,KAAgBC,IAE/B,gBAAAI,EAAC,OAAI,EAAA,WAAU,eACZL,UAAAA;AAAAA,IAAAA,sBACEM,GACC,EAAA,cAAW,mBACX,WAAU,gBACV,OAAM,aACN,MAAO,gBAAAC,EAAAC,GAAA,EAAK,MAAK,WAAS,GAC1B,SAASL,GACT,SAAQ,QAAO,CAAA,IAEf;AAAA,IACHF,sBACE,UACC,EAAA,SAAAC,GACA,WAAU,sEACV,cAAW,gBACX,CAAA,IACA;AAAA,EAAA,EACN,CAAA,IACE;AACN;"}

package/dist/components/Card/CardImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardImage.js","sources":["../../../src/components/Card/CardImage.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport { useCardContext } from './CardContext';\nimport { AppIcon } from '../AppIcon';\nimport { Image } from '../Image';\n\nconst CardImage = ({\n  imageSrc,\n  className,\n  variant = 'medium',\n}: {\n  imageSrc?: string | undefined;\n  className?: string;\n  variant?: 'small' | 'medium' | 'landscape';\n}) => {\n  const { app } = useCardContext();\n\n  const style =\n    variant === 'landscape'\n      ? {\n          width: '100%',\n          height: 'auto',\n        }\n      : null;\n\n  return (\n    <div className={clsx('card-image', variant)}>\n      {imageSrc ? (\n        <Image\n          alt=\"\"\n          src={imageSrc}\n          objectFit=\"cover\"\n          className={clsx('h-full w-100', className)}\n        />\n      ) : (\n        <AppIcon\n          app={app}\n          iconFit=\"ratio\"\n          size=\"80\"\n          variant=\"rounded\"\n          {...style}\n        />\n      )}\n    </div>\n  );\n};\n\nCardImage.displayName = 'Card.Image';\n\nexport default CardImage;\n"],"names":["CardImage","imageSrc","className","variant","app","useCardContext","style","width","height","jsx","clsx","Image","AppIcon"],"mappings":";;;;;AAMA,MAAMA,IAAYA,CAAC;AAAA,EACjBC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,SAAAA,IAAU;AAKZ,MAAM;AACE,QAAA;AAAA,IAAEC,KAAAA;AAAAA,MAAQC,EAAe,GAEzBC,IACJH,MAAY,cACR;AAAA,IACEI,OAAO;AAAA,IACPC,QAAQ;AAAA,EAEV,IAAA;AAEN,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAK,cAAcP,CAAO,GACvCF,UACCA,IAAA,gBAAAQ,EAACE,GACC,EAAA,KAAI,IACJ,KAAKV,GACL,WAAU,SACV,WAAWS,EAAK,gBAAgBR,CAAS,EAAE,CAAA,sBAG5CU,GACC,EAAA,KAAAR,GACA,SAAQ,SACR,MAAK,MACL,SAAQ,WACR,GAAIE,GAEP,EACH,CAAA;AAEJ;"}

package/dist/components/Card/CardText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardText.js","sources":["../../../src/components/Card/CardText.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport clsx from 'clsx';\n\nconst CardText = ({\n  children,\n  className,\n}: {\n  children: ReactNode;\n  className?: string;\n}) => {\n  const text = clsx(\n    'card-text small text-break text-truncate text-truncate-1',\n    className,\n  );\n  return <p className={text}>{children}</p>;\n};\n\nCardText.displayName = 'Card.Text';\n\nexport default CardText;\n"],"names":["CardText","children","className","text","clsx","jsx"],"mappings":";;AAIA,MAAMA,IAAWA,CAAC;AAAA,EAChBC,UAAAA;AAAAA,EACAC,WAAAA;AAIF,MAAM;AACEC,QAAAA,IAAOC,EACX,4DACAF,CACF;AACA,SAAQ,gBAAAG,EAAA,KAAA,EAAE,WAAWF,GAAOF,UAAAA,EAAS,CAAA;AACvC;"}

package/dist/components/Card/CardTitle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardTitle.js","sources":["../../../src/components/Card/CardTitle.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport clsx from 'clsx';\n\nconst CardTitle = ({\n  children,\n  className,\n}: {\n  children: ReactNode;\n  className?: string;\n}) => {\n  const title = clsx(\n    'card-title body text-break text-truncate text-truncate-2',\n    className,\n  );\n  return (\n    <h3 className={title}>\n      <strong>{children}</strong>\n    </h3>\n  );\n};\n\nCardTitle.displayName = 'Card.Title';\n\nexport default CardTitle;\n"],"names":["CardTitle","children","className","title","clsx","jsx"],"mappings":";;AAIA,MAAMA,IAAYA,CAAC;AAAA,EACjBC,UAAAA;AAAAA,EACAC,WAAAA;AAIF,MAAM;AACEC,QAAAA,IAAQC,EACZ,4DACAF,CACF;AACA,2BACG,MAAG,EAAA,WAAWC,GACb,UAAC,gBAAAE,EAAA,UAAA,EAAQJ,UAAAA,EAAS,CAAA,EACpB,CAAA;AAEJ;"}

package/dist/components/Card/CardUser.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CardUser.js","sources":["../../../src/components/Card/CardUser.tsx"],"sourcesContent":["import { Icon } from '..';\nimport { Avatar } from '../Avatar';\n\nconst CardUser = ({\n  userSrc,\n  creatorName,\n}: {\n  userSrc: string;\n  creatorName: string;\n}) => {\n  return userSrc ? (\n    <Avatar\n      alt={creatorName || ''}\n      size=\"xs\"\n      src={userSrc}\n      variant=\"circle\"\n      width=\"24\"\n      height=\"24\"\n    />\n  ) : (\n    <Icon name=\"nav/one-profile\" />\n  );\n};\n\nCardUser.displayName = 'Card.User';\n\nexport default CardUser;\n"],"names":["CardUser","userSrc","creatorName","Avatar","jsx","Icon"],"mappings":";;;AAGA,MAAMA,IAAWA,CAAC;AAAA,EAChBC,SAAAA;AAAAA,EACAC,aAAAA;AAIF,MACSD,sBACJE,GACC,EAAA,KAAKD,KAAe,IACpB,MAAK,MACL,KAAKD,GACL,SAAQ,UACR,OAAM,MACN,QAAO,KAAI,CAAA,IAGZ,gBAAAG,EAAAC,GAAA,EAAK,MAAK,kBACZ,CAAA;"}

package/dist/components/Checkbox/Checkbox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n  forwardRef,\n  Ref,\n  useEffect,\n  useId,\n  useImperativeHandle,\n  useRef,\n} from 'react';\n\nimport clsx from 'clsx';\n\nexport interface CheckboxProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  /**\n   * Add a label\n   */\n  label?: string;\n  /**\n   * If disable\n   */\n  disabled?: boolean;\n  /**\n   * If checked\n   */\n  checked?: boolean;\n  /**\n   * If indeterminate\n   */\n  indeterminate?: boolean;\n}\n\nexport const Checkbox = forwardRef(\n  (\n    {\n      label,\n      disabled = false,\n      checked = false,\n      indeterminate = false,\n      ...restProps\n    }: CheckboxProps,\n    ref: Ref<HTMLInputElement>,\n  ) => {\n    // Local ref will be merged with forwardRef in useImperativeHandle below\n    const refCheckbox = useRef<HTMLInputElement>(null);\n\n    // We add two methods to control the alert from parent component\n    useImperativeHandle(ref, () => ({\n      ...(refCheckbox.current as HTMLInputElement),\n    }));\n\n    useEffect(() => {\n      refCheckbox.current!.indeterminate = indeterminate;\n    }, [refCheckbox, indeterminate]);\n\n    const id = useId();\n\n    const checkboxProps = {\n      type: 'checkbox',\n      checked,\n      disabled,\n      ref: refCheckbox,\n      className: clsx(restProps.className, 'form-check-input c-pointer'),\n      id,\n    };\n\n    const inputProps = {\n      ...restProps,\n      ...checkboxProps,\n    };\n\n    return (\n      <div className=\"form-check d-flex align-items-center gap-8\">\n        <input {...inputProps} />\n        {label && (\n          <label className=\"form-check-label\" htmlFor={inputProps.id}>\n            {label}\n          </label>\n        )}\n      </div>\n    );\n  },\n);\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"names":["Checkbox","label","disabled","checked","indeterminate","restProps","ref","refCheckbox","useRef","useImperativeHandle","current","useEffect","id","useId","checkboxProps","type","className","clsx","inputProps","jsxs","jsx"],"mappings":";;;AA+BaA,MAAAA,sBACX,CACE;AAAA,EACEC,OAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,SAAAA,IAAU;AAAA,EACVC,eAAAA,IAAgB;AAAA,EAChB,GAAGC;AACU,GACfC,MACG;AAEGC,QAAAA,IAAcC,EAAyB,IAAI;AAGjDC,EAAAA,EAAoBH,GAAK,OAAO;AAAA,IAC9B,GAAIC,EAAYG;AAAAA,EAChB,EAAA,GAEFC,EAAU,MAAM;AACdJ,IAAAA,EAAYG,QAASN,gBAAgBA;AAAAA,EAAAA,GACpC,CAACG,GAAaH,CAAa,CAAC;AAE/B,QAAMQ,IAAKC,KAELC,IAAgB;AAAA,IACpBC,MAAM;AAAA,IACNZ,SAAAA;AAAAA,IACAD,UAAAA;AAAAA,IACAI,KAAKC;AAAAA,IACLS,WAAWC,EAAKZ,EAAUW,WAAW,4BAA4B;AAAA,IACjEJ,IAAAA;AAAAA,EAAAA,GAGIM,IAAa;AAAA,IACjB,GAAGb;AAAAA,IACH,GAAGS;AAAAA,EAAAA;AAIH,SAAA,gBAAAK,EAAC,OAAI,EAAA,WAAU,8CACb,UAAA;AAAA,IAAC,gBAAAC,EAAA,SAAA,EAAM,GAAIF,GAAW;AAAA,IACrBjB,uBACE,SAAM,EAAA,WAAU,oBAAmB,SAASiB,EAAWN,IACrDX,UACHA,EAAA,CAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ,CACF;"}

package/dist/components/ColorPicker/ColorPalette.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPalette.js","sources":["../../../src/components/ColorPicker/ColorPalette.tsx"],"sourcesContent":["import { TooltipProps } from '../Tooltip';\n\nexport interface ColorPaletteItem {\n  /**\n   * CSS Color Value, in the form #AABBCC\n   */\n  value: string;\n  /**\n   * i18n key describing the color.\n   */\n  description: string;\n  /**\n   * Is it a dark or light color ?\n   * When undefined, will be considered Dark.\n   */\n  hue?: 'dark' | 'light';\n  /**\n   * Is it intended to be a reset color ?\n   */\n  isReset?: boolean;\n}\n\n/** Variations of one color. */\nexport type ColorPaletteHues = Array<ColorPaletteItem>;\n\nexport interface ColorPalette {\n  /**\n   * Description of the color palette.\n   */\n  label: string;\n  /**\n   * [Optional] informative tooltip.\n   */\n  tooltip?: Partial<TooltipProps>;\n  /**\n   * Array of colors * variations.\n   */\n  colors: ColorPaletteHues[];\n  /**\n   * Reset option\n   */\n  reset?: ColorPaletteItem;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\nexport const DefaultPalette: ColorPalette = {\n  className: 'fw-bold',\n  label: 'defaultPalette',\n  colors: [\n    /* Paint It Black */\n    [\n      { value: '#4A4A4A', description: 'color.gray.darkest' },\n      { value: '#909090', description: 'color.gray.dark' },\n      { value: '#C7C7C7', description: 'color.gray.medium' },\n      { value: '#F2F2F2', description: 'color.gray.light', hue: 'light' },\n      { value: '#FFFFFF', description: 'color.white', hue: 'light' },\n    ],\n    /* Blue Sunday */\n    [\n      { value: '#005A8A', description: 'color.blue.darkest' },\n      { value: '#2F7EA7', description: 'color.blue.dark' },\n      { value: '#46AFE6', description: 'color.blue.medium' },\n      { value: '#B9E3F8', description: 'color.blue.light', hue: 'light' },\n      { value: '#E5F5FF', description: 'color.blue.lightest', hue: 'light' },\n    ],\n    /* Purple haze */\n    [\n      { value: '#550070', description: 'color.purple.darkest' },\n      { value: '#7C2C96', description: 'color.purple.dark' },\n      { value: '#A348C0', description: 'color.purple.medium' },\n      { value: '#D7B5E2', description: 'color.purple.light', hue: 'light' },\n      { value: '#F6ECF9', description: 'color.purple.lightest', hue: 'light' },\n    ],\n    /* Red House */\n    [\n      { value: '#9E0016', description: 'color.red.darkest' },\n      { value: '#C6253B', description: 'color.red.dark' },\n      { value: '#FF3A55', description: 'color.red.medium' },\n      { value: '#FFB6C0', description: 'color.red.light', hue: 'light' },\n      { value: '#FFECEE', description: 'color.red.lightest', hue: 'light' },\n    ],\n    /* The Brown Album */\n    [\n      { value: '#9E4800', description: 'color.brown.darkest' },\n      { value: '#DA6A0B', description: 'color.brown.dark' },\n      { value: '#FF8D2E', description: 'color.brown.medium' },\n      { value: '#FFCBA0', description: 'color.brown.light', hue: 'light' },\n      { value: '#FFEFE3', description: 'color.brown.lightest', hue: 'light' },\n    ],\n    /* Yellow Submarine */\n    [\n      { value: '#A89400', description: 'color.yellow.darkest' },\n      { value: '#D1AF00', description: 'color.yellow.dark' },\n      { value: '#F1CA00', description: 'color.yellow.medium' },\n      { value: '#FAEA9C', description: 'color.yellow.light', hue: 'light' },\n      { value: '#FBF4D5', description: 'color.yellow.lightest', hue: 'light' },\n    ],\n    /* Green Naugahyde */\n    [\n      { value: '#2E6105', description: 'color.green.darkest' },\n      { value: '#4E9019', description: 'color.green.dark' },\n      { value: '#5AC235', description: 'color.green.medium' },\n      { value: '#C8E4AF', description: 'color.green.light', hue: 'light' },\n      { value: '#EAF7E4', description: 'color.green.lightest', hue: 'light' },\n    ],\n  ],\n};\n\nexport const AccessiblePalette: ColorPalette = {\n  label: 'accessiblePalette',\n  tooltip: { message: 'Veni, vidi, vici' },\n  colors: [\n    [{ value: '#4A4A4A', description: 'color.gray' }],\n    [{ value: '#648FFF', description: 'color.blue' }],\n    [{ value: '#785EF0', description: 'color.purple' }],\n    [{ value: '#DC267F', description: 'color.red' }],\n    [{ value: '#FE6100', description: 'color.brown' }],\n    [{ value: '#FFB000', description: 'color.orange' }],\n    [{ value: '#F3EA14', description: 'color.yellow' }],\n  ],\n  className: 'mt-16',\n};\n"],"names":["DefaultPalette","className","label","colors","value","description","hue","AccessiblePalette","tooltip","message"],"mappings":"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"}

package/dist/components/ColorPicker/ColorPicker.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPicker.js","sources":["../../../src/components/ColorPicker/ColorPicker.tsx"],"sourcesContent":["import { ComponentPropsWithRef, Ref, forwardRef } from 'react';\n\nimport clsx from 'clsx';\nimport { useTranslation } from 'react-i18next';\n\nimport { Icon } from '..';\nimport { Tooltip } from '../Tooltip';\nimport {\n  AccessiblePalette,\n  ColorPalette,\n  ColorPaletteHues,\n  ColorPaletteItem,\n  DefaultPalette,\n} from './ColorPalette';\nimport ColorPickerItem from './ColorPickerItem';\n\nexport interface ColorPickerProps extends ComponentPropsWithRef<'div'> {\n  /**\n   * Palettes of pickable colors\n   */\n  palettes?: ColorPalette[];\n\n  /**\n   * Current picked color\n   */\n  model?: string;\n\n  /**\n   * Triggered when a color is picked\n   */\n  onSuccess?: (item: ColorPaletteItem) => void;\n}\n\nexport const ColorPicker = forwardRef(\n  (\n    {\n      palettes = [DefaultPalette, AccessiblePalette],\n      model = '#4A4A4A',\n      onSuccess,\n      ...restProps\n    }: ColorPickerProps,\n    ref: Ref<HTMLDivElement>,\n  ) => {\n    const { t } = useTranslation();\n    const handleClick = (item?: ColorPaletteItem) => {\n      item && onSuccess?.(item);\n    };\n\n    return (\n      <div ref={ref} {...restProps}>\n        {palettes.map((palette: ColorPalette, paletteIdx) => (\n          <div\n            key={paletteIdx}\n            className={clsx('color-picker mx-8', palette.className)}\n          >\n            <div className=\"color-picker-label small mt-4 mb-8\">\n              {t(palette.label)}\n              {palette.tooltip && (\n                <Tooltip message=\"\" placement=\"auto\" {...palette.tooltip}>\n                  <Icon\n                    name=\"info-circle\"\n                    size=\"18\"\n                    className=\"mx-4 position-relative\"\n                    style={{ top: '4px' }}\n                  />\n                </Tooltip>\n              )}\n            </div>\n\n            {\n              // Show/hide the reset option\n              palette.reset && (\n                <button\n                  className=\"color-picker-reset small my-8 gap-4\"\n                  onClick={() => handleClick(palette.reset)}\n                >\n                  <Icon name=\"delete-color\" size=\"20\" />\n                  {palette.reset.description}\n                </button>\n              )\n            }\n\n            <div className=\"color-picker-palette d-flex gap-2 justify-content-between\">\n              {palette.colors.map((hues: ColorPaletteHues, hueIndex) => (\n                <div\n                  key={hueIndex}\n                  className=\"color-picker-hue d-flex gap-2 justify-content-between flex-column \"\n                >\n                  {hues.map((color) => (\n                    <button\n                      key={color.value}\n                      aria-label={color.description}\n                      className=\"color-picker-hue-color\"\n                      onClick={() => handleClick(color)}\n                    >\n                      <ColorPickerItem\n                        {...restProps}\n                        model={color}\n                        selected={model === color.value}\n                      />\n                    </button>\n                  ))}\n                </div>\n              ))}\n            </div>\n          </div>\n        ))}\n      </div>\n    );\n  },\n);\n\nColorPicker.displayName = 'ColorPicker';\n\nexport default ColorPicker;\n"],"names":["ColorPicker","palettes","DefaultPalette","AccessiblePalette","model","onSuccess","restProps","ref","t","useTranslation","handleClick","item","map","palette","paletteIdx","clsx","className","jsxs","label","tooltip","jsx","Tooltip","Icon","top","reset","description","colors","hues","hueIndex","color","ColorPickerItem","value"],"mappings":";;;;;;;;AAiCaA,MAAAA,sBACX,CACE;AAAA,EACEC,UAAAA,IAAW,CAACC,GAAgBC,CAAiB;AAAA,EAC7CC,OAAAA,IAAQ;AAAA,EACRC,WAAAA;AAAAA,EACA,GAAGC;AACa,GAClBC,MACG;AACG,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvBC,IAAcA,CAACC,MAA4B;AAC/CA,IAAAA,MAAQN,KAAAA,QAAAA,EAAYM;AAAAA,EAAI;AAG1B,2BACG,OAAI,EAAA,KAAAJ,GAAcD,GAAAA,GAChBL,YAASW,IAAI,CAACC,GAAuBC,wBACnC,OAEC,EAAA,WAAWC,EAAK,qBAAqBF,EAAQG,SAAS,GAEtD,UAAA;AAAA,IAAC,gBAAAC,EAAA,OAAA,EAAI,WAAU,sCACZT,UAAAA;AAAAA,MAAAA,EAAEK,EAAQK,KAAK;AAAA,MACfL,EAAQM,WACP,gBAAAC,EAACC,KAAQ,SAAQ,IAAG,WAAU,WAAWR,EAAQM,SAC/C,UAAA,gBAAAC,EAACE,KACC,MAAK,eACL,MAAK,MACL,WAAU,0BACV,OAAO;AAAA,QAAEC,KAAK;AAAA,SAAQ,EAE1B,CAAA;AAAA,IAAA,GAEJ;AAAA;AAAA,IAIEV,EAAQW,SACN,gBAAAP,EAAC,UACC,EAAA,WAAU,uCACV,SAAS,MAAMP,EAAYG,EAAQW,KAAK,GAExC,UAAA;AAAA,MAAA,gBAAAJ,EAACE,GAAK,EAAA,MAAK,gBAAe,MAAK,MAAI;AAAA,MAClCT,EAAQW,MAAMC;AAAAA,IAAAA,GACjB;AAAA,IAIJ,gBAAAL,EAAC,SAAI,WAAU,6DACZP,YAAQa,OAAOd,IAAI,CAACe,GAAwBC,wBAC1C,OAEC,EAAA,WAAU,sEAETD,UAAKf,EAAAA,IAAKiB,OACR,gBAAAT,EAAA,UAAA,EAEC,cAAYS,EAAMJ,aAClB,WAAU,0BACV,SAAS,MAAMf,EAAYmB,CAAK,GAEhC,4BAACC,GACC,EAAA,GAAIxB,GACJ,OAAOuB,GACP,UAAUzB,MAAUyB,EAAME,MAAM,CAAA,EAR7BF,GAAAA,EAAME,KAUb,CACD,EAAA,GAhBIH,CAiBP,CACD,EACH,CAAA;AAAA,EAAA,KApDKd,CAqDP,CACD,EACH,CAAA;AAEJ,CACF;"}

package/dist/components/ColorPicker/ColorPickerItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorPickerItem.js","sources":["../../../src/components/ColorPicker/ColorPickerItem.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport { Icon } from '..';\nimport { ColorPaletteItem } from './ColorPalette';\n\nexport interface ColorPickerItemProps {\n  /**\n   * Color item to display\n   */\n  model: ColorPaletteItem;\n  /**\n   * Render as selected\n   */\n  selected?: boolean;\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\nexport const ColorPickerItem = ({\n  model,\n  selected,\n  className,\n}: ColorPickerItemProps) =>\n  model.isReset ? (\n    <Icon name=\"delete-color\" />\n  ) : (\n    <div\n      aria-label={model.description}\n      className={clsx(\n        'color-picker-hue-color-item rounded-1',\n        className,\n        model.hue === 'light' ? 'light' : 'dark',\n        selected && 'selected',\n      )}\n      style={{ backgroundColor: model.value }}\n    ></div>\n  );\n\nColorPickerItem.displayName = 'ColorPickerItem';\n\nexport default ColorPickerItem;\n"],"names":["ColorPickerItem","model","selected","className","isReset","jsx","Icon","description","clsx","hue","backgroundColor","value"],"mappings":";;;AAoBO,MAAMA,IAAkBA,CAAC;AAAA,EAC9BC,OAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AACoB,MACpBF,EAAMG,UACJ,gBAAAC,EAACC,GAAK,EAAA,MAAK,gBAAiB,IAE5B,gBAAAD,EAAC,OACC,EAAA,cAAYJ,EAAMM,aAClB,WAAWC,EACT,yCACAL,GACAF,EAAMQ,QAAQ,UAAU,UAAU,QAClCP,KAAY,UACd,GACA,OAAO;AAAA,EAAEQ,iBAAiBT,EAAMU;AAAM,EACvC,CAAA;"}

package/dist/components/Combobox/Combobox.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Combobox.js","sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import { ChangeEvent, Fragment, useEffect, useState } from 'react';\n\nimport { useTranslation } from 'react-i18next';\n\nimport { Dropdown } from '../Dropdown';\nimport { Loading } from '../Loading';\nimport ComboboxTrigger from './ComboboxTrigger';\n\nexport interface ComboboxProps\n  extends React.InputHTMLAttributes<HTMLInputElement> {\n  onSearchResultsChange: (model: (string | number)[]) => void;\n  onSearchInputChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  options: OptionListItemType[];\n  value: string;\n  isLoading: boolean;\n  noResult: boolean;\n  searchMinLength?: number;\n  placeholder?: string;\n}\n\nexport interface OptionListItemType {\n  /**\n   * Value\n   */\n  value: string | number;\n  /**\n   * Label\n   */\n  label: string;\n  /**\n   * Add an icon\n   */\n  icon?: any;\n}\n\nexport const Combobox = ({\n  onSearchResultsChange,\n  onSearchInputChange,\n  options,\n  value,\n  isLoading,\n  noResult,\n  searchMinLength,\n  placeholder,\n}: ComboboxProps) => {\n  const { t } = useTranslation();\n\n  const [localValue, setLocalValue] = useState<(string | number)[]>([]);\n\n  useEffect(() => {\n    onSearchResultsChange(localValue);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [localValue]);\n\n  const handleOptionClick = (value: string | number) => {\n    setLocalValue([value]);\n  };\n\n  const renderContent = () => {\n    if (isLoading) {\n      return (\n        <div className=\"d-flex align-items-center p-4\">\n          <Loading isLoading={isLoading} />\n          <span className=\"ps-4\">{t('explorer.search.pending')}</span>\n        </div>\n      );\n    }\n\n    if (noResult) {\n      return <div className=\"p-4\">{t('portal.no.result')}</div>;\n    }\n\n    return options.map((option, index) => (\n      <Fragment key={index}>\n        <Dropdown.Item\n          type=\"select\"\n          icon={option.icon}\n          onClick={() => handleOptionClick(option.value)}\n        >\n          {option.label}\n        </Dropdown.Item>\n\n        {index < options.length - 1 && <Dropdown.Separator />}\n      </Fragment>\n    ));\n  };\n\n  return (\n    <Dropdown block>\n      <Combobox.Trigger\n        placeholder={placeholder}\n        searchMinLength={searchMinLength}\n        handleSearchInputChange={onSearchInputChange}\n        value={value}\n      />\n      <Dropdown.Menu>{renderContent()}</Dropdown.Menu>\n    </Dropdown>\n  );\n};\n\nCombobox.Trigger = ComboboxTrigger;\nCombobox.displayName = 'Combobox';\n\nexport default Combobox;\n"],"names":["Combobox","onSearchResultsChange","onSearchInputChange","options","value","isLoading","noResult","searchMinLength","placeholder","t","useTranslation","localValue","setLocalValue","useState","useEffect","handleOptionClick","renderContent","jsxs","jsx","Loading","map","option","index","Fragment","Dropdown","icon","label","length","Trigger","ComboboxTrigger"],"mappings":";;;;;;AAmCO,MAAMA,IAAWA,CAAC;AAAA,EACvBC,uBAAAA;AAAAA,EACAC,qBAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,iBAAAA;AAAAA,EACAC,aAAAA;AACa,MAAM;AACb,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GAEvB,CAACC,GAAYC,CAAa,IAAIC,EAA8B,CAAE,CAAA;AAEpEC,EAAAA,EAAU,MAAM;AACdb,IAAAA,EAAsBU,CAAU;AAAA,EAAA,GAE/B,CAACA,CAAU,CAAC;AAETI,QAAAA,IAAoBA,CAACX,MAA2B;AACtC,IAAAQ,EAAA,CAACR,CAAK,CAAC;AAAA,EAAA,GAGjBY,IAAgBA,MAChBX,IAEA,gBAAAY,EAAC,OAAI,EAAA,WAAU,iCACb,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAQ,WAAAd,GAAqB;AAAA,sBAC7B,QAAK,EAAA,WAAU,QAAQI,UAAAA,EAAE,yBAAyB,GAAE;AAAA,EACvD,EAAA,CAAA,IAIAH,sBACM,OAAI,EAAA,WAAU,OAAOG,UAAAA,EAAE,kBAAkB,EAAE,CAAA,IAG9CN,EAAQiB,IAAI,CAACC,GAAQC,wBACzBC,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAL,EAACM,EAAS,MAAT,EACC,MAAK,UACL,MAAMH,EAAOI,MACb,SAAS,MAAMV,EAAkBM,EAAOjB,KAAK,GAE5CiB,YAAOK,OACV;AAAA,IAECJ,IAAQnB,EAAQwB,SAAS,KAAM,gBAAAT,EAAAM,EAAS,WAAT,EAAqB;AAAA,EAAA,EAAA,GATxCF,CAUf,CACD;AAID,SAAA,gBAAAL,EAACO,GAAS,EAAA,OAAK,IACb,UAAA;AAAA,IAAA,gBAAAN,EAAClB,EAAS,SAAT,EACC,aAAAQ,GACA,iBAAAD,GACA,yBAAyBL,GACzB,OAAAE,GAAa;AAAA,IAEd,gBAAAc,EAAAM,EAAS,MAAT,EAAeR,YAAgB,EAAA,CAAA;AAAA,EAClC,EAAA,CAAA;AAEJ;AAEAhB,EAAS4B,UAAUC;"}

package/dist/components/Combobox/ComboboxTrigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComboboxTrigger.js","sources":["../../../src/components/Combobox/ComboboxTrigger.tsx"],"sourcesContent":["import { ChangeEvent, useEffect } from 'react';\n\nimport { useDropdownContext } from '../Dropdown/DropdownContext';\nimport { FormControl } from '../Form';\nimport Input from '../Input/Input';\n\nexport interface ComboboxTriggerProps\n  extends React.ComponentPropsWithRef<'button'> {\n  handleSearchInputChange: (event: ChangeEvent<HTMLInputElement>) => void;\n  value: string;\n  searchMinLength?: number;\n  placeholder?: string;\n}\n\nconst ComboboxTrigger = ({\n  placeholder,\n  value = '',\n  searchMinLength = 3,\n  handleSearchInputChange,\n}: ComboboxTriggerProps) => {\n  const { triggerProps, itemProps, setVisible } = useDropdownContext();\n\n  const inputProps: Record<string, any> = {\n    ...triggerProps,\n    role: 'combobox',\n    onClick: () => {\n      if (value.length >= searchMinLength) {\n        setVisible(true);\n      }\n    },\n    onChange: handleSearchInputChange,\n  };\n\n  useEffect(() => {\n    setVisible(value.length >= searchMinLength);\n  }, [setVisible, value, searchMinLength]);\n\n  return (\n    <FormControl className=\"d-flex align-items-center\" id=\"search\">\n      <Input\n        {...inputProps}\n        className=\"max-w-512\"\n        noValidationIcon\n        placeholder={placeholder}\n        size=\"md\"\n        type=\"search\"\n        onKeyDown={itemProps.onMenuItemKeyDown}\n      />\n    </FormControl>\n  );\n};\n\nexport default ComboboxTrigger;\n"],"names":["ComboboxTrigger","placeholder","value","searchMinLength","handleSearchInputChange","triggerProps","itemProps","setVisible","useDropdownContext","inputProps","role","onClick","length","onChange","useEffect","jsx","FormControl","Input","onMenuItemKeyDown"],"mappings":";;;;;AAcA,MAAMA,IAAkBA,CAAC;AAAA,EACvBC,aAAAA;AAAAA,EACAC,OAAAA,IAAQ;AAAA,EACRC,iBAAAA,IAAkB;AAAA,EAClBC,yBAAAA;AACoB,MAAM;AACpB,QAAA;AAAA,IAAEC,cAAAA;AAAAA,IAAcC,WAAAA;AAAAA,IAAWC,YAAAA;AAAAA,MAAeC,EAAmB,GAE7DC,IAAkC;AAAA,IACtC,GAAGJ;AAAAA,IACHK,MAAM;AAAA,IACNC,SAASA,MAAM;AACTT,MAAAA,EAAMU,UAAUT,KAClBI,EAAW,EAAI;AAAA,IAEnB;AAAA,IACAM,UAAUT;AAAAA,EAAAA;AAGZU,SAAAA,EAAU,MAAM;AACHZ,IAAAA,EAAAA,EAAMU,UAAUT,CAAe;AAAA,EACzC,GAAA,CAACI,GAAYL,GAAOC,CAAe,CAAC,GAGrC,gBAAAY,EAACC,KAAY,WAAU,6BAA4B,IAAG,UACpD,UAAA,gBAAAD,EAACE,GACC,EAAA,GAAIR,GACJ,WAAU,aACV,kBAAgB,IAChB,aAAAR,GACA,MAAK,MACL,MAAK,UACL,WAAWK,EAAUY,kBAAkB,CAAA,EAE3C,CAAA;AAEJ;"}

package/dist/components/Dropdown/Dropdown.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Dropdown/DropdownCheckboxItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownCheckboxItem.js","sources":["../../../src/components/Dropdown/DropdownCheckboxItem.tsx"],"sourcesContent":["import { ReactNode, useId } from 'react';\n\nimport clsx from 'clsx';\n\nimport { useDropdownContext } from './DropdownContext';\nimport { Checkbox } from '../Checkbox';\n\ninterface DropdownCheckboxItem {\n  /**\n   * Children Node\n   */\n  children: ReactNode;\n  /**\n   * Value\n   */\n  value: string | number;\n  /**\n   * Model\n   */\n  model: (string | number)[];\n  /**\n   * OnKeyDown handler\n   */\n  onChange: (value: string | number) => void;\n}\n\nconst DropdownCheckboxItem = ({\n  children,\n  value,\n  model,\n  onChange,\n}: DropdownCheckboxItem) => {\n  const { itemProps, itemRefs, isFocused } = useDropdownContext();\n  const { onMenuItemKeyDown, onMenuItemMouseEnter } = itemProps;\n\n  const id = useId();\n\n  const checked = model.includes(value);\n\n  const checkboxProps = {\n    value,\n    model,\n    checked,\n    readOnly: true,\n  };\n\n  const dropdownCheckboxItem = clsx('dropdown-item c-pointer', {\n    focus: isFocused === id,\n  });\n\n  return (\n    <div\n      id={id}\n      ref={(el) => (itemRefs.current[id] = el)}\n      role=\"menuitemcheckbox\"\n      aria-checked={checked}\n      onMouseUp={() => onChange(value)}\n      onKeyDown={(event) => onMenuItemKeyDown(event, () => onChange(value))}\n      onMouseEnter={onMenuItemMouseEnter}\n      tabIndex={checked ? 0 : -1}\n      className={dropdownCheckboxItem}\n    >\n      <div className=\"d-flex gap-8 align-items-center justify-content-between position-relative\">\n        {children}\n        <Checkbox {...checkboxProps} />\n      </div>\n    </div>\n  );\n};\n\nDropdownCheckboxItem.displayName = 'Dropdown.CheckboxItem';\n\nexport default DropdownCheckboxItem;\n"],"names":["DropdownCheckboxItem","children","value","model","onChange","itemProps","itemRefs","isFocused","useDropdownContext","onMenuItemKeyDown","onMenuItemMouseEnter","id","useId","checked","includes","checkboxProps","readOnly","dropdownCheckboxItem","clsx","focus","el","current","event","jsxs","jsx","Checkbox"],"mappings":";;;;;AA0BA,MAAMA,IAAuBA,CAAC;AAAA,EAC5BC,UAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AACoB,MAAM;AACpB,QAAA;AAAA,IAAEC,WAAAA;AAAAA,IAAWC,UAAAA;AAAAA,IAAUC,WAAAA;AAAAA,MAAcC,EAAmB,GACxD;AAAA,IAAEC,mBAAAA;AAAAA,IAAmBC,sBAAAA;AAAAA,EAAyBL,IAAAA,GAE9CM,IAAKC,KAELC,IAAUV,EAAMW,SAASZ,CAAK,GAE9Ba,IAAgB;AAAA,IACpBb,OAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAU,SAAAA;AAAAA,IACAG,UAAU;AAAA,EAAA,GAGNC,IAAuBC,EAAK,2BAA2B;AAAA,IAC3DC,OAAOZ,MAAcI;AAAAA,EAAAA,CACtB;AAED,2BACG,OACC,EAAA,IAAAA,GACA,KAAMS,CAAAA,MAAQd,EAASe,QAAQV,CAAE,IAAIS,GACrC,MAAK,oBACL,gBAAcP,GACd,WAAW,MAAMT,EAASF,CAAK,GAC/B,WAAYoB,CAAAA,MAAUb,EAAkBa,GAAO,MAAMlB,EAASF,CAAK,CAAC,GACpE,cAAcQ,GACd,UAAUG,IAAU,IAAI,IACxB,WAAWI,GAEX,UAAC,gBAAAM,EAAA,OAAA,EAAI,WAAU,6EACZtB,UAAAA;AAAAA,IAAAA;AAAAA,IACD,gBAAAuB,EAACC,GAAS,EAAA,GAAIV,GAAc;AAAA,EAAA,EAC9B,CAAA,EACF,CAAA;AAEJ;"}

package/dist/components/Dropdown/DropdownContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownContext.js","sources":["../../../src/components/Dropdown/DropdownContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nimport { UseDropdownProps } from '../../hooks/useDropdown/useDropdown';\n\ntype OmittedProps = Omit<UseDropdownProps, 'triggerRef' | 'menuRef'>;\nexport interface DropdownContextProps extends OmittedProps {\n  block?: boolean;\n}\n\nexport const DropdownContext = createContext<DropdownContextProps | null>(\n  null!,\n);\n\nexport const useDropdownContext = () => {\n  const context = useContext(DropdownContext);\n  if (!context) {\n    throw new Error(`Cannot be rendered outside the Dropdown Component`);\n  }\n  return context;\n};\n"],"names":["DropdownContext","useDropdownContext","context","useContext","Error"],"mappings":";AASaA,MAAAA,sBACX,IACF,GAEaC,IAAqBA,MAAM;AAChCC,QAAAA,IAAUC,EAAWH,CAAe;AAC1C,MAAI,CAACE;AACG,UAAA,IAAIE,MAAM,mDAAmD;AAE9DF,SAAAA;AACT;"}

package/dist/components/Dropdown/DropdownItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownItem.js","sources":["../../../src/components/Dropdown/DropdownItem.tsx"],"sourcesContent":["import { ReactNode, useId } from 'react';\n\nimport clsx from 'clsx';\n\nimport { useDropdownContext } from './DropdownContext';\n\nexport interface DropdownItemProps {\n  /**\n   * Object type\n   */\n  type?: 'action' | 'select';\n  /**\n   * Icon component\n   */\n  icon?: JSX.Element;\n  /**\n   * Content\n   */\n  children: ReactNode;\n  /**\n   *\n   * Action on click\n   */\n  onClick?: (event: React.MouseEvent) => void;\n  /**\n   * Additional class name\n   */\n  className?: string;\n}\n\nconst DropdownItem = ({\n  type = 'action',\n  icon,\n  onClick,\n  children,\n  className,\n  ...restProps\n}: DropdownItemProps) => {\n  const { itemProps, itemRefs, isFocused } = useDropdownContext();\n  const { onMenuItemKeyDown, onMenuItemMouseEnter, onMenuItemClick } =\n    itemProps;\n\n  const handleOnClick = (event: React.MouseEvent) => {\n    onClick?.(event);\n\n    if (type === 'action') {\n      onMenuItemClick();\n      event.stopPropagation();\n    }\n  };\n\n  const id = useId();\n\n  const dropdownItem = clsx(\n    'dropdown-item',\n    {\n      focus: isFocused === id,\n    },\n    className,\n  );\n\n  return (\n    <div\n      id={id}\n      role=\"menuitem\"\n      ref={(el) => (itemRefs.current[id] = el)}\n      tabIndex={isFocused === id ? 0 : -1}\n      className={dropdownItem}\n      aria-current={isFocused === id}\n      onClick={handleOnClick}\n      onMouseEnter={onMenuItemMouseEnter}\n      onKeyDown={(event) => onMenuItemKeyDown(event, onClick)}\n      {...restProps}\n    >\n      <div className=\"d-flex gap-8 align-items-center\">\n        {icon}\n        {children}\n      </div>\n    </div>\n  );\n};\n\nDropdownItem.displayName = 'Dropdown.Item';\n\nexport default DropdownItem;\n"],"names":["DropdownItem","type","icon","onClick","children","className","restProps","itemProps","itemRefs","isFocused","useDropdownContext","onMenuItemKeyDown","onMenuItemMouseEnter","onMenuItemClick","handleOnClick","event","stopPropagation","id","useId","dropdownItem","clsx","focus","el","current","jsxs"],"mappings":";;;;AA8BA,MAAMA,IAAeA,CAAC;AAAA,EACpBC,MAAAA,IAAO;AAAA,EACPC,MAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACA,GAAGC;AACc,MAAM;AACjB,QAAA;AAAA,IAAEC,WAAAA;AAAAA,IAAWC,UAAAA;AAAAA,IAAUC,WAAAA;AAAAA,MAAcC,EAAmB,GACxD;AAAA,IAAEC,mBAAAA;AAAAA,IAAmBC,sBAAAA;AAAAA,IAAsBC,iBAAAA;AAAAA,EAC/CN,IAAAA,GAEIO,IAAgBA,CAACC,MAA4B;AACjDZ,IAAAA,KAAAA,QAAAA,EAAUY,IAENd,MAAS,aACKY,KAChBE,EAAMC,gBAAgB;AAAA,EACxB,GAGIC,IAAKC,KAELC,IAAeC,EACnB,iBACA;AAAA,IACEC,OAAOZ,MAAcQ;AAAAA,KAEvBZ,CACF;AAEA,2BACG,OACC,EAAA,IAAAY,GACA,MAAK,YACL,KAAMK,CAAQd,MAAAA,EAASe,QAAQN,CAAE,IAAIK,GACrC,UAAUb,MAAcQ,IAAK,IAAI,IACjC,WAAWE,GACX,gBAAcV,MAAcQ,GAC5B,SAASH,GACT,cAAcF,GACd,WAAYG,CAAAA,MAAUJ,EAAkBI,GAAOZ,CAAO,GACtD,GAAIG,GAEJ,UAAC,gBAAAkB,EAAA,OAAA,EAAI,WAAU,mCACZtB,UAAAA;AAAAA,IAAAA;AAAAA,IACAE;AAAAA,EAAAA,EACH,CAAA,EACF,CAAA;AAEJ;"}

package/dist/components/Dropdown/DropdownMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownMenu.js","sources":["../../../src/components/Dropdown/DropdownMenu.tsx"],"sourcesContent":["import { ComponentPropsWithRef, ReactNode, Ref, forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { useDropdownContext } from './DropdownContext';\n\ninterface Item {\n  /**\n   * Object type\n   */\n  type?: undefined;\n  /**\n   * Icon component\n   */\n  icon: JSX.Element;\n  /**\n   * Label for a11y\n   */\n  label: string;\n  /**\n   * Action OnClick\n   */\n  action: (elem: any) => any;\n}\n\ninterface Divider {\n  /**\n   * Object type\n   */\n  type: 'divider';\n}\n\nexport type DropdownMenuOptions = Item | Divider;\n\nexport interface DropdownMenuProps extends ComponentPropsWithRef<'div'> {\n  children: ReactNode;\n  /** Use whole width ? */\n  block?: boolean;\n  /** Do not apply the default CSS classes in addition to those in the className prop ? */\n  unstyled?: boolean;\n}\n\nconst DropdownMenu = forwardRef(\n  (\n    { children, block, unstyled, ...restProps }: DropdownMenuProps,\n    forwardRef: Ref<HTMLDivElement>,\n  ) => {\n    const { menuProps, visible } = useDropdownContext();\n\n    const className = clsx(\n      { 'w-100': block, 'bg-white shadow rounded-4 p-8': !unstyled },\n      menuProps.className,\n      restProps.className,\n    );\n\n    const mergedProps = { ...menuProps, ...restProps, className };\n\n    return visible ? (\n      <div ref={forwardRef} {...mergedProps}>\n        {children}\n      </div>\n    ) : null;\n  },\n);\n\nDropdownMenu.displayName = 'Dropdown.Menu';\n\nexport default DropdownMenu;\n"],"names":["DropdownMenu","children","block","unstyled","restProps","forwardRef","menuProps","visible","useDropdownContext","className","clsx","mergedProps"],"mappings":";;;;AA0CMA,MAAAA,sBACJ,CACE;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,OAAAA;AAAAA,EAAOC,UAAAA;AAAAA,EAAU,GAAGC;AAA6B,GAC7DC,MACG;AACG,QAAA;AAAA,IAAEC,WAAAA;AAAAA,IAAWC,SAAAA;AAAAA,MAAYC,EAAmB,GAE5CC,IAAYC,EAChB;AAAA,IAAE,SAASR;AAAAA,IAAO,iCAAiC,CAACC;AAAAA,EACpDG,GAAAA,EAAUG,WACVL,EAAUK,SACZ,GAEME,IAAc;AAAA,IAAE,GAAGL;AAAAA,IAAW,GAAGF;AAAAA,IAAWK,WAAAA;AAAAA,EAAAA;AAE3CF,SAAAA,sBACJ,OAAI,EAAA,KAAKF,GAAY,GAAIM,GACvBV,UAAAA,GACH,IACE;AACN,CACF;"}

package/dist/components/Dropdown/DropdownMenuGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownMenuGroup.js","sources":["../../../src/components/Dropdown/DropdownMenuGroup.tsx"],"sourcesContent":["import { ReactNode, Ref, forwardRef } from 'react';\n\nexport interface DropdownMenuGroupProps {\n  /**\n   * Label\n   */\n  label: string;\n  /**\n   * Children Node\n   */\n  children: ReactNode;\n}\n\nconst DropdownMenuGroup = forwardRef(\n  (\n    { label, children }: DropdownMenuGroupProps,\n    forwardRef: Ref<HTMLDivElement>,\n  ) => {\n    return (\n      <div ref={forwardRef} role=\"group\">\n        <span className=\"small px-4\">\n          <strong>{label}</strong>\n        </span>\n        {children}\n      </div>\n    );\n  },\n);\n\nDropdownMenuGroup.displayName = 'Dropdown.MenuGroup';\n\nexport default DropdownMenuGroup;\n"],"names":["DropdownMenuGroup","label","children","forwardRef","jsxs","jsx"],"mappings":";;AAaMA,MAAAA,sBACJ,CACE;AAAA,EAAEC,OAAAA;AAAAA,EAAOC,UAAAA;AAAiC,GAC1CC,MAGG,gBAAAC,EAAA,OAAA,EAAI,KAAKD,GAAY,MAAK,SACzB,UAAA;AAAA,EAAA,gBAAAE,EAAC,UAAK,WAAU,cACd,UAAC,gBAAAA,EAAA,UAAA,EAAQJ,aAAM,EACjB,CAAA;AAAA,EACCC;AACH,EAAA,CAAA,CAGN;"}

package/dist/components/Dropdown/DropdownRadioItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownRadioItem.js","sources":["../../../src/components/Dropdown/DropdownRadioItem.tsx"],"sourcesContent":["import { ReactNode, useId } from 'react';\n\nimport clsx from 'clsx';\n\nimport { useDropdownContext } from './DropdownContext';\nimport { Radio } from '../Radio';\n\nexport interface DropdownRadioItemProps {\n  /**\n   * Children Node\n   */\n  children: ReactNode;\n\n  /**\n   * Item Value\n   */\n  value: string;\n\n  /**\n   * Item model\n   */\n  model: string;\n\n  /**\n   * onKeyDown, onMouseUp handlers\n   */\n  onChange: (value: string) => void;\n}\n\nconst DropdownRadioItem = ({\n  children,\n  value,\n  model,\n  onChange,\n}: DropdownRadioItemProps) => {\n  const { itemProps, itemRefs, isFocused } = useDropdownContext();\n  const { onMenuItemKeyDown, onMenuItemMouseEnter } = itemProps;\n\n  const id = useId();\n\n  const checked = value === model;\n\n  const radioProps = {\n    value,\n    model,\n    checked,\n    readOnly: true,\n  };\n\n  const dropdownRadioItem = clsx('dropdown-item c-pointer', {\n    focus: isFocused === id,\n  });\n\n  return (\n    <div\n      id={id}\n      ref={(el) => (itemRefs.current[id] = el)}\n      role=\"menuitemradio\"\n      aria-checked={value === model}\n      onMouseUp={() => onChange(value)}\n      onKeyDown={(event) => onMenuItemKeyDown(event, () => onChange(value))}\n      onMouseEnter={onMenuItemMouseEnter}\n      tabIndex={value === model ? 0 : -1}\n      className={dropdownRadioItem}\n    >\n      <div className=\"d-flex gap-8 align-items-center justify-content-between position-relative\">\n        {children}\n        <Radio\n          {...radioProps}\n          className=\"position-absolute start-0 end-0 top-0 bottom-0 opacity-0\"\n        />\n      </div>\n    </div>\n  );\n};\n\nDropdownRadioItem.displayName = 'Dropdown.RadioItem';\n\nexport default DropdownRadioItem;\n"],"names":["DropdownRadioItem","children","value","model","onChange","itemProps","itemRefs","isFocused","useDropdownContext","onMenuItemKeyDown","onMenuItemMouseEnter","id","useId","radioProps","checked","readOnly","dropdownRadioItem","clsx","focus","el","current","event","jsxs","jsx","Radio"],"mappings":";;;;;AA6BA,MAAMA,IAAoBA,CAAC;AAAA,EACzBC,UAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,UAAAA;AACsB,MAAM;AACtB,QAAA;AAAA,IAAEC,WAAAA;AAAAA,IAAWC,UAAAA;AAAAA,IAAUC,WAAAA;AAAAA,MAAcC,EAAmB,GACxD;AAAA,IAAEC,mBAAAA;AAAAA,IAAmBC,sBAAAA;AAAAA,EAAyBL,IAAAA,GAE9CM,IAAKC,KAILC,IAAa;AAAA,IACjBX,OAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAW,SALcZ,MAAUC;AAAAA,IAMxBY,UAAU;AAAA,EAAA,GAGNC,IAAoBC,EAAK,2BAA2B;AAAA,IACxDC,OAAOX,MAAcI;AAAAA,EAAAA,CACtB;AAED,2BACG,OACC,EAAA,IAAAA,GACA,KAAMQ,CAAQb,MAAAA,EAASc,QAAQT,CAAE,IAAIQ,GACrC,MAAK,iBACL,gBAAcjB,MAAUC,GACxB,WAAW,MAAMC,EAASF,CAAK,GAC/B,WAAYmB,CAAAA,MAAUZ,EAAkBY,GAAO,MAAMjB,EAASF,CAAK,CAAC,GACpE,cAAcQ,GACd,UAAUR,MAAUC,IAAQ,IAAI,IAChC,WAAWa,GAEX,UAAC,gBAAAM,EAAA,OAAA,EAAI,WAAU,6EACZrB,UAAAA;AAAAA,IAAAA;AAAAA,IACA,gBAAAsB,EAAAC,GAAA,EACC,GAAIX,GACJ,WAAU,2DAA0D,CAAA;AAAA,EAAA,EAExE,CAAA,EACF,CAAA;AAEJ;"}

package/dist/components/Dropdown/DropdownSeparator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownSeparator.js","sources":["../../../src/components/Dropdown/DropdownSeparator.tsx"],"sourcesContent":["const DropdownSeparator = () => {\n  return (\n    <div role=\"separator\" className=\"px-4\">\n      <hr className=\"m-0\" />\n    </div>\n  );\n};\n\nDropdownSeparator.displayName = 'Dropdown.Separator';\n\nexport default DropdownSeparator;\n"],"names":["DropdownSeparator","jsx"],"mappings":";AAAA,MAAMA,IAAoBA,MAEtB,gBAAAC,EAAC,OAAI,EAAA,MAAK,aAAY,WAAU,QAC9B,UAAC,gBAAAA,EAAA,MAAA,EAAG,WAAU,MAAK,CAAA,EACrB,CAAA;"}

package/dist/components/Dropdown/DropdownTrigger.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownTrigger.js","sources":["../../../src/components/Dropdown/DropdownTrigger.tsx"],"sourcesContent":["import { Ref, forwardRef } from 'react';\n\nimport clsx from 'clsx';\n\nimport { Icon } from '..';\nimport { useDropdownContext } from './DropdownContext';\n\nexport interface DropdownTriggerProps\n  extends React.ComponentPropsWithRef<'button'> {\n  /**\n   * Dropdown trigger title\n   */\n  label?: string;\n  /**\n   * Add an icon in dropdown trigger\n   */\n  icon?: React.ReactNode;\n  /**\n   * Add a badge\n   */\n  badgeContent?: string | number;\n  /**\n   * Set appearance\n   */\n  variant?: 'ghost';\n  /**\n   * Button size\n   */\n  size?: 'sm' | 'md' | 'lg';\n  /**\n   * Disabled Trigger\n   * */\n  disabled?: boolean;\n  /**\n   * Stretch the dropdown trigger.\n   */\n  block?: boolean;\n  /**\n   * Hide the carret\n   */\n  hideCarret?: boolean;\n}\n\nexport type DropdownTriggerType = React.ReactElement<DropdownTriggerProps>;\n\nconst DropdownTrigger = forwardRef(\n  (\n    {\n      label,\n      icon,\n      variant,\n      disabled = false,\n      size,\n      badgeContent,\n      hideCarret = false,\n      ...restProps\n    }: DropdownTriggerProps,\n    forwardRef: Ref<HTMLButtonElement>,\n  ) => {\n    const { triggerProps, block } = useDropdownContext();\n\n    const className = clsx(\n      'dropdown-toggle ',\n      size,\n      variant,\n      { 'w-100': block },\n      triggerProps.className,\n      restProps.className,\n    );\n\n    const mergedProps = {\n      ...triggerProps,\n      ...restProps,\n      className,\n    };\n\n    return (\n      <button ref={forwardRef} disabled={disabled} {...mergedProps}>\n        {icon}\n        {label}\n        {badgeContent ? (\n          <span className=\"badge text-bg-secondary rounded-pill\">\n            {badgeContent}\n          </span>\n        ) : (\n          !hideCarret && (\n            <Icon\n              name=\"rafter-up\"\n              size=\"16\"\n              className=\"dropdown-toggle-caret\"\n            />\n          )\n        )}\n      </button>\n    );\n  },\n);\n\nDropdownTrigger.displayName = 'Dropdown.Trigger';\n\nexport default DropdownTrigger;\n"],"names":["DropdownTrigger","label","icon","variant","disabled","size","badgeContent","hideCarret","restProps","forwardRef","triggerProps","block","useDropdownContext","className","clsx","mergedProps","jsx","Icon"],"mappings":";;;;;AA6CMA,MAAAA,sBACJ,CACE;AAAA,EACEC,OAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,SAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,MAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,YAAAA,IAAa;AAAA,EACb,GAAGC;AACiB,GACtBC,MACG;AACG,QAAA;AAAA,IAAEC,cAAAA;AAAAA,IAAcC,OAAAA;AAAAA,MAAUC,EAAmB,GAE7CC,IAAYC,EAChB,oBACAT,GACAF,GACA;AAAA,IAAE,SAASQ;AAAAA,EACXD,GAAAA,EAAaG,WACbL,EAAUK,SACZ,GAEME,IAAc;AAAA,IAClB,GAAGL;AAAAA,IACH,GAAGF;AAAAA,IACHK,WAAAA;AAAAA,EAAAA;AAGF,2BACG,UAAO,EAAA,KAAKJ,GAAY,UAAAL,GAAoB,GAAIW,GAC9Cb,UAAAA;AAAAA,IAAAA;AAAAA,IACAD;AAAAA,IACAK,IACE,gBAAAU,EAAA,QAAA,EAAK,WAAU,wCACbV,aACH,IAEA,CAACC,KACC,gBAAAS,EAACC,KACC,MAAK,aACL,MAAK,MACL,WAAU,yBAGf;AAAA,EACH,EAAA,CAAA;AAEJ,CACF;"}

package/dist/components/Dropzone/Dropzone.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropzone.js","sources":["../../../src/components/Dropzone/Dropzone.tsx"],"sourcesContent":["import { ReactNode, useMemo } from 'react';\n\nimport clsx from 'clsx';\n\nimport { useDropzone } from '../../hooks';\nimport { DropzoneContext } from './DropzoneContext';\nimport DropzoneDrag from './DropzoneDrag';\nimport DropzoneFile from './DropzoneFile';\nimport DropzoneImport from './DropzoneImport';\n\ninterface DropzoneProps {\n  className?: string;\n  /** See https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/accept#unique_file_type_specifiers */\n  accept?: string[];\n  multiple?: boolean;\n  handle?: boolean;\n  children?: ReactNode;\n}\n\nexport const Dropzone = ({\n  className,\n  accept,\n  multiple = true,\n  handle = false,\n  children,\n}: DropzoneProps) => {\n  const {\n    inputRef,\n    dragging,\n    files,\n    addFile,\n    deleteFile,\n    replaceFileAt,\n    handleDragLeave,\n    handleDragging,\n    handleDrop,\n    handleOnChange,\n  } = useDropzone(accept ? { forceFilters: true } : undefined);\n\n  const classes = clsx(\n    'dropzone',\n    {\n      'is-dragging': !multiple ? files.length < 1 && dragging : dragging,\n      'is-drop-files': files.length !== 0 && !handle ? false : true,\n    },\n    className,\n  );\n\n  const value = useMemo(\n    () => ({\n      inputRef,\n      files,\n      addFile,\n      deleteFile,\n      replaceFileAt,\n    }),\n    [addFile, deleteFile, replaceFileAt, files, inputRef],\n  );\n\n  return (\n    <DropzoneContext.Provider value={value}>\n      <div\n        className={classes}\n        onDragEnter={handleDragging}\n        onDragOver={handleDragging}\n        onDragLeave={handleDragLeave}\n        onDrop={files.length > 0 && !multiple ? undefined : handleDrop}\n      >\n        <div className=\"align-center\">\n          {!handle ? (\n            <>\n              <Dropzone.File>{children}</Dropzone.File>\n              <Dropzone.Import />\n            </>\n          ) : null}\n          <Dropzone.Drag />\n        </div>\n        <input\n          ref={inputRef}\n          accept={accept?.join(',')}\n          multiple={multiple}\n          type=\"file\"\n          name=\"attachment-input\"\n          id=\"attachment-input\"\n          onChange={handleOnChange}\n          hidden\n        />\n      </div>\n    </DropzoneContext.Provider>\n  );\n};\n\nDropzone.File = DropzoneFile;\nDropzone.Import = DropzoneImport;\nDropzone.Drag = DropzoneDrag;\n\nDropzone.displayName = 'Dropzone';\n\nexport default Dropzone;\n"],"names":["Dropzone","className","accept","multiple","handle","children","inputRef","dragging","files","addFile","deleteFile","replaceFileAt","handleDragLeave","handleDragging","handleDrop","handleOnChange","useDropzone","forceFilters","undefined","classes","clsx","length","value","useMemo","jsx","DropzoneContext","jsxs","Fragment","join","File","DropzoneFile","Import","DropzoneImport","Drag","DropzoneDrag"],"mappings":";;;;;;;;AAmBO,MAAMA,IAAWA,CAAC;AAAA,EACvBC,WAAAA;AAAAA,EACAC,QAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,QAAAA,IAAS;AAAA,EACTC,UAAAA;AACa,MAAM;AACb,QAAA;AAAA,IACJC,UAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAC,OAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,eAAAA;AAAAA,IACAC,iBAAAA;AAAAA,IACAC,gBAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,gBAAAA;AAAAA,EAAAA,IACEC,EAAYd,IAAS;AAAA,IAAEe,cAAc;AAAA,EAAA,IAASC,MAAS,GAErDC,IAAUC,EACd,YACA;AAAA,IACE,gBAAgBjB,KAAWK,EAAMa,SAAS,MAAKd;AAAAA,IAC/C,iBAAiBC,EAAAA,EAAMa,WAAW,KAAK,CAACjB;AAAAA,KAE1CH,CACF,GAEMqB,IAAQC,EACZ,OAAO;AAAA,IACLjB,UAAAA;AAAAA,IACAE,OAAAA;AAAAA,IACAC,SAAAA;AAAAA,IACAC,YAAAA;AAAAA,IACAC,eAAAA;AAAAA,EAAAA,IAEF,CAACF,GAASC,GAAYC,GAAeH,GAAOF,CAAQ,CACtD;AAGE,SAAA,gBAAAkB,EAACC,EAAgB,UAAhB,EAAyB,OAAAH,GACxB,UAAC,gBAAAI,EAAA,OAAA,EACC,WAAWP,GACX,aAAaN,GACb,YAAYA,GACZ,aAAaD,GACb,QAAQJ,EAAMa,SAAS,KAAK,CAAClB,IAAWe,SAAYJ,GAEpD,UAAA;AAAA,IAAC,gBAAAY,EAAA,OAAA,EAAI,WAAU,gBACZ,UAAA;AAAA,MAACtB,IAKE,OAHA,gBAAAsB,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAC,gBAAAH,EAAAxB,EAAS,MAAT,EAAeK,UAAAA,EAAS,CAAA;AAAA,QACzB,gBAAAmB,EAACxB,EAAS,QAAT,EAAe;AAAA,MAAA,EAAA,CAClB;AAAA,MAEF,gBAAAwB,EAACxB,EAAS,MAAT,EAAa;AAAA,IAAA,GAChB;AAAA,sBACC,SACC,EAAA,KAAKM,GACL,QAAQJ,KAAAA,gBAAAA,EAAQ0B,KAAK,MACrB,UAAAzB,GACA,MAAK,QACL,MAAK,oBACL,IAAG,oBACH,UAAUY,GACV,QAAM,IAAA;AAAA,EAAA,EAEV,CAAA,EACF,CAAA;AAEJ;AAEAf,EAAS6B,OAAOC;AAChB9B,EAAS+B,SAASC;AAClBhC,EAASiC,OAAOC;"}

package/dist/components/Dropzone/DropzoneContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropzoneContext.js","sources":["../../../src/components/Dropzone/DropzoneContext.tsx"],"sourcesContent":["import { createContext, useContext } from 'react';\n\nexport interface DropzoneContextType {\n  inputRef: React.MutableRefObject<HTMLInputElement | null>;\n  files: File[];\n  addFile: (file: File) => void;\n  deleteFile: (file: File) => void;\n  replaceFileAt: (index: number, file: File) => void;\n}\n\nexport const DropzoneContext = createContext<DropzoneContextType | null>(null);\n\nexport function useDropzoneContext() {\n  const context = useContext(DropzoneContext);\n  if (!context) {\n    throw new Error('Cannot be rendered outside Dropzone Provider');\n  }\n  return context;\n}\n"],"names":["DropzoneContext","useDropzoneContext","context","useContext","Error"],"mappings":";AAUaA,MAAAA,sBAA4D,IAAI;AAEtE,SAASC,IAAqB;AAC7BC,QAAAA,IAAUC,EAAWH,CAAe;AAC1C,MAAI,CAACE;AACG,UAAA,IAAIE,MAAM,8CAA8C;AAEzDF,SAAAA;AACT;"}

package/dist/components/Dropzone/DropzoneDrag.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropzoneDrag.js","sources":["../../../src/components/Dropzone/DropzoneDrag.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next';\n\nconst DropzoneDrag = () => {\n  const { t } = useTranslation();\n\n  return (\n    <div className=\"drop-wrapper\">\n      <div className=\"drop-content\">\n        <p className=\"drop-text\">{t('dropzone.drop')}</p>\n      </div>\n    </div>\n  );\n};\n\nDropzoneDrag.displayName = 'Dropzone.Drag';\n\nexport default DropzoneDrag;\n"],"names":["DropzoneDrag","t","useTranslation","jsx"],"mappings":";;AAEA,MAAMA,IAAeA,MAAM;AACnB,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe;AAE7B,2BACG,OAAI,EAAA,WAAU,gBACb,UAAA,gBAAAC,EAAC,SAAI,WAAU,gBACb,UAAC,gBAAAA,EAAA,KAAA,EAAE,WAAU,aAAaF,UAAAA,EAAE,eAAe,EAAE,CAAA,GAC/C,EACF,CAAA;AAEJ;"}

package/dist/components/Dropzone/DropzoneFile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropzoneFile.js","sources":["../../../src/components/Dropzone/DropzoneFile.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport clsx from 'clsx';\nimport { useTranslation } from 'react-i18next';\n\nimport { Icon } from '..';\nimport { useMediaLibraryContext } from '../../modules/multimedia/MediaLibrary/MediaLibraryContext';\nimport Button from '../Button/Button';\nimport { useDropzoneContext } from './DropzoneContext';\n\nconst DropzoneFile = ({ children }: { children: ReactNode }) => {\n  const { t } = useTranslation();\n  const { files, inputRef } = useDropzoneContext();\n\n  const { multiple } = useMediaLibraryContext();\n\n  const hasFiles = files && files.length > 0;\n\n  const classes = clsx('drop-file-wrapper', {\n    'd-block': hasFiles,\n    'd-none': !hasFiles,\n  });\n\n  return (\n    <div className={classes}>\n      <div className=\"drop-file-content\">\n        <div className=\"add-button p-4\">\n          <Button\n            variant=\"ghost\"\n            leftIcon={<Icon name=\"plus\" />}\n            disabled={!multiple}\n            onClick={() => inputRef?.current?.click()}\n          >\n            {t('dropzone.add.more')}\n          </Button>\n        </div>\n      </div>\n      <div className=\"p-8\">{children}</div>\n    </div>\n  );\n};\n\nDropzoneFile.displayName = 'Dropzone.File';\n\nexport default DropzoneFile;\n"],"names":["DropzoneFile","children","t","useTranslation","files","inputRef","useDropzoneContext","multiple","useMediaLibraryContext","hasFiles","length","classes","clsx","jsxs","jsx","Button","Icon","current","click"],"mappings":";;;;;;;AAUA,MAAMA,IAAeA,CAAC;AAAA,EAAEC,UAAAA;AAAkC,MAAM;AACxD,QAAA;AAAA,IAAEC,GAAAA;AAAAA,MAAMC,EAAe,GACvB;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,UAAAA;AAAAA,MAAaC,EAAmB,GAEzC;AAAA,IAAEC,UAAAA;AAAAA,MAAaC,EAAuB,GAEtCC,IAAWL,KAASA,EAAMM,SAAS,GAEnCC,IAAUC,EAAK,qBAAqB;AAAA,IACxC,WAAWH;AAAAA,IACX,UAAU,CAACA;AAAAA,EAAAA,CACZ;AAGC,SAAA,gBAAAI,EAAC,OAAI,EAAA,WAAWF,GACd,UAAA;AAAA,IAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,qBACb,UAAA,gBAAAA,EAAC,OAAI,EAAA,WAAU,kBACb,UAAA,gBAAAA,EAACC,GACC,EAAA,SAAQ,SACR,4BAAWC,GAAK,EAAA,MAAK,QAAS,GAC9B,UAAU,CAACT,GACX,SAAS,MAAMF;;AAAAA,cAAAA,IAAAA,KAAAA,gBAAAA,EAAUY,YAAVZ,gBAAAA,EAAmBa;AAAAA,OAEjChB,UAAAA,EAAE,mBAAmB,EACxB,CAAA,EACF,CAAA,GACF;AAAA,IACC,gBAAAY,EAAA,OAAA,EAAI,WAAU,OAAOb,UAAAA,EAAS,CAAA;AAAA,EACjC,EAAA,CAAA;AAEJ;"}

package/dist/components/Dropzone/DropzoneImport.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DropzoneImport.js","sources":["../../../src/components/Dropzone/DropzoneImport.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport { useTranslation } from 'react-i18next';\n\nimport { Icon } from '..';\nimport Button from '../Button/Button';\nimport { useDropzoneContext } from './DropzoneContext';\n\nconst DropzoneImport = () => {\n  const { t } = useTranslation();\n  const { files, inputRef } = useDropzoneContext();\n\n  const hasFiles = files && files.length > 0;\n\n  const classes = clsx('import-wrapper', {\n    'd-flex': !hasFiles,\n    'd-none': hasFiles,\n  });\n\n  return (\n    <div className={classes}>\n      <Icon name=\"download\" size=\"48\" />\n      <p className=\"my-16\">{t('dropzone.text')}</p>\n      <Button onClick={() => inputRef?.current?.click()}>\n        {t('dropzone.import')}\n      </Button>\n    </div>\n  );\n};\n\nDropzoneImport.displayName = 'Dropzone.Import';\n\nexport default DropzoneImport;\n"],"names":["DropzoneImport","t","useTranslation","files","inputRef","useDropzoneContext","hasFiles","length","classes","clsx","jsxs","jsx","Icon","Button","current","click"],"mappings":";;;;;;AAOA,MAAMA,IAAiBA,MAAM;AACrB,QAAA;AAAA,IAAEC;AAAAA,MAAMC,EAAe,GACvB;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,UAAAA;AAAAA,MAAaC,EAAmB,GAEzCC,IAAWH,KAASA,EAAMI,SAAS,GAEnCC,IAAUC,EAAK,kBAAkB;AAAA,IACrC,UAAU,CAACH;AAAAA,IACX,UAAUA;AAAAA,EAAAA,CACX;AAGC,SAAA,gBAAAI,EAAC,OAAI,EAAA,WAAWF,GACd,UAAA;AAAA,IAAA,gBAAAG,EAACC,GAAK,EAAA,MAAK,YAAW,MAAK,MAAI;AAAA,sBAC9B,KAAE,EAAA,WAAU,SAASX,UAAAA,EAAE,eAAe,GAAE;AAAA,IACzC,gBAAAU,EAACE,GAAO,EAAA,SAAS,MAAMT;;AAAAA,cAAAA,IAAAA,KAAAA,gBAAAA,EAAUU,YAAVV,gBAAAA,EAAmBW;AAAAA,OACvCd,UAAE,EAAA,iBAAiB,EACtB,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/components/EmptyScreen/EmptyScreen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyScreen.js","sources":["../../../src/components/EmptyScreen/EmptyScreen.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport { Heading } from '../Heading';\n\nexport interface EmptyScreenProps {\n  /**\n   * Image source\n   */\n  imageSrc: string;\n\n  /**\n   * Image alt\n   */\n  imageAlt?: string;\n\n  /**\n   * Title\n   */\n  title?: string;\n\n  /**\n   * Text to display\n   */\n  text?: string;\n\n  /**\n   * Optional class for styling purpose\n   */\n  className?: string;\n}\n\nexport const EmptyScreen = ({\n  imageSrc,\n  imageAlt = '',\n  title,\n  text,\n  className,\n}: EmptyScreenProps) => {\n  const textClass = clsx('text', className);\n  return (\n    <div className=\"emptyscreen\">\n      {imageSrc && (\n        <div className=\"emptyscreen-image mb-12\">\n          <img\n            className=\"mx-auto\"\n            src={imageSrc}\n            alt={imageAlt}\n            width=\"250\"\n            height=\"250\"\n          />\n        </div>\n      )}\n\n      {title && (\n        <Heading level=\"h2\" headingStyle=\"h2\" className=\"text-secondary mb-8\">\n          {title}\n        </Heading>\n      )}\n      {text && <div className={textClass}>{text}</div>}\n    </div>\n  );\n};\n\nEmptyScreen.displayName = 'EmptyScreen';\n\nexport default EmptyScreen;\n"],"names":["EmptyScreen","imageSrc","imageAlt","title","text","className","textClass","clsx","jsxs","jsx","Heading"],"mappings":";;;AA+BO,MAAMA,IAAcA,CAAC;AAAA,EAC1BC,UAAAA;AAAAA,EACAC,UAAAA,IAAW;AAAA,EACXC,OAAAA;AAAAA,EACAC,MAAAA;AAAAA,EACAC,WAAAA;AACgB,MAAM;AAChBC,QAAAA,IAAYC,EAAK,QAAQF,CAAS;AAEtC,SAAA,gBAAAG,EAAC,OAAI,EAAA,WAAU,eACZP,UAAAA;AAAAA,IAAAA,uBACE,OAAI,EAAA,WAAU,2BACb,UAAA,gBAAAQ,EAAC,SACC,WAAU,WACV,KAAKR,GACL,KAAKC,GACL,OAAM,OACN,QAAO,MAAK,CAAA,GAEhB;AAAA,IAGDC,uBACEO,GAAQ,EAAA,OAAM,MAAK,cAAa,MAAK,WAAU,uBAC7CP,UACHA,EAAA,CAAA;AAAA,IAEDC,KAAQ,gBAAAK,EAAC,OAAI,EAAA,WAAWH,GAAYF,UAAKA,GAAA;AAAA,EAC5C,EAAA,CAAA;AAEJ;"}