@itwin/imodel-components-react 4.0.0-dev.2 → 4.0.0-dev.4

package/lib/esm/imodel-components-react.js

@@ -1,88 +1,88 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-// cSpell:ignore iconpicker lineweight hocs datepicker quantityformat
-export { UiIModelComponents } from "./imodel-components-react/UiIModelComponents";
-export * from "./imodel-components-react/color/AlphaSlider";
-export * from "./imodel-components-react/color/ColorPickerButton";
-export * from "./imodel-components-react/color/ColorPickerDialog";
-export * from "./imodel-components-react/color/ColorPickerPanel";
-export * from "./imodel-components-react/color/ColorPickerPopup";
-export * from "./imodel-components-react/color/getCSSColorFromDef";
-export * from "./imodel-components-react/color/HueSlider";
-export * from "./imodel-components-react/color/SaturationPicker";
-export * from "./imodel-components-react/color/Swatch";
-export * from "./imodel-components-react/editors/ColorEditor";
-export * from "./imodel-components-react/editors/WeightEditor";
-export * from "./imodel-components-react/inputs/QuantityInput";
-export * from "./imodel-components-react/inputs/QuantityNumberInput";
-export * from "./imodel-components-react/lineweight/Swatch";
-export * from "./imodel-components-react/lineweight/WeightPickerButton";
-export * from "./imodel-components-react/navigationaids/Cube";
-export * from "./imodel-components-react/navigationaids/CubeNavigationAid";
-export * from "./imodel-components-react/navigationaids/DrawingNavigationAid";
-export * from "./imodel-components-react/quantityformat/FormatPanel";
-export * from "./imodel-components-react/quantityformat/FormatPrecision";
-export * from "./imodel-components-react/quantityformat/FormatSample";
-export * from "./imodel-components-react/quantityformat/FormatType";
-export * from "./imodel-components-react/quantityformat/FormatUnitLabel";
-export * from "./imodel-components-react/quantityformat/FormatUnits";
-export * from "./imodel-components-react/quantityformat/MiscFormatOptions";
-export * from "./imodel-components-react/quantityformat/QuantityFormatPanel";
-export * from "./imodel-components-react/timeline/interfaces";
-export * from "./imodel-components-react/timeline/BaseTimelineDataProvider";
-export * from "./imodel-components-react/timeline/InlineEdit";
-export * from "./imodel-components-react/timeline/PlayerButton";
-export * from "./imodel-components-react/timeline/Scrubber";
-export * from "./imodel-components-react/timeline/TimelineComponent";
-export * from "./imodel-components-react/timeline/SolarTimeline";
-export * from "./imodel-components-react/timeline/BaseSolarDataProvider";
-export * from "./imodel-components-react/viewport/ViewportComponent";
-export * from "./imodel-components-react/viewport/ViewportComponentEvents";
-/** @docs-package-description
- * The imodel-components-react package contains React components that depend on the core-frontend, core-common or core-quantity packages.
- * The components pertain to Color, Cube, LineWeight, Navigation Aids, Quantity Inputs, Timeline and Viewport.
- * For more information, see [learning about imodel-components-react]($docs/learning/ui/imodel-components/index.md).
- */
-/**
- * @docs-group-description Color
- * Classes and components for working with and picking a Color.
- */
-/**
- * @docs-group-description Common
- * Common classes used across various UI components.
- */
-/**
- * @docs-group-description Cube
- * Component for 3D Cube.
- */
-/**
- * @docs-group-description Inputs
- * Input Components that format and parse input for IModelApps.
- */
-/**
- * @docs-group-description LineWeight
- * Classes and components for working with and picking a Line Weight.
- */
-/**
- * @docs-group-description NavigationAids
- * Classes and components for working with Navigation Aids.
- */
-/**
- * @docs-group-description PropertyEditors
- * Classes and components for working with Property Editors.
- */
-/**
- * @docs-group-description QuantityFormat
- * Classes and components for working with a Quantity Formats.
- */
-/**
- * @docs-group-description Timeline
- * Classes and components that provide a timeline
- */
-/**
- * @docs-group-description Viewport
- * Classes and components for working with a Viewport.
- */
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+// cSpell:ignore iconpicker lineweight hocs datepicker quantityformat
+export { UiIModelComponents } from "./imodel-components-react/UiIModelComponents";
+export * from "./imodel-components-react/color/AlphaSlider";
+export * from "./imodel-components-react/color/ColorPickerButton";
+export * from "./imodel-components-react/color/ColorPickerDialog";
+export * from "./imodel-components-react/color/ColorPickerPanel";
+export * from "./imodel-components-react/color/ColorPickerPopup";
+export * from "./imodel-components-react/color/getCSSColorFromDef";
+export * from "./imodel-components-react/color/HueSlider";
+export * from "./imodel-components-react/color/SaturationPicker";
+export * from "./imodel-components-react/color/Swatch";
+export * from "./imodel-components-react/editors/ColorEditor";
+export * from "./imodel-components-react/editors/WeightEditor";
+export * from "./imodel-components-react/inputs/QuantityInput";
+export * from "./imodel-components-react/inputs/QuantityNumberInput";
+export * from "./imodel-components-react/lineweight/Swatch";
+export * from "./imodel-components-react/lineweight/WeightPickerButton";
+export * from "./imodel-components-react/navigationaids/Cube";
+export * from "./imodel-components-react/navigationaids/CubeNavigationAid";
+export * from "./imodel-components-react/navigationaids/DrawingNavigationAid";
+export * from "./imodel-components-react/quantityformat/FormatPanel";
+export * from "./imodel-components-react/quantityformat/FormatPrecision";
+export * from "./imodel-components-react/quantityformat/FormatSample";
+export * from "./imodel-components-react/quantityformat/FormatType";
+export * from "./imodel-components-react/quantityformat/FormatUnitLabel";
+export * from "./imodel-components-react/quantityformat/FormatUnits";
+export * from "./imodel-components-react/quantityformat/MiscFormatOptions";
+export * from "./imodel-components-react/quantityformat/QuantityFormatPanel";
+export * from "./imodel-components-react/timeline/interfaces";
+export * from "./imodel-components-react/timeline/BaseTimelineDataProvider";
+export * from "./imodel-components-react/timeline/InlineEdit";
+export * from "./imodel-components-react/timeline/PlayerButton";
+export * from "./imodel-components-react/timeline/Scrubber";
+export * from "./imodel-components-react/timeline/TimelineComponent";
+export * from "./imodel-components-react/timeline/SolarTimeline";
+export * from "./imodel-components-react/timeline/BaseSolarDataProvider";
+export * from "./imodel-components-react/viewport/ViewportComponent";
+export * from "./imodel-components-react/viewport/ViewportComponentEvents";
+/** @docs-package-description
+ * The imodel-components-react package contains React components that depend on the core-frontend, core-common or core-quantity packages.
+ * The components pertain to Color, Cube, LineWeight, Navigation Aids, Quantity Inputs, Timeline and Viewport.
+ * For more information, see [learning about imodel-components-react]($docs/learning/ui/imodel-components/index.md).
+ */
+/**
+ * @docs-group-description Color
+ * Classes and components for working with and picking a Color.
+ */
+/**
+ * @docs-group-description Common
+ * Common classes used across various UI components.
+ */
+/**
+ * @docs-group-description Cube
+ * Component for 3D Cube.
+ */
+/**
+ * @docs-group-description Inputs
+ * Input Components that format and parse input for IModelApps.
+ */
+/**
+ * @docs-group-description LineWeight
+ * Classes and components for working with and picking a Line Weight.
+ */
+/**
+ * @docs-group-description NavigationAids
+ * Classes and components for working with Navigation Aids.
+ */
+/**
+ * @docs-group-description PropertyEditors
+ * Classes and components for working with Property Editors.
+ */
+/**
+ * @docs-group-description QuantityFormat
+ * Classes and components for working with a Quantity Formats.
+ */
+/**
+ * @docs-group-description Timeline
+ * Classes and components that provide a timeline
+ */
+/**
+ * @docs-group-description Viewport
+ * Classes and components for working with a Viewport.
+ */
 //# sourceMappingURL=imodel-components-react.js.map

package/lib/esm/imodel-components-react.js.map

@@ -1 +1 @@
-{"version":3,"file":"imodel-components-react.js","sourceRoot":"","sources":["../../src/imodel-components-react.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F,qEAAqE;AAErE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAElF,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mDAAmD,CAAC;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,kDAAkD,CAAC;AACjE,cAAc,kDAAkD,CAAC;AACjE,cAAc,oDAAoD,CAAC;AACnE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,kDAAkD,CAAC;AACjE,cAAc,wCAAwC,CAAC;AAEvD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,gDAAgD,CAAC;AAE/D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,sDAAsD,CAAC;AAErE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yDAAyD,CAAC;AAExE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,4DAA4D,CAAC;AAC3E,cAAc,+DAA+D,CAAC;AAE9E,cAAc,sDAAsD,CAAC;AACrE,cAAc,0DAA0D,CAAC;AACzE,cAAc,uDAAuD,CAAC;AACtE,cAAc,qDAAqD,CAAC;AACpE,cAAc,0DAA0D,CAAC;AACzE,cAAc,sDAAsD,CAAC;AACrE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,8DAA8D,CAAC;AAE7E,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6DAA6D,CAAC;AAC5E,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,0DAA0D,CAAC;AAEzE,cAAc,sDAAsD,CAAC;AACrE,cAAc,4DAA4D,CAAC;AAE3E;;;;GAIG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG","sourcesContent":["/*---------------------------------------------------------------------------------------------\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n* See LICENSE.md in the project root for license terms and full copyright notice.\n*--------------------------------------------------------------------------------------------*/\n\n// cSpell:ignore iconpicker lineweight hocs datepicker quantityformat\n\nexport { UiIModelComponents } from \"./imodel-components-react/UiIModelComponents\";\n\nexport * from \"./imodel-components-react/color/AlphaSlider\";\nexport * from \"./imodel-components-react/color/ColorPickerButton\";\nexport * from \"./imodel-components-react/color/ColorPickerDialog\";\nexport * from \"./imodel-components-react/color/ColorPickerPanel\";\nexport * from \"./imodel-components-react/color/ColorPickerPopup\";\nexport * from \"./imodel-components-react/color/getCSSColorFromDef\";\nexport * from \"./imodel-components-react/color/HueSlider\";\nexport * from \"./imodel-components-react/color/SaturationPicker\";\nexport * from \"./imodel-components-react/color/Swatch\";\n\nexport * from \"./imodel-components-react/editors/ColorEditor\";\nexport * from \"./imodel-components-react/editors/WeightEditor\";\n\nexport * from \"./imodel-components-react/inputs/QuantityInput\";\nexport * from \"./imodel-components-react/inputs/QuantityNumberInput\";\n\nexport * from \"./imodel-components-react/lineweight/Swatch\";\nexport * from \"./imodel-components-react/lineweight/WeightPickerButton\";\n\nexport * from \"./imodel-components-react/navigationaids/Cube\";\nexport * from \"./imodel-components-react/navigationaids/CubeNavigationAid\";\nexport * from \"./imodel-components-react/navigationaids/DrawingNavigationAid\";\n\nexport * from \"./imodel-components-react/quantityformat/FormatPanel\";\nexport * from \"./imodel-components-react/quantityformat/FormatPrecision\";\nexport * from \"./imodel-components-react/quantityformat/FormatSample\";\nexport * from \"./imodel-components-react/quantityformat/FormatType\";\nexport * from \"./imodel-components-react/quantityformat/FormatUnitLabel\";\nexport * from \"./imodel-components-react/quantityformat/FormatUnits\";\nexport * from \"./imodel-components-react/quantityformat/MiscFormatOptions\";\nexport * from \"./imodel-components-react/quantityformat/QuantityFormatPanel\";\n\nexport * from \"./imodel-components-react/timeline/interfaces\";\nexport * from \"./imodel-components-react/timeline/BaseTimelineDataProvider\";\nexport * from \"./imodel-components-react/timeline/InlineEdit\";\nexport * from \"./imodel-components-react/timeline/PlayerButton\";\nexport * from \"./imodel-components-react/timeline/Scrubber\";\nexport * from \"./imodel-components-react/timeline/TimelineComponent\";\nexport * from \"./imodel-components-react/timeline/SolarTimeline\";\nexport * from \"./imodel-components-react/timeline/BaseSolarDataProvider\";\n\nexport * from \"./imodel-components-react/viewport/ViewportComponent\";\nexport * from \"./imodel-components-react/viewport/ViewportComponentEvents\";\n\n/** @docs-package-description\n * The imodel-components-react package contains React components that depend on the core-frontend, core-common or core-quantity packages.\n * The components pertain to Color, Cube, LineWeight, Navigation Aids, Quantity Inputs, Timeline and Viewport.\n * For more information, see [learning about imodel-components-react]($docs/learning/ui/imodel-components/index.md).\n */\n/**\n * @docs-group-description Color\n * Classes and components for working with and picking a Color.\n */\n/**\n * @docs-group-description Common\n * Common classes used across various UI components.\n */\n/**\n * @docs-group-description Cube\n * Component for 3D Cube.\n */\n/**\n * @docs-group-description Inputs\n * Input Components that format and parse input for IModelApps.\n */\n/**\n * @docs-group-description LineWeight\n * Classes and components for working with and picking a Line Weight.\n */\n/**\n * @docs-group-description NavigationAids\n * Classes and components for working with Navigation Aids.\n */\n/**\n * @docs-group-description PropertyEditors\n * Classes and components for working with Property Editors.\n */\n/**\n * @docs-group-description QuantityFormat\n * Classes and components for working with a Quantity Formats.\n */\n/**\n * @docs-group-description Timeline\n * Classes and components that provide a timeline\n */\n/**\n * @docs-group-description Viewport\n * Classes and components for working with a Viewport.\n */\n"]}
+{"version":3,"file":"imodel-components-react.js","sourceRoot":"","sources":["../../src/imodel-components-react.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F,qEAAqE;AAErE,OAAO,EAAE,kBAAkB,EAAE,MAAM,8CAA8C,CAAC;AAElF,cAAc,6CAA6C,CAAC;AAC5D,cAAc,mDAAmD,CAAC;AAClE,cAAc,mDAAmD,CAAC;AAClE,cAAc,kDAAkD,CAAC;AACjE,cAAc,kDAAkD,CAAC;AACjE,cAAc,oDAAoD,CAAC;AACnE,cAAc,2CAA2C,CAAC;AAC1D,cAAc,kDAAkD,CAAC;AACjE,cAAc,wCAAwC,CAAC;AAEvD,cAAc,+CAA+C,CAAC;AAC9D,cAAc,gDAAgD,CAAC;AAE/D,cAAc,gDAAgD,CAAC;AAC/D,cAAc,sDAAsD,CAAC;AAErE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,yDAAyD,CAAC;AAExE,cAAc,+CAA+C,CAAC;AAC9D,cAAc,4DAA4D,CAAC;AAC3E,cAAc,+DAA+D,CAAC;AAE9E,cAAc,sDAAsD,CAAC;AACrE,cAAc,0DAA0D,CAAC;AACzE,cAAc,uDAAuD,CAAC;AACtE,cAAc,qDAAqD,CAAC;AACpE,cAAc,0DAA0D,CAAC;AACzE,cAAc,sDAAsD,CAAC;AACrE,cAAc,4DAA4D,CAAC;AAC3E,cAAc,8DAA8D,CAAC;AAE7E,cAAc,+CAA+C,CAAC;AAC9D,cAAc,6DAA6D,CAAC;AAC5E,cAAc,+CAA+C,CAAC;AAC9D,cAAc,iDAAiD,CAAC;AAChE,cAAc,6CAA6C,CAAC;AAC5D,cAAc,sDAAsD,CAAC;AACrE,cAAc,kDAAkD,CAAC;AACjE,cAAc,0DAA0D,CAAC;AAEzE,cAAc,sDAAsD,CAAC;AACrE,cAAc,4DAA4D,CAAC;AAE3E;;;;GAIG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG;AACH;;;GAGG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n\r\n// cSpell:ignore iconpicker lineweight hocs datepicker quantityformat\r\n\r\nexport { UiIModelComponents } from \"./imodel-components-react/UiIModelComponents\";\r\n\r\nexport * from \"./imodel-components-react/color/AlphaSlider\";\r\nexport * from \"./imodel-components-react/color/ColorPickerButton\";\r\nexport * from \"./imodel-components-react/color/ColorPickerDialog\";\r\nexport * from \"./imodel-components-react/color/ColorPickerPanel\";\r\nexport * from \"./imodel-components-react/color/ColorPickerPopup\";\r\nexport * from \"./imodel-components-react/color/getCSSColorFromDef\";\r\nexport * from \"./imodel-components-react/color/HueSlider\";\r\nexport * from \"./imodel-components-react/color/SaturationPicker\";\r\nexport * from \"./imodel-components-react/color/Swatch\";\r\n\r\nexport * from \"./imodel-components-react/editors/ColorEditor\";\r\nexport * from \"./imodel-components-react/editors/WeightEditor\";\r\n\r\nexport * from \"./imodel-components-react/inputs/QuantityInput\";\r\nexport * from \"./imodel-components-react/inputs/QuantityNumberInput\";\r\n\r\nexport * from \"./imodel-components-react/lineweight/Swatch\";\r\nexport * from \"./imodel-components-react/lineweight/WeightPickerButton\";\r\n\r\nexport * from \"./imodel-components-react/navigationaids/Cube\";\r\nexport * from \"./imodel-components-react/navigationaids/CubeNavigationAid\";\r\nexport * from \"./imodel-components-react/navigationaids/DrawingNavigationAid\";\r\n\r\nexport * from \"./imodel-components-react/quantityformat/FormatPanel\";\r\nexport * from \"./imodel-components-react/quantityformat/FormatPrecision\";\r\nexport * from \"./imodel-components-react/quantityformat/FormatSample\";\r\nexport * from \"./imodel-components-react/quantityformat/FormatType\";\r\nexport * from \"./imodel-components-react/quantityformat/FormatUnitLabel\";\r\nexport * from \"./imodel-components-react/quantityformat/FormatUnits\";\r\nexport * from \"./imodel-components-react/quantityformat/MiscFormatOptions\";\r\nexport * from \"./imodel-components-react/quantityformat/QuantityFormatPanel\";\r\n\r\nexport * from \"./imodel-components-react/timeline/interfaces\";\r\nexport * from \"./imodel-components-react/timeline/BaseTimelineDataProvider\";\r\nexport * from \"./imodel-components-react/timeline/InlineEdit\";\r\nexport * from \"./imodel-components-react/timeline/PlayerButton\";\r\nexport * from \"./imodel-components-react/timeline/Scrubber\";\r\nexport * from \"./imodel-components-react/timeline/TimelineComponent\";\r\nexport * from \"./imodel-components-react/timeline/SolarTimeline\";\r\nexport * from \"./imodel-components-react/timeline/BaseSolarDataProvider\";\r\n\r\nexport * from \"./imodel-components-react/viewport/ViewportComponent\";\r\nexport * from \"./imodel-components-react/viewport/ViewportComponentEvents\";\r\n\r\n/** @docs-package-description\r\n * The imodel-components-react package contains React components that depend on the core-frontend, core-common or core-quantity packages.\r\n * The components pertain to Color, Cube, LineWeight, Navigation Aids, Quantity Inputs, Timeline and Viewport.\r\n * For more information, see [learning about imodel-components-react]($docs/learning/ui/imodel-components/index.md).\r\n */\r\n/**\r\n * @docs-group-description Color\r\n * Classes and components for working with and picking a Color.\r\n */\r\n/**\r\n * @docs-group-description Common\r\n * Common classes used across various UI components.\r\n */\r\n/**\r\n * @docs-group-description Cube\r\n * Component for 3D Cube.\r\n */\r\n/**\r\n * @docs-group-description Inputs\r\n * Input Components that format and parse input for IModelApps.\r\n */\r\n/**\r\n * @docs-group-description LineWeight\r\n * Classes and components for working with and picking a Line Weight.\r\n */\r\n/**\r\n * @docs-group-description NavigationAids\r\n * Classes and components for working with Navigation Aids.\r\n */\r\n/**\r\n * @docs-group-description PropertyEditors\r\n * Classes and components for working with Property Editors.\r\n */\r\n/**\r\n * @docs-group-description QuantityFormat\r\n * Classes and components for working with a Quantity Formats.\r\n */\r\n/**\r\n * @docs-group-description Timeline\r\n * Classes and components that provide a timeline\r\n */\r\n/**\r\n * @docs-group-description Viewport\r\n * Classes and components for working with a Viewport.\r\n */\r\n"]}

package/lib/public/locales/en/UiIModelComponents.json

@@ -1,139 +1,139 @@
-{
-  "timeline": {
-    "expand": "Expand",
-    "minimize": "Minimize",
-    "repeat": "Repeat",
-    "slow": "Speed: slow",
-    "medium": "Speed: medium",
-    "fast": "Speed: fast",
-    "play": "Play",
-    "pause": "Pause",
-    "backward": "Backward",
-    "forward": "Forward",
-    "step": "Step"
-  },
-  "solartimeline": {
-    "play": "Play",
-    "settings": "Settings",
-    "speed": "Speed",
-    "dateTime": "Set Date/Time"
-  },
-  "solarsettings": {
-    "shadowcolor": "Shadow Color"
-  },
-  "errors": {
-    "unable-to-parse-quantity": "Unable to parse string into quantity"
-  },
-  "cube": {
-    "front": "Front",
-    "back": "Back",
-    "top": "Top",
-    "bottom": "Bottom",
-    "left": "Left",
-    "right": "Right"
-  },
-  "drawing": {
-    "unrotate": "Un-Rotate",
-    "rotateStyle": "Toggle background-rotate"
-  },
-  "color": {
-    "close": "Close",
-    "hue": "Hue",
-    "saturation": "Saturation",
-    "toggleColorPopup": "Toggle Color Picker Popup",
-    "transparency": "Transparency"
-  },
-  "QuantityInput": {
-    "ParseError": "Parse Error, status=",
-    "NoParserDefined": "No Parser Defined!"
-  },
-  "QuantityFormat": {
-    "none": "None",
-    "dash": "Dash",
-    "space": "Space",
-    "decimal": "Decimal",
-    "scientific": "Scientific",
-    "station": "Station",
-    "fractional": "Fractional",
-    "labels": {
-      "compositeSpacer": "Composite Spacer",
-      "formatted": "Formatted",
-      "precision": "Precision",
-      "type": "Type",
-      "appendUnitLabel": "Append Unit Label",
-      "labelSeparator": "Label Separator",
-      "signOptionLabel": "Sign Option",
-      "stationOffsetLabel": "Station Offset",
-      "stationSeparatorLabel": "Station Separator",
-      "decimalSeparatorLabel": "Decimal Separator",
-      "showTrailZerosLabel": "Show Trail Zeros",
-      "keepSingleZeroLabel": "Keep Single Zero",
-      "zeroEmptyLabel": "Zero Empty",
-      "moreLabel": "More",
-      "lessLabel": "Less",
-      "keepDecimalPointLabel": "Keep Decimal Point",
-      "fractionDashLabel": "Fraction Dash",
-      "scientificTypeLabel": "Scientific Type",
-      "useThousandSeparatorLabel": "Use Thousand Separator",
-      "thousandSeparatorLabel": "Thousand Separator",
-      "value": "Value"
-    },
-    "fraction_precision": {
-      "whole": "Whole",
-      "half": "1/2",
-      "quarter": "1/4",
-      "eighth": "1/8",
-      "sixteenth": "1/16",
-      "over32": "1/32",
-      "over64": "1/64",
-      "over128": "1/128",
-      "over256": "1/256"
-    },
-    "station_size": {
-      "two": "0+00",
-      "three": "0+000"
-    },
-    "station_separator": {
-      "plus": "+",
-      "minus": "-",
-      "blank": "Blank",
-      "caret": "^"
-    },
-    "decimal_precision": {
-      "zero": "1",
-      "one": "0.1",
-      "two": "0.01",
-      "three": "0.001",
-      "four": "0.0001",
-      "five": "0.00001",
-      "six": "0.0000001",
-      "seven": "0.0000001",
-      "eight": "0.00000001",
-      "nine": "0.000000001",
-      "ten": "0.0000000001",
-      "eleven": "0.00000000001",
-      "twelve": "0.000000000001"
-    },
-    "sign_option": {
-      "noSign": "No Sign",
-      "onlyNegative": "Only Negative",
-      "signAlways": "Always",
-      "negativeParentheses": "Negative Parentheses"
-    },
-    "thousand_separator": {
-      "comma": "Comma",
-      "point": "Point"
-    },
-    "decimal_separator": {
-      "comma": "Comma",
-      "point": "Point"
-    },
-    "scientific-type": {
-      "normalized": "Normalized",
-      "zero-normalized": "Zero Normalized"
-    },
-    "popupButton": {
-      "setFormat": "Set Format"
-    }
-  }
-}
+{
+  "timeline": {
+    "expand": "Expand",
+    "minimize": "Minimize",
+    "repeat": "Repeat",
+    "slow": "Speed: slow",
+    "medium": "Speed: medium",
+    "fast": "Speed: fast",
+    "play": "Play",
+    "pause": "Pause",
+    "backward": "Backward",
+    "forward": "Forward",
+    "step": "Step"
+  },
+  "solartimeline": {
+    "play": "Play",
+    "settings": "Settings",
+    "speed": "Speed",
+    "dateTime": "Set Date/Time"
+  },
+  "solarsettings": {
+    "shadowcolor": "Shadow Color"
+  },
+  "errors": {
+    "unable-to-parse-quantity": "Unable to parse string into quantity"
+  },
+  "cube": {
+    "front": "Front",
+    "back": "Back",
+    "top": "Top",
+    "bottom": "Bottom",
+    "left": "Left",
+    "right": "Right"
+  },
+  "drawing": {
+    "unrotate": "Un-Rotate",
+    "rotateStyle": "Toggle background-rotate"
+  },
+  "color": {
+    "close": "Close",
+    "hue": "Hue",
+    "saturation": "Saturation",
+    "toggleColorPopup": "Toggle Color Picker Popup",
+    "transparency": "Transparency"
+  },
+  "QuantityInput": {
+    "ParseError": "Parse Error, status=",
+    "NoParserDefined": "No Parser Defined!"
+  },
+  "QuantityFormat": {
+    "none": "None",
+    "dash": "Dash",
+    "space": "Space",
+    "decimal": "Decimal",
+    "scientific": "Scientific",
+    "station": "Station",
+    "fractional": "Fractional",
+    "labels": {
+      "compositeSpacer": "Composite Spacer",
+      "formatted": "Formatted",
+      "precision": "Precision",
+      "type": "Type",
+      "appendUnitLabel": "Append Unit Label",
+      "labelSeparator": "Label Separator",
+      "signOptionLabel": "Sign Option",
+      "stationOffsetLabel": "Station Offset",
+      "stationSeparatorLabel": "Station Separator",
+      "decimalSeparatorLabel": "Decimal Separator",
+      "showTrailZerosLabel": "Show Trail Zeros",
+      "keepSingleZeroLabel": "Keep Single Zero",
+      "zeroEmptyLabel": "Zero Empty",
+      "moreLabel": "More",
+      "lessLabel": "Less",
+      "keepDecimalPointLabel": "Keep Decimal Point",
+      "fractionDashLabel": "Fraction Dash",
+      "scientificTypeLabel": "Scientific Type",
+      "useThousandSeparatorLabel": "Use Thousand Separator",
+      "thousandSeparatorLabel": "Thousand Separator",
+      "value": "Value"
+    },
+    "fraction_precision": {
+      "whole": "Whole",
+      "half": "1/2",
+      "quarter": "1/4",
+      "eighth": "1/8",
+      "sixteenth": "1/16",
+      "over32": "1/32",
+      "over64": "1/64",
+      "over128": "1/128",
+      "over256": "1/256"
+    },
+    "station_size": {
+      "two": "0+00",
+      "three": "0+000"
+    },
+    "station_separator": {
+      "plus": "+",
+      "minus": "-",
+      "blank": "Blank",
+      "caret": "^"
+    },
+    "decimal_precision": {
+      "zero": "1",
+      "one": "0.1",
+      "two": "0.01",
+      "three": "0.001",
+      "four": "0.0001",
+      "five": "0.00001",
+      "six": "0.0000001",
+      "seven": "0.0000001",
+      "eight": "0.00000001",
+      "nine": "0.000000001",
+      "ten": "0.0000000001",
+      "eleven": "0.00000000001",
+      "twelve": "0.000000000001"
+    },
+    "sign_option": {
+      "noSign": "No Sign",
+      "onlyNegative": "Only Negative",
+      "signAlways": "Always",
+      "negativeParentheses": "Negative Parentheses"
+    },
+    "thousand_separator": {
+      "comma": "Comma",
+      "point": "Point"
+    },
+    "decimal_separator": {
+      "comma": "Comma",
+      "point": "Point"
+    },
+    "scientific-type": {
+      "normalized": "Normalized",
+      "zero-normalized": "Zero Normalized"
+    },
+    "popupButton": {
+      "setFormat": "Set Format"
+    }
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/imodel-components-react",
-  "version": "4.0.0-dev.2",
+  "version": "4.0.0-dev.4",
   "description": "iTwin.js UI IModel Components",
   "main": "lib/cjs/imodel-components-react.js",
   "module": "lib/esm/imodel-components-react.js",
@@ -8,7 +8,7 @@
   "license": "MIT",
   "repository": {
     "type": "git",
-    "url": "https://github.com/iTwin/appui/tree/master/ui/imodel-components-react"
+    "url": "https://github.com/iTwin/itwinjs-core/tree/master/ui/imodel-components-react"
   },
   "keywords": [
     "Bentley",
@@ -20,14 +20,14 @@
     "url": "http://www.bentley.com"
   },
   "peerDependencies": {
-    "@itwin/appui-abstract": "^4.0.0-dev.2",
-    "@itwin/components-react": "^4.0.0-dev.2",
-    "@itwin/core-bentley": "^3.5.1",
-    "@itwin/core-common": "^3.5.1",
-    "@itwin/core-frontend": "^3.5.1",
-    "@itwin/core-geometry": "^3.5.1",
-    "@itwin/core-quantity": "^3.5.1",
-    "@itwin/core-react": "^4.0.0-dev.2",
+    "@itwin/appui-abstract": "^4.0.0-dev.4",
+    "@itwin/components-react": "^4.0.0-dev.4",
+    "@itwin/core-bentley": "^4.0.0-dev.4",
+    "@itwin/core-common": "^4.0.0-dev.4",
+    "@itwin/core-frontend": "^4.0.0-dev.4",
+    "@itwin/core-geometry": "^4.0.0-dev.4",
+    "@itwin/core-quantity": "^4.0.0-dev.4",
+    "@itwin/core-react": "^4.0.0-dev.4",
     "react": "^17.0.0",
     "react-dom": "^17.0.0"
   },
@@ -36,27 +36,28 @@
     "NOTE: All tools used by scripts in this package must be listed as devDependencies"
   ],
   "devDependencies": {
-    "@itwin/appui-abstract": "4.0.0-dev.2",
-    "@itwin/build-tools": "^3.5.1",
-    "@itwin/components-react": "4.0.0-dev.2",
-    "@itwin/core-bentley": "^3.5.1",
-    "@itwin/core-common": "^3.5.1",
-    "@itwin/core-frontend": "^3.5.1",
-    "@itwin/core-geometry": "^3.5.1",
-    "@itwin/core-orbitgt": "^3.5.1",
-    "@itwin/core-quantity": "^3.5.1",
-    "@itwin/core-react": "4.0.0-dev.2",
-    "@itwin/eslint-plugin": "^3.5.1",
-    "@itwin/webgl-compatibility": "^3.5.1",
+    "@itwin/appui-abstract": "4.0.0-dev.4",
+    "@itwin/build-tools": "4.0.0-dev.4",
+    "@itwin/components-react": "4.0.0-dev.4",
+    "@itwin/core-bentley": "4.0.0-dev.4",
+    "@itwin/core-common": "4.0.0-dev.4",
+    "@itwin/core-frontend": "4.0.0-dev.4",
+    "@itwin/core-geometry": "4.0.0-dev.4",
+    "@itwin/core-quantity": "4.0.0-dev.4",
+    "@itwin/core-react": "4.0.0-dev.4",
+    "@itwin/eslint-plugin": "4.0.0-dev.4",
     "@testing-library/dom": "^8.11.2",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.2",
     "@testing-library/user-event": "^14.4.2",
     "@types/chai": "4.3.1",
     "@types/chai-as-promised": "^7",
+    "@types/chai-jest-snapshot": "^1.3.0",
     "@types/chai-spies": "^1.0.0",
     "@types/chai-string": "^1.4.1",
+    "@types/enzyme": "3.9.3",
     "@types/faker": "^4.1.0",
+    "@types/lodash": "^4.14.0",
     "@types/mocha": "^8.2.2",
     "@types/node": "18.11.5",
     "@types/react": "^17.0.37",
@@ -65,9 +66,13 @@
     "@types/sinon-chai": "^3.2.0",
     "chai": "^4.1.2",
     "chai-as-promised": "^7",
+    "chai-jest-snapshot": "^2.0.0",
     "chai-spies": "1.0.0",
     "chai-string": "^1.5.0",
     "cpx2": "^3.0.0",
+    "enzyme": "3.10.0",
+    "@wojtekmaj/enzyme-adapter-react-17": "^0.6.3",
+    "enzyme-to-json": "^3.3.4",
     "eslint": "^7.11.0",
     "faker": "^4.1.0",
     "ignore-styles": "^5.0.1",
@@ -94,10 +99,13 @@
   "dependencies": {
     "@bentley/icons-generic-webfont": "^1.0.15",
     "@itwin/itwinui-css": "0.x",
-    "@itwin/itwinui-variables": "^1.0.0",
-    "@itwin/itwinui-react": "~1.42.0",
-    "classnames": "2.3.1",
-    "immer": "9.0.6"
+    "@itwin/itwinui-react": "~1.46.0",
+    "callable-instance2": "1.0.0",
+    "classnames": "^2.3.1",
+    "eventemitter2": "^5.0.1",
+    "immer": "9.0.6",
+    "immutable": "^3.8.2",
+    "ts-key-enum": "^2.0.0"
   },
   "nyc": {
     "extends": "./node_modules/@itwin/build-tools/.nycrc",