@plurid/plurid-ui-components-react 0.0.0-20 → 0.0.0-21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2695,7 +2695,7 @@ const createSearchTerms = (rows, fields) => rows.map((entity => {
2695
2695
 
2696
2696
  const {buttons: {PureButton: PluridPureButton}, inputs: {Textline: PluridTextline}, markers: {Spinner: PluridSpinner}} = universal;
2697
2697
 
2698
- const EntityView = React.forwardRef(((properties, reference) => {
2698
+ const EntityView$1 = React.forwardRef(((properties, reference) => {
2699
2699
  const {entities: entities, searchFields: searchFields, generalTheme: generalTheme, interactionTheme: interactionTheme, rowsHeader: rowsHeader, rowTemplate: rowTemplate, noRows: noRows, abstractRowRenderer: abstractRowRenderer, actionButtonText: actionButtonText, placeholderText: placeholderText, scrollThrottleTime: scrollThrottleTimeProperty, loading: loading, rowRenderFields: rowRenderFields, rowRenderMethods: rowRenderMethods, actionButtonClick: actionButtonClick, filterUpdate: filterUpdate, refresh: refresh, actionScrollBottom: actionScrollBottom} = properties;
2700
2700
  const placeholder = placeholderText || "search";
2701
2701
  const scrollThrottleTime = scrollThrottleTimeProperty !== null && scrollThrottleTimeProperty !== void 0 ? scrollThrottleTimeProperty : 1e3;
@@ -2832,10 +2832,10 @@ const EntityView = React.forwardRef(((properties, reference) => {
2832
2832
  }));
2833
2833
 
2834
2834
  const containers = {
2835
- EntityView: EntityView
2835
+ EntityView: EntityView$1
2836
2836
  };
2837
2837
 
2838
- const Head = properties => {
2838
+ const Head$1 = properties => {
2839
2839
  var _a, _b, _c, _d;
2840
2840
  const {Helmet: Helmet, defaults: defaults, children: children, stateHead: stateHead} = properties;
2841
2841
  const robots = (defaults === null || defaults === void 0 ? void 0 : defaults.robots) || "index,follow";
@@ -2969,7 +2969,7 @@ const mapStateToProperties$7 = (state, ownProperties) => ({
2969
2969
 
2970
2970
  const mapDispatchToProperties$7 = dispatch => ({});
2971
2971
 
2972
- const ConnectedHead = reactRedux.connect(mapStateToProperties$7, mapDispatchToProperties$7)(Head);
2972
+ const ConnectedHead = reactRedux.connect(mapStateToProperties$7, mapDispatchToProperties$7)(Head$1);
2973
2973
 
2974
2974
  const head = {
2975
2975
  Head: ConnectedHead
@@ -3023,7 +3023,7 @@ const StyledNotificationClose = styled__default.default.div`
3023
3023
  place-content: center;
3024
3024
  `;
3025
3025
 
3026
- const Notification = properties => {
3026
+ const Notification$1 = properties => {
3027
3027
  const {data: data, theme: theme, remove: remove, elements: elements, style: style, className: className} = properties;
3028
3028
  const {id: id, text: text, html: html, react: react, timeout: timeout, wordBreak: wordBreak} = data;
3029
3029
  const resolvedWordBreak = wordBreak === true ? "break-all" : "normal";
@@ -3082,9 +3082,9 @@ const StyledNotifications = styled__default.default.div`
3082
3082
  pointer-events: none;
3083
3083
  `;
3084
3084
 
3085
- const Notifications = properties => {
3085
+ const Notifications$1 = properties => {
3086
3086
  const {elements: elements, stateGeneralTheme: stateGeneralTheme, stateNotifications: stateNotifications, dispatchRemoveNotification: dispatchRemoveNotification} = properties;
3087
- return React__default.default.createElement(StyledNotifications, null, stateNotifications.map((notification => React__default.default.createElement(Notification, {
3087
+ return React__default.default.createElement(StyledNotifications, null, stateNotifications.map((notification => React__default.default.createElement(Notification$1, {
3088
3088
  key: notification.id,
3089
3089
  data: notification,
3090
3090
  theme: stateGeneralTheme,
@@ -3102,10 +3102,10 @@ const mapDispatchToProperties$6 = dispatch => ({
3102
3102
  dispatchRemoveNotification: payload => dispatch(pluridUiStateReact.notifications.actions.remove(payload))
3103
3103
  });
3104
3104
 
3105
- const ConnectedNotifications = reactRedux.connect(mapStateToProperties$6, mapDispatchToProperties$6)(Notifications);
3105
+ const ConnectedNotifications = reactRedux.connect(mapStateToProperties$6, mapDispatchToProperties$6)(Notifications$1);
3106
3106
 
3107
3107
  const notifications = {
3108
- Notification: Notification,
3108
+ Notification: Notification$1,
3109
3109
  Notifications: ConnectedNotifications
3110
3110
  };
3111
3111
 
@@ -3494,7 +3494,7 @@ const mapDispatchToProperties$2 = dispatch => ({});
3494
3494
 
3495
3495
  const ConnectedSittings = reactRedux.connect(mapStateToProperties$2, mapDispatchToProperties$2)(Sittings);
3496
3496
 
3497
- const SittingTray = properties => {
3497
+ const SittingTray$1 = properties => {
3498
3498
  const {selectors: selectors, context: context, stateInteractionTheme: stateInteractionTheme} = properties;
3499
3499
  return React__default.default.createElement(StyledSittingTray, {
3500
3500
  theme: stateInteractionTheme
@@ -3519,7 +3519,7 @@ const mapStatedToProperties = (state, ownProperties) => ({
3519
3519
 
3520
3520
  const mapDispatchdToProperties = dispatch => ({});
3521
3521
 
3522
- const ConnectedSittingTray = reactRedux.connect(mapStatedToProperties, mapDispatchdToProperties)(SittingTray);
3522
+ const ConnectedSittingTray = reactRedux.connect(mapStatedToProperties, mapDispatchdToProperties)(SittingTray$1);
3523
3523
 
3524
3524
  const sitting = {
3525
3525
  SittingTray: ConnectedSittingTray
@@ -3584,7 +3584,7 @@ const StyledHorizontalToolbarButtonIcon = styled__default.default.div`
3584
3584
  }};
3585
3585
  `;
3586
3586
 
3587
- const HorizontalToolbarButton = properties => {
3587
+ const HorizontalToolbarButton$1 = properties => {
3588
3588
  const {text: text, atClick: atClick, active: active, scaleIcon: scaleIcon, icon: Icon, theme: themeProperty, style: style, className: className} = properties;
3589
3589
  const theme = themeProperty || themes__default.default.plurid;
3590
3590
  return React__default.default.createElement(StyledHorizontalToolbarButton, {
@@ -3599,37 +3599,37 @@ const HorizontalToolbarButton = properties => {
3599
3599
  }, React__default.default.createElement(Icon, null)), text);
3600
3600
  };
3601
3601
 
3602
- var SizeTypes;
3602
+ exports.SizeTypes = void 0;
3603
3603
 
3604
3604
  (function(SizeTypes) {
3605
3605
  SizeTypes["small"] = "small";
3606
3606
  SizeTypes["normal"] = "normal";
3607
3607
  SizeTypes["large"] = "large";
3608
- })(SizeTypes || (SizeTypes = {}));
3608
+ })(exports.SizeTypes || (exports.SizeTypes = {}));
3609
3609
 
3610
- var HorizontalPositions;
3610
+ exports.HorizontalPositions = void 0;
3611
3611
 
3612
3612
  (function(HorizontalPositions) {
3613
3613
  HorizontalPositions["left"] = "left";
3614
3614
  HorizontalPositions["right"] = "right";
3615
- })(HorizontalPositions || (HorizontalPositions = {}));
3615
+ })(exports.HorizontalPositions || (exports.HorizontalPositions = {}));
3616
3616
 
3617
- var VerticalPositions;
3617
+ exports.VerticalPositions = void 0;
3618
3618
 
3619
3619
  (function(VerticalPositions) {
3620
3620
  VerticalPositions["top"] = "top";
3621
3621
  VerticalPositions["bottom"] = "bottom";
3622
- })(VerticalPositions || (VerticalPositions = {}));
3622
+ })(exports.VerticalPositions || (exports.VerticalPositions = {}));
3623
3623
 
3624
3624
  const StyledToolbarControls = styled__default.default.div`
3625
3625
  top: ${({position: position}) => {
3626
- if (position === VerticalPositions.top) {
3626
+ if (position === exports.VerticalPositions.top) {
3627
3627
  return "15px";
3628
3628
  }
3629
3629
  return "initial";
3630
3630
  }};
3631
3631
  bottom: ${({position: position}) => {
3632
- if (position === VerticalPositions.bottom) {
3632
+ if (position === exports.VerticalPositions.bottom) {
3633
3633
  return "15px";
3634
3634
  }
3635
3635
  return "initial";
@@ -3657,9 +3657,9 @@ const StyledToolbarControlsButtons = styled__default.default.div`
3657
3657
  height: 100%;
3658
3658
  `;
3659
3659
 
3660
- const ToolbarControls = properties => {
3660
+ const ToolbarControls$1 = properties => {
3661
3661
  const {position: positionProperty, theme: themeProperty, style: style, className: className, children: children} = properties;
3662
- const position = positionProperty || VerticalPositions.top;
3662
+ const position = positionProperty || exports.VerticalPositions.top;
3663
3663
  const theme = themeProperty || themes.plurid;
3664
3664
  return React__default.default.createElement(StyledToolbarControls, {
3665
3665
  position: position,
@@ -3775,7 +3775,7 @@ const StyledVerticalToolbarButtonText = styled__default.default.div`
3775
3775
  align-items: center;
3776
3776
  `;
3777
3777
 
3778
- const VerticalToolbarButton = properties => {
3778
+ const VerticalToolbarButton$1 = properties => {
3779
3779
  const {atClick: atClick, icon: Icon, active: active, text: text, textLeft: textLeft, showText: showText, scaleIcon: scaleIcon, first: first, last: last, theme: theme} = properties;
3780
3780
  const [mouseOver, setMouseOver] = React.useState(false);
3781
3781
  return React__default.default.createElement(StyledVerticalToolbarButton, {
@@ -3794,13 +3794,13 @@ const VerticalToolbarButton = properties => {
3794
3794
 
3795
3795
  const StyledToolbar = styled__default.default.div`
3796
3796
  left: ${props => {
3797
- if (props.position === HorizontalPositions.left) {
3797
+ if (props.position === exports.HorizontalPositions.left) {
3798
3798
  return "0";
3799
3799
  }
3800
3800
  return "initial";
3801
3801
  }};
3802
3802
  right: ${props => {
3803
- if (props.position === HorizontalPositions.right) {
3803
+ if (props.position === exports.HorizontalPositions.right) {
3804
3804
  return "0";
3805
3805
  }
3806
3806
  return "initial";
@@ -3836,10 +3836,10 @@ const StyledToolbarButtons = styled__default.default.div`
3836
3836
  user-select: none;
3837
3837
  `;
3838
3838
 
3839
- const ToolbarSpecific = properties => {
3839
+ const ToolbarSpecific$1 = properties => {
3840
3840
  const {buttons: buttons, handleClick: handleClick, activeType: activeType, position: position, children: children, stateToolbars: stateToolbars, stateIdentonym: stateIdentonym, stateInteractionTheme: stateInteractionTheme} = properties;
3841
3841
  const {alwaysShow: alwaysShow, location: location, scaleIcons: scaleIcons, showNames: showNames} = stateToolbars;
3842
- const toolbarPosition = position ? position : HorizontalPositions.right;
3842
+ const toolbarPosition = position ? position : exports.HorizontalPositions.right;
3843
3843
  const [showToolbar, setShowToolbar] = React.useState(alwaysShow);
3844
3844
  const [mouseIn, setMouseIn] = React.useState(false);
3845
3845
  const handleMouseMove = event => {
@@ -3881,7 +3881,7 @@ const ToolbarSpecific = properties => {
3881
3881
  return true;
3882
3882
  })).map(((button, index) => {
3883
3883
  const {type: type, text: text, icon: Icon, first: first, last: last} = button;
3884
- return React__default.default.createElement(VerticalToolbarButton, {
3884
+ return React__default.default.createElement(VerticalToolbarButton$1, {
3885
3885
  key: type,
3886
3886
  atClick: () => handleClick(type, index),
3887
3887
  icon: Icon,
@@ -3905,9 +3905,9 @@ const mapStateToProperties$1 = (state, ownProperties) => ({
3905
3905
 
3906
3906
  const mapDispatchToProperties$1 = dispatch => ({});
3907
3907
 
3908
- const ConnectedToolbarSpecific = reactRedux.connect(mapStateToProperties$1, mapDispatchToProperties$1)(ToolbarSpecific);
3908
+ const ConnectedToolbarSpecific = reactRedux.connect(mapStateToProperties$1, mapDispatchToProperties$1)(ToolbarSpecific$1);
3909
3909
 
3910
- const ToolbarGeneral = properties => {
3910
+ const ToolbarGeneral$1 = properties => {
3911
3911
  const {buttons: buttons, selectors: selectors, context: context, handleClick: handleClick, speakButton: speakButton, sittingButton: sittingButtonProperty, stateView: stateView, stateSittingTray: stateSittingTray, stateToolbars: stateToolbars, stateInteractionTheme: stateInteractionTheme, dispatchToggleSittingTray: dispatchToggleSittingTray} = properties;
3912
3912
  const {scaleIcons: scaleIcons, showNames: showNames} = stateToolbars;
3913
3913
  const iconTextLeft = false;
@@ -3916,10 +3916,10 @@ const ToolbarGeneral = properties => {
3916
3916
  buttons: buttons,
3917
3917
  handleClick: handleClick,
3918
3918
  activeType: stateView,
3919
- position: HorizontalPositions.left,
3919
+ position: exports.HorizontalPositions.left,
3920
3920
  selectors: selectors,
3921
3921
  context: context
3922
- }, speakButton && React__default.default.createElement(VerticalToolbarButton, {
3922
+ }, speakButton && React__default.default.createElement(VerticalToolbarButton$1, {
3923
3923
  atClick: () => {},
3924
3924
  icon: pluridIconsReact.PluridIconSpeak,
3925
3925
  active: false,
@@ -3928,7 +3928,7 @@ const ToolbarGeneral = properties => {
3928
3928
  showText: showNames,
3929
3929
  scaleIcon: scaleIcons,
3930
3930
  theme: stateInteractionTheme
3931
- }), sittingButton && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(VerticalToolbarButton, {
3931
+ }), sittingButton && React__default.default.createElement(React__default.default.Fragment, null, React__default.default.createElement(VerticalToolbarButton$1, {
3932
3932
  atClick: () => dispatchToggleSittingTray(),
3933
3933
  icon: pluridIconsReact.PluridIconStateShareImage,
3934
3934
  active: stateSittingTray,
@@ -3958,14 +3958,14 @@ const mapDispatchToProperties = dispatch => ({
3958
3958
  dispatchToggleSittingTray: () => dispatch(pluridUiStateReact.sitting.actions.toggleSittingTray())
3959
3959
  });
3960
3960
 
3961
- const ConnectedToolbarGeneral = reactRedux.connect(mapStateToProperties, mapDispatchToProperties)(ToolbarGeneral);
3961
+ const ConnectedToolbarGeneral = reactRedux.connect(mapStateToProperties, mapDispatchToProperties)(ToolbarGeneral$1);
3962
3962
 
3963
3963
  const toolbars = {
3964
- HorizontalToolbarButton: HorizontalToolbarButton,
3965
- ToolbarControls: ToolbarControls,
3964
+ HorizontalToolbarButton: HorizontalToolbarButton$1,
3965
+ ToolbarControls: ToolbarControls$1,
3966
3966
  ToolbarGeneral: ConnectedToolbarGeneral,
3967
3967
  ToolbarSpecific: ConnectedToolbarSpecific,
3968
- VerticalToolbarButton: VerticalToolbarButton
3968
+ VerticalToolbarButton: VerticalToolbarButton$1
3969
3969
  };
3970
3970
 
3971
3971
  const pluridal = {
@@ -3980,6 +3980,8 @@ var index = Object.assign(Object.assign(Object.assign(Object.assign(Object.assig
3980
3980
 
3981
3981
  const {buttons: {LinkButton: LinkButton, PureButton: PureButton, RefreshButton: RefreshButton}, form: {FormLeftRight: FormLeftRight, FormObliterate: FormObliterate, Formbutton: Formbutton, Formitem: Formitem, Formline: Formline}, general: {GlobalStyles: GlobalStyles}, inputs: {Dropdown: Dropdown, EntityPill: EntityPill, EntityPillGroup: EntityPillGroup, InputBox: InputBox, InputDescriptor: InputDescriptor, InputLine: InputLine, InputSwitch: InputSwitch, Itemsline: Itemsline, Select: Select, Slider: Slider, Switch: Switch, Textline: Textline}, markers: {HR: HR, ProgressCircle: ProgressCircle, Spinner: Spinner, Tooltip: Tooltip}, typography: {Heading: Heading, Paragraph: Paragraph}, varia: {CopyableLine: CopyableLine, NewPageLink: NewPageLink, ScrollableLine: ScrollableLine, TextItem: TextItem}} = universal;
3982
3982
 
3983
+ const {containers: {EntityView: EntityView}, head: {Head: Head}, notifications: {Notification: Notification, Notifications: Notifications}, sitting: {SittingTray: SittingTray}, toolbars: {HorizontalToolbarButton: HorizontalToolbarButton, ToolbarControls: ToolbarControls, ToolbarGeneral: ToolbarGeneral, ToolbarSpecific: ToolbarSpecific, VerticalToolbarButton: VerticalToolbarButton}} = pluridal;
3984
+
3983
3985
  exports.CopyableLine = CopyableLine;
3984
3986
 
3985
3987
  exports.Dropdown = Dropdown;
@@ -3988,6 +3990,8 @@ exports.EntityPill = EntityPill;
3988
3990
 
3989
3991
  exports.EntityPillGroup = EntityPillGroup;
3990
3992
 
3993
+ exports.EntityView = EntityView;
3994
+
3991
3995
  exports.FormLeftRight = FormLeftRight;
3992
3996
 
3993
3997
  exports.FormObliterate = FormObliterate;
@@ -4002,8 +4006,12 @@ exports.GlobalStyles = GlobalStyles;
4002
4006
 
4003
4007
  exports.HR = HR;
4004
4008
 
4009
+ exports.Head = Head;
4010
+
4005
4011
  exports.Heading = Heading;
4006
4012
 
4013
+ exports.HorizontalToolbarButton = HorizontalToolbarButton;
4014
+
4007
4015
  exports.InputBox = InputBox;
4008
4016
 
4009
4017
  exports.InputDescriptor = InputDescriptor;
@@ -4018,6 +4026,10 @@ exports.LinkButton = LinkButton;
4018
4026
 
4019
4027
  exports.NewPageLink = NewPageLink;
4020
4028
 
4029
+ exports.Notification = Notification;
4030
+
4031
+ exports.Notifications = Notifications;
4032
+
4021
4033
  exports.Paragraph = Paragraph;
4022
4034
 
4023
4035
  exports.ProgressCircle = ProgressCircle;
@@ -4030,6 +4042,8 @@ exports.ScrollableLine = ScrollableLine;
4030
4042
 
4031
4043
  exports.Select = Select;
4032
4044
 
4045
+ exports.SittingTray = SittingTray;
4046
+
4033
4047
  exports.Slider = Slider;
4034
4048
 
4035
4049
  exports.Spinner = Spinner;
@@ -4040,8 +4054,16 @@ exports.TextItem = TextItem;
4040
4054
 
4041
4055
  exports.Textline = Textline;
4042
4056
 
4057
+ exports.ToolbarControls = ToolbarControls;
4058
+
4059
+ exports.ToolbarGeneral = ToolbarGeneral;
4060
+
4061
+ exports.ToolbarSpecific = ToolbarSpecific;
4062
+
4043
4063
  exports.Tooltip = Tooltip;
4044
4064
 
4065
+ exports.VerticalToolbarButton = VerticalToolbarButton;
4066
+
4045
4067
  exports.default = index;
4046
4068
 
4047
4069
  exports.pluridal = pluridal;