@jotforminc/dnd-builder 3.1.0 → 3.2.0

package/CHANGELOG.md

@@ -2,6 +2,31 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [3.2.0](https://github.com/jotform/dnd-builder/compare/v3.1.1...v3.2.0) (2026-02-06)
+
+
+### Features
+
+* **dnd-builder:** implement marquee selection for multiple items ([4b82867](https://github.com/jotform/dnd-builder/commit/4b82867f2ee185553a59affa1994fc46a5a13607))
+
+
+### Bug Fixes
+
+* corrects item snapping with zoom changes ([e6e72bd](https://github.com/jotform/dnd-builder/commit/e6e72bd6da6cc6cd743e7790dbc969af817cd28f))
+* **dnd-builder:** use item title as default value ([e3c8fb0](https://github.com/jotform/dnd-builder/commit/e3c8fb0ae0e532c7291201fbf7919df5aea33169))
+* resetActiveElements method is updated ([48c3efd](https://github.com/jotform/dnd-builder/commit/48c3efd73b13dc9a5546d0ef79bba883e9b8f976))
+* resets active elements to layout on panel open ([f508ca2](https://github.com/jotform/dnd-builder/commit/f508ca2c9721c998190160534d0e9ab73d12595b))
+* rounds position values before service calls ([868a7dc](https://github.com/jotform/dnd-builder/commit/868a7dca0c72273362066a7585b1ce166ae32daf))
+* sort lines ([dac6978](https://github.com/jotform/dnd-builder/commit/dac6978f45ded1c083a5134a0952461ec869f33c))
+
+### [3.1.1](https://github.com/jotform/dnd-builder/compare/v3.1.0...v3.1.1) (2026-02-03)
+
+
+### Bug Fixes
+
+* remove overflow hidden styles in print mode ([917f824](https://github.com/jotform/dnd-builder/commit/917f824cc970ed0ec04f1eb1bf2b5518d65808c1))
+* **SearchInput:** format inline styles for better readability ([0201863](https://github.com/jotform/dnd-builder/commit/0201863dbbea9bdb602b8b60a9267ea529b3ed52))
+
 ## [3.1.0](https://github.com/jotform/dnd-builder/compare/v3.0.0...v3.1.0) (2026-01-28)
 
 

package/index.d.ts

@@ -0,0 +1,428 @@
+import { ComponentType, ReactNode, FC, SVGProps } from 'react';
+
+// ============================================================================
+// Common Types
+// ============================================================================
+
+export type Theme = 'lightMode' | 'darkMode';
+export type Mode = 'customize' | 'preview' | 'print' | 'presentation';
+
+export interface Position {
+  left: number;
+  top: number;
+}
+
+export interface Dimensions {
+  height: number;
+  width: number;
+}
+
+export interface ItemBase extends Position, Dimensions {
+  id: string;
+  pageID: string;
+  itemType: string;
+  isLocked?: boolean;
+  opacity?: number;
+}
+
+export interface PageItem extends ItemBase {
+  [key: string]: unknown;
+}
+
+export interface Page {
+  id: string;
+  order: number;
+  items: PageItem[];
+  backgroundColor?: string;
+  [key: string]: unknown;
+}
+
+export interface ReportSettings {
+  reportLayoutWidth?: number;
+  reportLayoutHeight?: number;
+  reportBackgroundColor?: string;
+  reportPageTransition?: 'noAnimation' | 'horizontalSlide' | 'verticalSlide' | 'scaleAndSlide' | 'scaleAndFade';
+  [key: string]: unknown;
+}
+
+// ============================================================================
+// Left Panel Config
+// ============================================================================
+
+export interface LeftPanelElement {
+  itemType: string;
+  title: string;
+}
+
+export interface LeftPanelSection {
+  title: string;
+  elements: LeftPanelElement[];
+}
+
+export type LeftPanelConfig = LeftPanelSection[];
+
+// ============================================================================
+// Accepted Items
+// ============================================================================
+
+export interface ElementSetting {
+  key: string;
+  label?: string;
+  section: string;
+  type: string;
+  options?: unknown[];
+  range?: [number, number];
+  showWhen?: Record<string, unknown>;
+  hideWhen?: Record<string, unknown>;
+  [key: string]: unknown;
+}
+
+export interface ElementDetails {
+  itemType: string;
+  height: number;
+  width: number;
+  [key: string]: unknown;
+}
+
+export interface AcceptedItem<T = unknown> {
+  Component: ComponentType<{ item: T; isSelected?: boolean; onItemChange?: ItemChangeHandler }>;
+  itemType: string;
+  settings: ElementSetting[];
+  details: ElementDetails;
+  defaultItem?: Partial<T>;
+}
+
+export type AcceptedItems = Record<string, AcceptedItem>;
+
+// ============================================================================
+// Event Handlers
+// ============================================================================
+
+export type ItemChangeHandler = (
+  identifier: { id: string },
+  changes: Partial<PageItem>
+) => void;
+
+export type ItemMoveHandler = (
+  identifier: { id: string },
+  position: Position & { pageID: string }
+) => void;
+
+export type ItemResizeHandler = (
+  identifier: { id: string },
+  dimensions: Position & Dimensions & { pageID: string }
+) => void;
+
+export type ItemAddHandler = (item: PageItem) => void;
+export type ItemRemoveHandler = (item: PageItem) => void;
+export type ItemsMoveHandler = (items: PageItem[]) => void;
+
+export type PageAddHandler = () => void;
+export type PageRemoveHandler = (pageID: string) => void;
+export type PageChangeHandler = (pageID: string, changes: Partial<Page>) => void;
+export type PageDuplicateHandler = (pageID: string) => void;
+export type PageOrdersChangeHandler = (pageOrders: { id: string; order: number }[]) => void;
+
+export type SettingChangeHandler = (changes: Partial<ReportSettings>) => void;
+export type EventTriggerHandler = (eventName: string, itemType?: string) => void;
+export type RightPanelsToggledHandler = (isOpen: boolean) => void;
+
+export type ItemAccessor = (item: PageItem) => Record<string, unknown> | undefined;
+
+// ============================================================================
+// Presentation Bar Actions
+// ============================================================================
+
+export interface PresentationBarAction {
+  icon?: ReactNode;
+  label?: string;
+  onClick?: () => void;
+  [key: string]: unknown;
+}
+
+// ============================================================================
+// Component Props
+// ============================================================================
+
+export interface CommonProps {
+  /** Items for to render in the report */
+  acceptedItems?: AcceptedItems;
+  /** Array of React components to render statically on each page (eg. watermark) */
+  additionalPageItems?: ReactNode[];
+  /** To pass in extra props to items selectively */
+  itemAccessor?: ItemAccessor;
+  /** To track and log user actions */
+  onAnEventTrigger?: EventTriggerHandler;
+  /** Array of pages with their settings and items */
+  pages?: Page[];
+  /** General report settings such as layout size and background color */
+  settings?: ReportSettings;
+  /** Theme */
+  theme?: Theme;
+}
+
+export interface BuilderProps extends CommonProps {
+  /** Array of strings representing item types that should have disabled interaction */
+  disableInteraction?: string[];
+  /** Last scroll position */
+  lastScrollPosition?: number;
+  /** Configuration for the left panel elements */
+  leftPanelConfig?: LeftPanelConfig;
+  /** Function called upon adding an item */
+  onItemAdd?: ItemAddHandler;
+  /** Function called upon editing an item */
+  onItemChange?: ItemChangeHandler;
+  /** Function called upon moving an item */
+  onItemMove?: ItemMoveHandler;
+  /** Function called upon removing an item */
+  onItemRemove?: ItemRemoveHandler;
+  /** Function called upon resizing an item */
+  onItemResize?: ItemResizeHandler;
+  /** Function called upon moving multiple items */
+  onItemsMove?: ItemsMoveHandler;
+  /** Function called upon adding a page */
+  onPageAdd?: PageAddHandler;
+  /** Function called upon editing a page */
+  onPageChange?: PageChangeHandler;
+  /** Function called upon duplicating a page */
+  onPageDuplicate?: PageDuplicateHandler;
+  /** Function called upon reordering pages */
+  onPageOrdersChange?: PageOrdersChangeHandler;
+  /** Function called upon removing a page */
+  onPageRemove?: PageRemoveHandler;
+  /** Function called when the slides or the right panel is toggled */
+  onRightPanelsToggled?: RightPanelsToggledHandler;
+  /** Function called upon editing a general report setting */
+  onSettingChange?: SettingChangeHandler;
+  /** Enable experimental features */
+  useExperimentalFeatures?: boolean;
+}
+
+export interface PreviewProps extends CommonProps {}
+
+export interface PrintProps extends CommonProps {}
+
+export interface PresentationProps extends CommonProps {
+  /** To pass in action definitions that will be rendered as buttons */
+  presentationBarActions?: PresentationBarAction[];
+  /** Flag for fixed action bar */
+  useFixedPresentationBar?: boolean;
+}
+
+export interface ReportProps extends BuilderProps, PresentationProps {
+  /** Conditionally rendering different modes */
+  mode?: Mode;
+  /** Texts used in the library - can be changed or translated */
+  reportsAppTexts?: ReportsAppTexts;
+}
+
+// ============================================================================
+// Element Item Types
+// ============================================================================
+
+export interface RichTextItem extends ItemBase {
+  itemType: 'text';
+  fontFamily?: string;
+  value?: string;
+}
+
+export interface ImageItem extends ItemBase {
+  itemType: 'image';
+  url?: string;
+  defaultURL?: string;
+  roundedCorners?: number;
+}
+
+export interface ShapeItem extends ItemBase {
+  itemType: 'shapes';
+  shapeType?: 'rectangle' | 'ellipse' | 'line' | 'triangle' | 'star';
+  shapeFillColor?: string;
+  shapeFillShow?: 'on' | 'off';
+  shapeBorderColor?: string;
+  shapeBorderShow?: 'on' | 'off';
+  shapeBorderWidth?: string;
+  roundedCorners?: number;
+  lineType?: 'solid' | 'dashed' | 'dotted';
+  lineSize?: 'thin' | 'medium' | 'thick';
+  lineDirection?: 'horizontal' | 'vertical';
+}
+
+export interface ChartItem extends ItemBase {
+  itemType: 'graphic';
+  chartType?: 'pie' | 'column';
+}
+
+export interface IconItem extends ItemBase {
+  itemType: 'icon';
+  iconType?: string;
+  iconFillColor?: string;
+}
+
+// ============================================================================
+// Element Components
+// ============================================================================
+
+export interface RichTextElementProps {
+  item?: RichTextItem;
+  isSelected?: boolean;
+  onItemChange?: ItemChangeHandler;
+}
+
+export interface ImageElementProps {
+  item?: ImageItem;
+  itemAccessor?: ItemAccessor;
+}
+
+export interface ShapeElementProps {
+  item?: ShapeItem;
+}
+
+export interface ChartElementProps {
+  item?: ChartItem;
+}
+
+export interface IconElementProps {
+  item?: IconItem;
+}
+
+// ============================================================================
+// Texts
+// ============================================================================
+
+export interface ReportsAppTexts {
+  ADD_ELEMENT?: string;
+  ADD_LINK?: string;
+  ADD_NEW_PAGE?: string;
+  BACKGROUND_COLOR?: string;
+  CHART_ELEMENT?: string;
+  CHART_SETTINGS?: string;
+  CLICK_TO_EDIT_HEADER?: string;
+  CLICK_TO_EDIT_TEXT?: string;
+  DATACARD_SETTINGS?: string;
+  DELETE?: string;
+  DELETE_ITEM?: string;
+  DUPLICATE_ITEM?: string;
+  DUPLICATE_PAGE?: string;
+  ELEMENTS?: string;
+  FIT_TO_PAGE?: string;
+  FIT_TO_SCENE?: string;
+  GENERAL?: string;
+  GRID_SETTINGS?: string;
+  HEADER_SETTINGS?: string;
+  HEIGHT?: string;
+  ICON_SETTINGS?: string;
+  IMAGE_SETTINGS?: string;
+  ITEM_SETTINGS?: string;
+  LAYERS?: string;
+  LAYOUT_SETTINGS?: string;
+  LOCK_ITEM?: string;
+  MOVE_BACKWARDS?: string;
+  MOVE_FORWARDS?: string;
+  MOVE_PAGE_DOWNWARDS?: string;
+  MOVE_PAGE_UPWARDS?: string;
+  MOVE_TO_BACK?: string;
+  MOVE_TO_FRONT?: string;
+  NO_ELEMENT_IN_PAGE?: string;
+  NO_RESULT?: string;
+  ORIGINAL_SIZE?: string;
+  PAGE_ELEMENT?: string;
+  PAGE_SETTINGS?: string;
+  PAGE_STYLE?: string;
+  RECTANGLE?: string;
+  REMOVE_PAGE?: string;
+  SEARCH?: string;
+  SETTINGS?: string;
+  SHOW_ALL?: string;
+  SLIDES?: string;
+  TEXT_SETTINGS?: string;
+  TOGGLE_OFF?: string;
+  TOGGLE_ON?: string;
+  UNLOCK_ITEM?: string;
+  WIDTH?: string;
+  ZOOM_IN?: string;
+  ZOOM_OUT?: string;
+  [key: string]: string | undefined;
+}
+
+// ============================================================================
+// Layout & Page Settings
+// ============================================================================
+
+export interface LayoutSettings {
+  itemType: string;
+  settings: ElementSetting[];
+}
+
+export interface PageSettings {
+  itemType: string;
+  settings: ElementSetting[];
+}
+
+// ============================================================================
+// Report Icons
+// ============================================================================
+
+export interface ReportIconsType {
+  [key: string]: FC<SVGProps<SVGSVGElement>>;
+}
+
+// ============================================================================
+// Exported Components
+// ============================================================================
+
+declare const Builder: FC<BuilderProps>;
+declare const Preview: FC<PreviewProps>;
+declare const Print: FC<PrintProps>;
+declare const Presentation: FC<PresentationProps>;
+declare const Report: FC<ReportProps>;
+
+// ============================================================================
+// Exported Elements
+// ============================================================================
+
+declare const RichText: AcceptedItem<RichTextItem>;
+declare const Image: AcceptedItem<ImageItem>;
+declare const Shapes: AcceptedItem<ShapeItem>;
+declare const Chart: AcceptedItem<ChartItem>;
+declare const Icon: AcceptedItem<IconItem>;
+declare const StaticRichText: AcceptedItem<RichTextItem>;
+
+// ============================================================================
+// Exported Utilities
+// ============================================================================
+
+declare function generateId(length?: number): string;
+
+// ============================================================================
+// Exported Constants
+// ============================================================================
+
+declare const Layout: LayoutSettings;
+declare const Page: PageSettings;
+declare const ReportIcons: ReportIconsType;
+declare const reportsAppTexts: ReportsAppTexts;
+
+// ============================================================================
+// Exports
+// ============================================================================
+
+export {
+  Builder,
+  Preview,
+  Print,
+  Presentation,
+  Report,
+  RichText,
+  Image,
+  Shapes,
+  Chart,
+  Icon,
+  StaticRichText,
+  generateId,
+  Layout,
+  Page,
+  ReportIcons,
+  reportsAppTexts,
+};
+
+export default Report;

package/lib/cjs/assets/search.svg.js

@@ -9,10 +9,13 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgSearch(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16"
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fill: "#6A7690",
-    d: "M1.88 6.83a4.88 4.88 0 014.8-4.93 4.88 4.88 0 014.82 4.93 4.88 4.88 0 01-4.81 4.94 4.88 4.88 0 01-4.82-4.94m13 7.76L11 10.62a5.9 5.9 0 001.38-3.79A5.77 5.77 0 006.67 1 5.77 5.77 0 001 6.83a5.77 5.77 0 005.69 5.84c1.4 0 2.7-.54 3.7-1.41l3.86 3.97c.08.08.2.13.31.13a.45.45 0 10.3-.77"
+    fillRule: "evenodd",
+    d: "M15.763 17.175a8.5 8.5 0 111.413-1.413l.031.03 4.5 4.5a1 1 0 01-1.414 1.415l-4.5-4.5a.903.903 0 01-.03-.032zM17 10.5a6.5 6.5 0 11-13 0 6.5 6.5 0 0113 0z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/search.svg.js.map

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

package/lib/cjs/assets/svg/all_slides.svg.js

@@ -2,40 +2,20 @@
 
 var React = require('react');
 
-var _rect, _rect2, _rect3, _rect4;
+var _path;
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function SvgAllSlides(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 16 16",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
-  }, props), _rect || (_rect = /*#__PURE__*/React.createElement("rect", {
-    width: 7,
-    height: 7,
-    rx: 1.5,
-    fill: "#fff"
-  })), _rect2 || (_rect2 = /*#__PURE__*/React.createElement("rect", {
-    y: 9,
-    width: 7,
-    height: 7,
-    rx: 1.5,
-    fill: "#fff"
-  })), _rect3 || (_rect3 = /*#__PURE__*/React.createElement("rect", {
-    x: 9,
-    width: 7,
-    height: 7,
-    rx: 1.5,
-    fill: "#fff"
-  })), _rect4 || (_rect4 = /*#__PURE__*/React.createElement("rect", {
-    opacity: 0.3,
-    x: 9,
-    y: 9,
-    width: 7,
-    height: 7,
-    rx: 1.5,
-    fill: "#fff"
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    fillRule: "evenodd",
+    d: "M17.467 2.293a1 1 0 00-1.414 0L11.81 6.536a1 1 0 000 1.414l4.243 4.242a1 1 0 001.414 0L21.71 7.95a1 1 0 000-1.414l-4.243-4.243zM3 4a1 1 0 00-1 1v6a1 1 0 001 1h6a1 1 0 001-1V5a1 1 0 00-1-1H3zm0 10a1 1 0 00-1 1v6a1 1 0 001 1h6a1 1 0 001-1v-6a1 1 0 00-1-1H3zm9 1a1 1 0 011-1h6a1 1 0 011 1v6a1 1 0 01-1 1h-6a1 1 0 01-1-1v-6z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/all_slides.svg.js.map

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

package/lib/cjs/assets/svg/close.svg.js

@@ -9,10 +9,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgClose(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 14 14"
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M8.128 7l5.639 5.639a.798.798 0 01-1.128 1.128L7 8.127l-5.639 5.64a.798.798 0 01-1.128-1.128L5.873 7 .232 1.361A.798.798 0 011.361.233L7 5.873l5.639-5.64a.798.798 0 011.128 1.128L8.127 7z"
+    d: "M17.707 7.707a1 1 0 00-1.414-1.414L12 10.586 7.707 6.293a1 1 0 00-1.414 1.414L10.586 12l-4.293 4.293a1 1 0 101.414 1.414L12 13.414l4.293 4.293a1 1 0 001.414-1.414L13.414 12l4.293-4.293z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/close.svg.js.map

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

package/lib/cjs/assets/svg/customize.svg.js

@@ -9,10 +9,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgCustomize(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 16 16"
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
     fillRule: "evenodd",
-    d: "M8.282 9.353a1.204 1.204 0 010-1.703l4.378-4.378a.172.172 0 000-.244l-1.946-1.946a.172.172 0 00-.243 0l-.973.973.608.608a.688.688 0 010 .973l-6.81 6.811a.688.688 0 01-.974 0L.376 8.501a.688.688 0 010-.973L7.187.718a.688.688 0 01.973 0l.608.608.973-.973c.47-.47 1.233-.47 1.703 0l1.946 1.946c.47.47.47 1.232 0 1.702L9.01 8.38a.172.172 0 000 .243l1.946 1.946.122-.122a.688.688 0 01.973 0l3.405 3.406a.688.688 0 010 .973l-.973.972a.688.688 0 01-.973 0l-3.405-3.405a.688.688 0 010-.973l.122-.121-1.946-1.946z"
+    d: "M2.877 10.69a3 3 0 000 4.242l1.414 1.414a3 3 0 004.243 0L15.25 9.63a3 3 0 000-4.243l.763-.763a.421.421 0 01.596 0l2.53 2.531a1 1 0 010 1.414l-3.535 3.536a2.994 2.994 0 00-.86 2.462 2 2 0 00.152 2.66l3.689 3.688a2 2 0 102.828-2.829l-3.688-3.688a1.991 1.991 0 00-.935-.528.997.997 0 01.228-.351l3.536-3.536a3 3 0 000-4.242l-2.531-2.53a2.42 2.42 0 00-3.424 0l-.763.762a3 3 0 00-4.243 0L2.877 10.69z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/customize.svg.js.map

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

package/lib/cjs/assets/svg/duplicate.svg.js

@@ -9,9 +9,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgDuplicate(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 10 12"
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M6.528 2.371c.406 0 .734.329.734.735v8.16a.734.734 0 01-.734.734H.734A.734.734 0 010 11.266v-8.16C0 2.7.329 2.37.734 2.37h5.794zM8.976.005a.734.734 0 01.816.669V8.85a.734.734 0 01-.816.735h-.898V2.24a.734.734 0 00-.734-.735H2.53V.74c0-.405.328-.734.734-.734z"
+    fillRule: "evenodd",
+    d: "M16 5.5V4a3 3 0 00-3-3H4a3 3 0 00-3 3v9a3 3 0 003 3h1.5a.5.5 0 00.5-.5V9a3 3 0 013-3h6.5a.5.5 0 00.5-.5zM11 8a3 3 0 00-3 3v9a3 3 0 003 3h9a3 3 0 003-3v-9a3 3 0 00-3-3h-9z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/duplicate.svg.js.map

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

package/lib/cjs/assets/svg/fit_screen.svg.js

@@ -2,19 +2,19 @@
 
 var React = require('react');
 
-var _path, _path2;
+var _path;
 
 function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 function SvgFitScreen(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 20 20",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg"
+    xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M18.061 0C19.132 0 20 .868 20 1.939v3.877a.83.83 0 11-1.662 0V1.94a.277.277 0 00-.277-.277h-3.877a.83.83 0 110-1.662h3.877zM.831 13.353a.83.83 0 01.83.83v3.878c0 .153.125.277.278.277h3.877a.83.83 0 110 1.662H1.94A1.939 1.939 0 010 18.061v-3.877a.83.83 0 01.83-.831z"
-  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    d: "M1.552 18.448a.909.909 0 010-1.285l3.48-3.48a.91.91 0 011.286 1.285l-3.48 3.48a.909.909 0 01-1.286 0zM18.448 1.552a.91.91 0 010 1.285l-3.48 3.48a.909.909 0 11-1.286-1.285l3.48-3.48a.909.909 0 011.286 0z"
+    fillRule: "evenodd",
+    d: "M15 2a1 1 0 100 2h3.586l-5.293 5.293a1 1 0 001.414 1.414L20 5.414V9a1 1 0 102 0V3a1 1 0 00-1-1h-6zM4 15a1 1 0 10-2 0v6a1 1 0 001 1h6a1 1 0 100-2H5.414l5.293-5.293a1 1 0 00-1.414-1.414L4 18.586V15z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/heart_rating.svg.js

@@ -9,10 +9,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgHeartRating(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 64 64"
+    fill: "currentColor",
+    viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    d: "M30.299 8.546c1.903-1.95 3.508-4.126 5.6-5.627 4.873-3.495 10.244-3.813 15.61-1.16 5.385 2.664 8.277 7.172 8.507 13.165.272 7.094-2.801 12.94-7.35 18.121-4.64 5.284-10.373 9.249-16.079 13.245-1.787 1.253-3.543 2.553-5.354 3.77-.325.218-1.005.348-1.264.162-6.707-4.842-13.815-9.17-19.696-15.081-4.306-4.327-7.704-9.221-8.876-15.358-1.201-6.29-.004-11.884 5.139-16.146 6.783-5.62 16.706-4.45 22.051 2.547.632.826 1.223 1.685 1.712 2.362",
-    fillRule: "evenodd"
+    fillRule: "evenodd",
+    d: "M12.587 3.59a8.73 8.73 0 00-.587.553 8.73 8.73 0 00-.587-.552C10.538 2.84 9.188 2 7.5 2 4.216 2 2 4.494 2 7.5c0 3.238 1.315 6.124 2.912 8.44 1.598 2.318 3.523 4.13 4.855 5.243a3.456 3.456 0 004.466 0c1.332-1.113 3.257-2.925 4.855-5.244C20.685 13.624 22 10.74 22 7.5 22 4.494 19.784 2 16.5 2c-1.688 0-3.038.84-3.913 1.59z",
+    clipRule: "evenodd"
   })));
 }
 

package/lib/cjs/assets/svg/heart_rating.svg.js.map

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

package/lib/cjs/assets/svg/icon-selector/jfc_icon_solid-arrow-down-left.svg.js

@@ -9,10 +9,12 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
 function SvgJfcIconSolidArrowDownLeft(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
+    fill: "currentColor",
     viewBox: "0 0 24 24"
   }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    "data-name": "arrow-down-left",
-    d: "M20.125 3.875a3.009 3.009 0 00-4.243 0l-6.5 6.5-2.968-2.961A2 2 0 003 8.828V21h12.172a2 2 0 001.414-3.414l-2.965-2.965 6.5-6.5a3.009 3.009 0 00.004-4.246z"
+    fillRule: "evenodd",
+    d: "M17.707 7.707a1 1 0 00-1.414-1.414L8 14.586V10a1 1 0 00-2 0v7a1 1 0 001 1h7a1 1 0 100-2H9.414l8.293-8.293z",
+    clipRule: "evenodd"
   })));
 }