@icij/murmur-next 4.0.5 → 4.0.7

package/dist/lib/types.d.ts

@@ -0,0 +1,44 @@
+/// <reference types="@/shims-vue" />
+/// <reference types="node_modules/vue-i18n/dist/vue-i18n" />
+import type { StyleValue } from '../node_modules/vue';
+import { AccordionKey, ParentKey } from './keys';
+import { ComputedRef } from '../node_modules/vue';
+import type { GeoProjection } from 'd3-geo';
+import { Ref } from '../node_modules/vue';
+export type Step = symbol | string;
+export type Accordion = {
+    emitAccordionNextStepEvent: () => void;
+    emitAccordionPreviousStepEvent: () => void;
+    isActiveStep: (step: Step) => boolean;
+    isPreviousStep: (step: Step) => boolean;
+    isFirstStep: (step: Step) => boolean;
+    isLastStep: (step: Step) => boolean;
+    step: Step;
+    steps: Step[];
+};
+export type AccordionProvide = {
+    [AccordionKey]: Accordion;
+};
+export type BrandStyle = StyleValue & {
+    '--monochrome-color': string;
+    color: string;
+    background: string;
+    width: string;
+};
+export type BrandExpansionStyle = Pick<BrandStyle, '--monochrome-color' | 'background'>;
+export type Variant = 'primary' | 'secondary' | 'danger' | 'info' | 'warning' | 'success' | 'dark' | 'light';
+export type MapTransform = {
+    k: number;
+    x: number;
+    y: number;
+    rotateX: number;
+    rotateY: number;
+};
+export type ParentMap = {
+    mapRect: Ref<DOMRect>;
+    mapTransform: Ref<MapTransform>;
+    rotatingMapProjection: ComputedRef<GeoProjection | (() => number[])>;
+};
+export type ParentMapProvide = {
+    [ParentKey]: ParentMap;
+};

package/dist/lib/utils/animation.d.ts

@@ -0,0 +1,8 @@
+export declare class RequestAnimationFrameWrapper {
+    live: boolean;
+    callback: () => void;
+    constructor();
+    start(callback: () => void): void;
+    stop(): void;
+    schedule(): void;
+}

package/dist/lib/utils/assets.d.ts

@@ -0,0 +1,2 @@
+export declare const injectAsset: ((file: string, id?: string) => Promise<unknown>) & import("lodash").MemoizedFunction;
+export declare const injectAssets: (...args: string[]) => Promise<void>;

package/dist/lib/utils/clipboard.d.ts

@@ -0,0 +1,2 @@
+export declare function copyText(text: string, container: Element): Promise<void>;
+export declare function copyHtml(html: string, plain: string): void;

package/dist/lib/utils/iframe-resizer.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="@/shims-pym" />
+import { Child as PymChild } from 'pym.js';
+export default class IframeResizer {
+    initializer: Promise<PymChild>;
+    constructor();
+    sendHeight(): Promise<void>;
+    static create(): IframeResizer;
+    static template(url: string, id?: string): string;
+    static deletePymParams(href?: string): string;
+    static isEmbedded(href?: string): boolean;
+}

package/dist/lib/utils/placeholder.d.ts

@@ -0,0 +1,12 @@
+import { BoxStyle, ContentPlaceholderStyledRows, ContentPlaceholderRows } from './placeholderTypes';
+export declare function isFlexBasis(value: string | number): boolean;
+export declare function isWidth(value: string | number): boolean;
+export declare function getBoxStyle(left: number, width: number, isLast: boolean, subClass?: string): BoxStyle[];
+export declare function formatRows(rows: ContentPlaceholderRows, subClass?: string): ContentPlaceholderStyledRows;
+declare const _default: {
+    isFlexBasis: typeof isFlexBasis;
+    isWidth: typeof isWidth;
+    getBoxStyle: typeof getBoxStyle;
+    formatRows: typeof formatRows;
+};
+export default _default;

package/dist/lib/utils/placeholderTypes.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="@/shims-vue" />
+/// <reference types="vue-i18n" />
+import type { StyleValue } from '../../node_modules/vue';
+export interface BoxStyle {
+    style: StyleValue;
+    subClass?: string;
+}
+export type ContentPlaceholderRowBoxes = Array<Array<number | string>>;
+export interface ContentPlaceholderRow {
+    height: number | string;
+    boxes: ContentPlaceholderRowBoxes;
+}
+export interface ContentPlaceholderStyledRow {
+    height: number | string;
+    boxes: Array<BoxStyle>;
+}
+export type ContentPlaceholderStyledRows = Array<ContentPlaceholderStyledRow>;
+export type ContentPlaceholderRows = Array<ContentPlaceholderRow>;

package/dist/lib/utils/strings.d.ts

@@ -0,0 +1 @@
+export declare function isUrl(value: string): boolean;

package/lib/components/RangePicker.vue

@@ -11,12 +11,11 @@ import {
   toRef
 } from 'vue'
 import { faGripLinesVertical } from '@fortawesome/free-solid-svg-icons/faGripLinesVertical'
-import { clamp, get, has, invoke, round } from 'lodash'
+import { clamp, round } from 'lodash'
 
 import Fa, { library } from './Fa'
 
 import type { Variant } from '@/types'
-import isEqual from "lodash/isEqual";
 type DragDropValue = {detail:number}
 /**
  * A component to wrap an HTML element with a range picker overlay.
@@ -272,8 +271,8 @@ export default defineComponent({
     }
 
     watch(()=>props.range, (newRange) => {
-      start.value = newRange[0] ?? 0 ;
-      end.value = newRange[1] ?? 0;
+      start.value = newRange[0] ?? 0
+      end.value = newRange[1] ?? 0
     })
 
     return {

package/lib/i18n.ts

@@ -1,16 +1,17 @@
-import { createI18n, I18n } from 'vue-i18n'
+import { createI18n, I18n, I18nOptions } from 'vue-i18n'
 
 import fr from '@/locales/fr.json'
 import en from '@/locales/en.json'
 
 export const locale: string = 'en'
 export const fallbackLocale: string = 'en'
-// https://vue-i18n.intlify.dev/guide/advanced/composition.html#implicit-with-injected-properties-and-functions
-export const i18n: I18n = createI18n({
+export const options: I18nOptions = {
   warnHtmlMessage: false,
+  // https://vue-i18n.intlify.dev/guide/advanced/composition.html#implicit-with-injected-properties-and-functions
   globalInjection: true,
   legacy: false,
   locale,
   fallbackLocale,
   messages: { fr, en }
-})
+}
+export const i18n: I18n = createI18n(options)

package/lib/main.ts

@@ -4,7 +4,7 @@ import * as components from './components'
 import * as datavisualisations from './datavisualisations'
 import * as maps from './maps'
 import config from './config'
-import { App,Component,DefineComponent } from 'vue'
+import { App,Component, DefineComponent } from 'vue'
 
 export { default as AccordionWrapper } from './components/AccordionWrapper.vue'
 export { default as AccordionStep } from './components/AccordionStep.vue'
@@ -48,6 +48,11 @@ export { default as SymbolMap } from './maps/SymbolMap.vue'
 
 type ComponentMap = {[name:string]:Component|DefineComponent}
 
+type PluginOptions = {
+  useI18n?: boolean,
+  useBootstrap?: boolean,
+  useConfig?: boolean
+}
 
 const Murmur = {
   get i18n() {
@@ -79,18 +84,29 @@ const Murmur = {
     // @ts-expect-error not sure why typescript sees an error here
     return Murmur.i18n.global.locale.value
   },
-  install(app: App<Element>) {
-    app.use(createBootstrap())
-    app.use(i18n)
+  install(app: App<Element>, { useI18n = true, useBootstrap = true, useConfig = true }: PluginOptions = {}) {
+
+    if (useBootstrap) {
+      app.use(createBootstrap())
+    }
 
-    app.config.globalProperties.$config = Murmur.config
+    if (useI18n) {
+      app.use(Murmur.i18n)
+    }
+
+    if (useConfig) {
+      app.config.globalProperties.$config = Murmur.config
+    }
+    
     Object.keys(this.components).forEach((key) =>
       app.component(key, this.components[key])
     )
     Object.keys(this.datavisualisations).forEach((key) =>
       app.component(key, this.datavisualisations[key])
     )
-    Object.keys(this.maps).forEach((key) => app.component(key, this.maps[key]))
+    Object.keys(this.maps).forEach((key) => 
+      app.component(key, this.maps[key])
+    )
   }
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@icij/murmur-next",
-  "version": "4.0.5",
+  "version": "4.0.7",
   "private": false,
   "description": "Murmur is ICIJ's Design System for Bootstrap 5 and Vue.js",
   "author": "promera@icij.org",
@@ -14,14 +14,16 @@
   "license": "MIT",
   "scripts": {
     "dev": "vite",
-    "build": "vite build",
+    "build:lib": "vite build",
     "preview": "vite preview",
     "lint": "eslint . --fix",
     "format": "prettier --write lib/ stories/ .storybook/ tests/",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
+    "build:storybook": "storybook build",
     "test": "vitest",
-    "test:unit": "vitest run"
+    "test:unit": "vitest run",
+    "prepublish": "yarn build:lib",
+    "predeploy": "yarn build:storybook"
   },
   "main": "./dist/lib/murmur.umd.cjs",
   "module": "./dist/lib/murmur.js",