Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

@kalamazoo/media-filmstrip

stevenselcuk20Apache-2.01.0.2TypeScript support: included

Includes components that show media cards as a filmstrip

readme

changelog

@kalamazoo/media-filmstrip

36.0.0

35.0.0

Major Changes

  • [major]c3e65f1b9e:

    Breaking change

    remove deprecated "context" property from media components in favor of "mediaClientConfig"

    This affects all public media UI components:

    • Card
    • Filmstrip
    • SmartMediaEditor
    • MediaImage
    • Dropzone
    • Clipboard
    • Browser
    • MediaPicker
    • MediaViewer

    Before:

    import {ContextFactory} from '@kalamazoo/media-core';
import {Card} from '@kalamazoo/media-card'
import {SmartMediaEditor} from '@kalamazoo/media-editor'
import {Filmstrip} from '@kalamazoo/media-filmstrip'
import {MediaImage} from '@kalamazoo/media-image'
import {MediaViewer} from '@kalamazoo/media-viewer'
import {Dropzone, Clipboard, Browser, MediaPicker} from '@kalamazoo/media-picker';

const context = ContextFactory.creat({
  authProvider: () => Promise.resolve({})
})

const mediaPicker = MediaPicker(context);

<Card context={context}>
<SmartMediaEditor context={context}>
<Filmstrip context={context}>
<MediaImage context={context}>
<Dropzone context={context}>
<Clipboard context={context}>
<Browser context={context}>
<MediaViewer context={context}>

    Now:

    import {MediaClientConfig} from '@kalamazoo/media-core';
import {Card} from '@kalamazoo/media-card'
import {SmartMediaEditor} from '@kalamazoo/media-editor'
import {Filmstrip} from '@kalamazoo/media-filmstrip'
import {MediaImage} from '@kalamazoo/media-image'
import {MediaViewer} from '@kalamazoo/media-viewer'
import {Dropzone, Clipboard, Browser, MediaPicker} from '@kalamazoo/media-picker';

const mediaClientConfig: MediaClientConfig = { authProvider: () => Promise.resolve({}) }

const mediaPicker = MediaPicker(mediaClientConfig);

<Card mediaClientConfig={mediaClientConfig}> <SmartMediaEditor mediaClientConfig={mediaClientConfig}> <Filmstrip mediaClientConfig={mediaClientConfig}> <MediaImage mediaClientConfig={mediaClientConfig}> <Dropzone mediaClientConfig={mediaClientConfig}> <Clipboard mediaClientConfig={mediaClientConfig}> <Browser mediaClientConfig={mediaClientConfig}> <MediaViewer mediaClientConfig={mediaClientConfig}> ```

FABDODGEM-13 Editor Damask Release - Internal post

BREAKING CHANGES

Affected Editor Components:

tables, media, mobile, emoji, tasks & decisions, analytics

Editor

Mobile

Media

i18n-tools

Bumped dependencies.

34.3.10

Patch Changes

Adding missing license to packages and update to Copyright 2019 Atlassian Pty Ltd.

34.3.9

Patch Changes

Updated version of analytics-next to fix potential incompatibilities with TS 3.6

34.3.8

34.3.7

Patch Changes

Update all the theme imports in media to use multi entry points

34.3.6

34.3.5

Patch Changes

Components now depend on TS 3.6 internally, in order to fix an issue with TS resolving non-relative imports as relative imports

34.3.4

Patch Changes

Upgraded Typescript to 3.3.x

34.3.3

34.3.2

34.3.1

34.3.0

Minor Changes

Allows consumer to enable Media Viewer on Cards

Use boolean prop shouldOpenMediaViewer to activate Media Viewer in media cards contained

Example:


<Filmstrip
    shouldOpenMediaViewer={openMediaViewer}
    mediaClientConfig={mediaClient.config}
    items={items}
  />

34.2.5

Patch Changes

bugfix, fixes missing version.json file

34.2.4

Patch Changes

In this PR, we are:

  • Re-introducing dist build folders
  • Adding back cjs
  • Replacing es5 by cjs and es2015 by esm
  • Creating folders at the root for entry-points
  • Removing the generation of the entry-points at the root Please see this ticket or this page for further details

34.2.3

34.2.2

34.2.1

34.2.0

Minor Changes

  • [minor]73edc6baae:

  • You can supply mediaClientConfig instead of Context to Filmstrip component. Soon Context input will be deprecated and removed.

34.1.4

34.1.3

  • [patch]b0ef06c685:

  • This is just a safety release in case anything strange happened in in the previous one. See Pull Request #5942 for details

34.1.2

34.1.1

34.1.0

  • [minor]5a49043dac:

  • Enable strictPropertyInitialization in tsconfig.base

34.0.0

33.0.0

32.0.0

31.0.5

31.0.4

31.0.3

31.0.2

  • [patch]0ff405bd0f:

  • Removed CardView and CardViewLoader from public APIs and replaced it with light-weight and stateless CardLoading and CardError components. Handling of external images is now done by Card component itself using ExternalImageIdentifier interface.

If you’ve been using CardView for loading:

<CardView status="loading" mediaItemType="file" dimensions={cardDimensions} />

Now you can use new component:

<CardLoading dimensions={cardDimensions} />

If you were using CardView to show an error

<CardView status="error" mediaItemType={type} dimensions={cardDimensions} />

Now you can use new component:

<CardError dimensions={cardDimensions} />

In case you were using CardView to show image with known external URI:

<CardView status="complete" dataURI={dataURI} metadata={metadata} />

You will have to find a way to switch to using Card component using ExternalImageIdentifier interface:

<Card identifier={identifier} context={context} />

31.0.1

  • [patch]d13fad66df:

    • Enable esModuleInterop for typescript, this allows correct use of default exports

31.0.0

30.0.2

30.0.1

  • [patch]1bcaa1b991:

    • Add npmignore for index.ts to prevent some jest tests from resolving that instead of index.js

30.0.0

29.0.0

28.0.1

28.0.0

27.1.0

  • [minor]f1b46bcb42:

    • ED-6259 Enable stricter types for media packages

27.0.0

26.1.2

26.1.1

  • [patch]ef469cbb0b:

    • MS-357 replaced @kalamazoo/util-shared-styles from media components by @kalamazoo/theme

26.1.0

  • [minor]406cbf0a4e:

    • ED-6092: allow passing undefined context to media filmstrip

26.0.0

25.0.2

25.0.1

25.0.0

24.0.0

23.0.0

22.0.0

21.0.2

21.0.1

  • [patch]ca16fa9:

    • Add SSR support to media components

21.0.0

20.0.0

19.0.3

19.0.2

19.0.1

19.0.0

18.0.0

17.0.2

17.0.1

  • [patch] Cleanup media + editor integration 🔥 2f9d14d

17.0.0

16.0.1

16.0.0

15.0.0

  • [patch] Deprecate context.uploadFile & context.getFile. Instead context.file.upload & context.file.getFileState should be used; media-store's uploadFile function now takes MediaStore as a second argument, not MediaApiConfig 8b2c4d3
  • [patch] Deprecate context.uploadFile & context.getFile. Instead context.file.upload & context.file.getFileState should be used; media-store's uploadFile function now takes MediaStore as a second argument, not MediaApiConfig 3302d51
  • [major] Updated dependencies 8b2c4d3
  • [major] Updated dependencies 3302d51

14.0.3

14.0.2

14.0.1

  • [patch] Support external image identifiers in media-card 82c8bb9

14.0.0

13.0.2

13.0.1

13.0.0

12.0.1

12.0.0

11.0.2

11.0.1

11.0.0

10.2.2

10.2.1

10.2.0

10.1.0

10.0.0

9.0.7

9.0.6

9.0.5

9.0.4

9.0.3

9.0.2

9.0.1

9.0.0

8.0.9

8.0.8

8.0.7

8.0.6

8.0.5

  • [patch] Fix issue with Filmstrip cutting Cards c5b18db

8.0.0

  • [major] Bump to React 16.3. 4251858

7.1.0

  • [minor] add MutationObserver to FilmstripView to catch dom mutations 625ee2b

7.0.7

  • [patch] Add "sideEffects: false" to AKM2 packages to allow consumer's to tree-shake c3b018a

7.0.2

  • [patch] Use child.key if available d4835bd

6.1.3

  • [patch] Remove TS types that requires styled-components v3 836e53b

6.1.0

  • [minor] Update styled-components dependency to support versions 1.4.6 - 3 ceccf30

6.0.2

5.8.0

  • [minor] Add React 16 support. 12ea6e4

5.5.4

  • [patch] bump icon dependency da14956
  • [patch] bump icon dependency da14956

5.5.1

  • [patch] Use correct dependencies 7b178b1
  • [patch] Use correct dependencies 7b178b1
  • [patch] Adding responsive behavior to the editor. e0d9867
  • [patch] Adding responsive behavior to the editor. e0d9867

5.5.0

  • [minor] Upgrade Media Editor packages 193c8a0

5.3.0 (2017-09-19)

  • feature; new LinkCards UI (06d49d2)

5.2.4 (2017-09-18)

  • bug fix; update media-core and media-test-helpers version (00108cf)

5.2.3 (2017-09-07)

  • bug fix; renderLinkCardChildren.tsx hipster mode on (6852141)
  • bug fix; added story which shows filmstrip with only link cards (27f24e6)

5.2.2 (2017-08-28)

  • bug fix; move widths into state so they trigger a re-render inside a PureComponent (95a7928)

5.2.1 (2017-08-18)

  • bug fix; stop click events from propagating up (issues closed: msw-165) (7ffc2b2)

5.2.0 (2017-08-11)

  • feature; bump :allthethings: (f4b1375)

5.1.2 (2017-08-03)

  • bug fix; moving position of letf and right arrow (issues closed: ed-2052) (b930e8d)
  • bug fix; images and flimstip will align to the left edge of the text in banana (issues closed: ed-2052) (b97cdb4)

5.1.1 (2017-08-03)

  • bug fix; fix issue with line-height and maxPosition issue (e8c86e1)

4.4.0 (2017-07-27)

  • feature; added the ability for integrators to navigate to the start or end of the filmstrip (f23e285)

4.3.1 (2017-07-21)

  • fix; use class transform in loose mode in babel to improve load performance in apps (fde719a)
  • fix; remove SC from peerDependencies to dependencies (568161b)

4.3.0 (2017-07-17)

  • fix; get right element parent to calculate dimensions from in FilmstripNavigator (d044c60)
  • feature; added an editable story for FilmStripNavigator (230f8b3)

4.2.1 (2017-07-12)

  • fix; align FilmstripNavigator items vertically (3ccbfdb)
  • fix; dont cut children of FilmstripNavigator, save children width and calculate distance (651f26d)

4.2.0 (2017-07-05)

  • feature; use child key as key for li (478e72f)

4.1.5 (2017-06-26)

  • fix; trigger a real scroll event from FilmstripNavigator when we navigate (9649746)

4.1.4 (2017-06-19)

  • fix; bump media-card in media-filmstrip (d010432)
  • fix; use Lazy load from cards not from navigator (a039532)

4.1.3 (2017-05-25)

  • fix; filmstrip lazyload works in both overflow and non-overflow containers (3598534)

4.1.2 (2017-05-24)

  • fix; fixed bug when width prop passed to FilmStripNavigator is undefined (f42627f)

4.1.1 (2017-05-23)

  • fix; update dependency "react-lazyload" to 2.2.7 (44e0037)

3.3.0 (2017-05-22)

  • fix; fix filmstrip click handler (5236b90)
  • fix; remove FilmStrip component (7853d3c)
  • feature; bump media dependencies (3b4f1cb)

3.1.3 (2017-05-05)

  • fix; bumping media-core (85f448f)

3.1.2 (2017-05-01)

  • fix; updated media-filmstrip to use new media-card goodness (e8b7014)

3.1.0 (2017-04-27)

  • fix; update legal copy to be more clear. Not all modules include ADG license. (f3a945e)
  • feature; use latest from media-card in media-filmstrip (154f6ea)

3.0.2 (2017-04-26)

  • fix; update legal copy and fix broken links for component README on npm. New contribution and (0b3e454)
  • fix; updated media packages key words and maintainers (01bcbc5)
  • feature; bumped the version of media-card and added a storybook for FilmstripNavigator (db04476)

3.0.1 (2017-04-20)

  • fix; removed hardcoded file and link ids (754c548)

3.0.0 (2017-04-10)

  • feature; BREAKING CHANGE: (5737e16)
  • breaking; use latest media-card version

2.1.2 (2017-04-05)

  • fix; remove media-test-helpers from dependencies as its a devDependency (4a57f6a)

2.1.1 (2017-03-31)

  • fix; dont use mediaItem id as list key and allow filmstrip to render same card multiple t (504c6fb)
  • fix; explicitly set white-space for Ellipsed text inside Filmstrip (e6450fa)
  • fix; fix subtitle overflow in cardOverlay (486a967)
  • fix; make Link image card clickable (0778aa4)

2.1.0 (2017-03-29)

  • fix; bump media packages and fix ts errors (dcc463d)
  • feature; introduce LinkCardImage support (8b23147)
  • feature; support mixed content in filmstrip (2499a94)

2.0.10 (2017-03-23)

  • fix; bumping media-card version (bc039f3)
  • fix; fixing the build (ba21a9d)

2.0.9 (2017-03-23)

  • fix; fix build (1ff1ddc)
  • feature; added 'super' card component (559579f)
  • breaking; Card API, LinkCard API, FileCard API
  • ISSUES CLOSED: FIL-3919

2.0.7 (2017-03-21)

  • fix; maintainers for all the packages were added (261d00a)

2.0.6 (2017-03-20)

  • fix; dont allow navigation on filmstrip component when resize event happens (2ebbbdf)

2.0.5 (2017-03-17)

  • fix; dont allow user to navigate when there is only one item (bf1e156)
  • feature; added application links to media-card and restructured (618650e)

2.0.2 (2017-03-07)

  • fix; dont manipulate filmstrip component state when the component has been destroyed (64457c5)
  • fix; set unmounted false to keep state consistent (dfc264d)
  • fix; use explicit imports in order to avoid ciclyng dependencies (01befae)
  • fix; use StoryList in order to display stories (d96a4d8)
  • feature; migrate FilmStrip component + create media-test-helpers (8896543)

2.0.1 (2017-02-27)

  • fix; add padding to filmstrip in order to show card shadow (eac258e)

1.0.0 (2017-02-24)

  • fix; Avoid scrolling for Y axis events (404da41)
  • fix; Check for element presence when getting dimensions (121e972)
  • fix; dont use flexbox as it makes IE getting wrong value for getBoundingClientRect (b3237e1)
  • fix; Fix active arrow state (438037d)
  • fix; fix navigation at the beginning (f990dc2)
  • fix; fix TypeScript error in tests (94cd79b)
  • fix; remove _ from private methods (404ba99)
  • fix; Update dimensions if childs grown (b2dcc95)
  • fix; Update react state properly (8298cbe)
  • fix; use default tsconfig types (d1f7830)
  • feature; add animation duration depending on the items moved (89a52bd)
  • feature; Add arrow shadow to let user know about more elements (e8c3279)
  • feature; add MediaFilmStripView component (732cb2c)
  • feature; Allow user to manually navigate (904719a)
  • feature; Dont change arrows visibility until transition is done (be2afa1)
  • feature; Improve filmstrip navigation (4c4f088)
  • feature; Make media-filmstrip responsive to window resize events (3f38fb1)
  • feature; Use new shadow for arrows (89895aa)