@headless-adminapp/fluent 1.4.46 → 1.4.48

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.
Files changed (8) hide show
  1. package/DataGrid/GridListContainer.js +2 -2
  2. package/PageEntityForm/PageEntityFormDesktopContainer.js +1 -1
  3. package/PageEntityForm/RecordSetNavigatorContainer.js +1 -1
  4. package/components/ChoiceBadge.d.ts +1 -1
  5. package/form/controls/LookupControl.js +1 -1
  6. package/form/controls/MultiSelectLookupControl.js +1 -1
  7. package/form/controls/RegardingControl.js +1 -1
  8. package/package.json +2 -2
package/DataGrid/GridListContainer.js CHANGED
@@ -103,7 +103,7 @@ const GridListContainer = () => {
103
103
  width: '100%',
104
104
  position: 'absolute',
105
105
  transform: `translateY(${virtualSize}px)`,
106
- }, children: Array.from({ length: 10 }).map((_, index) => ((0, jsx_runtime_1.jsx)(RecordCardLoading_1.RecordCardLoading, { cardView: view.experience.card }, index))) }))] }) }), (0, jsx_runtime_1.jsx)("div", { style: { height: 'env(safe-area-inset-bottom)' } }), (0, jsx_runtime_1.jsx)(MobileHeaderCommandContainer_1.BottomDrawerMenu, { open: showContextMenu, onClose: () => {
106
+ }, children: Array.from({ length: 10 }).map((_, index) => view.experience.card.Skeleton ? ((0, jsx_runtime_1.jsx)(view.experience.card.Skeleton, {}, index)) : ((0, jsx_runtime_1.jsx)(RecordCardLoading_1.RecordCardLoading, { cardView: view.experience.card }, index))) }))] }) }), (0, jsx_runtime_1.jsx)("div", { style: { height: 'env(safe-area-inset-bottom)' } }), (0, jsx_runtime_1.jsx)(MobileHeaderCommandContainer_1.BottomDrawerMenu, { open: showContextMenu, onClose: () => {
107
107
  setShowContextMenu(false);
108
108
  setSelectedIds([]);
109
109
  }, actions: contextCommands })] }) }));
@@ -126,5 +126,5 @@ const Item = ({ onClick, onLongPress, card, record, schema, selected, }) => {
126
126
  borderRadius: fluent_1.extendedTokens.paperBorderRadius,
127
127
  userSelect: 'none',
128
128
  WebkitUserSelect: 'none',
129
- }, ...longPressEvent, onClick: onClick, children: (0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: card, record: record, schema: schema, selected: selected }) }));
129
+ }, ...longPressEvent, onClick: onClick, children: card.Renderer ? ((0, jsx_runtime_1.jsx)(card.Renderer, { record: record, schema: schema, selected: selected })) : ((0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: card, record: record, schema: schema, selected: selected })) }));
130
130
  };
package/PageEntityForm/PageEntityFormDesktopContainer.js CHANGED
@@ -130,7 +130,7 @@ const Wrapper = ({ children, formHeaderDivRef, }) => {
130
130
  const tabContainerHeight = 36;
131
131
  const visible = !!rect && rect.bottom < headerHeight + tabContainerHeight;
132
132
  if (isMobile) {
133
- return ((0, jsx_runtime_1.jsxs)(ScrollView_1.ScrollView, { children: [(0, jsx_runtime_1.jsx)("div", { style: {
133
+ return ((0, jsx_runtime_1.jsxs)(ScrollView_1.ScrollView, { flexColumn: true, children: [(0, jsx_runtime_1.jsx)("div", { style: {
134
134
  background: react_components_1.tokens.colorNeutralBackgroundAlpha2,
135
135
  backdropFilter: 'blur(20px)',
136
136
  position: 'fixed',
package/PageEntityForm/RecordSetNavigatorContainer.js CHANGED
@@ -67,6 +67,6 @@ const RecordSetNavigatorContainer = () => {
67
67
  id: record[schema.idAttribute],
68
68
  replace: true,
69
69
  });
70
- }, children: (0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: cardView, record: record, schema: schema, selected: navigatorRecordId === record[schema.idAttribute] }) }), (0, jsx_runtime_1.jsx)("div", { style: { paddingInline: react_components_1.tokens.spacingHorizontalL }, children: (0, jsx_runtime_1.jsx)(react_components_1.Divider, { vertical: false, style: { opacity: 0.2 } }) })] }, record[schema.idAttribute]))) }) })] }) }));
70
+ }, children: cardView?.Renderer ? ((0, jsx_runtime_1.jsx)(cardView.Renderer, { record: record, schema: schema, selected: navigatorRecordId === record[schema.idAttribute] })) : ((0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: cardView, record: record, schema: schema, selected: navigatorRecordId === record[schema.idAttribute] })) }), (0, jsx_runtime_1.jsx)("div", { style: { paddingInline: react_components_1.tokens.spacingHorizontalL }, children: (0, jsx_runtime_1.jsx)(react_components_1.Divider, { vertical: false, style: { opacity: 0.2 } }) })] }, record[schema.idAttribute]))) }) })] }) }));
71
71
  };
72
72
  exports.RecordSetNavigatorContainer = RecordSetNavigatorContainer;
package/components/ChoiceBadge.d.ts CHANGED
@@ -4,7 +4,7 @@ interface ChoiceBadgeProps {
4
4
  value: unknown;
5
5
  attribute: ChoiceAttribute<string | number> | ChoicesAttribute<string | number>;
6
6
  formattedValue?: string | null;
7
- size?: 'small' | 'medium';
7
+ size?: 'small' | 'medium' | 'large' | 'extra-large';
8
8
  }
9
9
  export declare function ChoiceBadge(props: Readonly<ChoiceBadgeProps>): import("react/jsx-runtime").JSX.Element | null;
10
10
  export {};
package/form/controls/LookupControl.js CHANGED
@@ -130,7 +130,7 @@ const LookupControlMd = ({ value, onChange, id, name, onBlur, onFocus, placehold
130
130
  recentItemStore.addItem((0, useLookupData_1.createLookupRecentKey)(schema.logicalName), _item[schema.idAttribute], _item[schema.idAttribute]);
131
131
  }
132
132
  handleChange(_item ?? null);
133
- }, disableAutoFocus: true, onBlur: onBlur, onFocus: onFocus, id: id, autoFocus: autoFocus, autoCapitalize: "none", autoCorrect: "off", spellCheck: false, children: [data?.records.map((item) => ((0, jsx_runtime_1.jsx)(Option_1.Option, { value: item[schema.idAttribute], className: (0, react_components_1.mergeClasses)(styles.option), text: item[schema.primaryAttribute], children: view?.experience.card ? ((0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: view.experience.card, record: item, schema: schema })) : item[schema.primaryAttribute] }, item[schema.idAttribute]))), !isLoading && !data?.records.length && ((0, jsx_runtime_1.jsx)("div", { style: {
133
+ }, disableAutoFocus: true, onBlur: onBlur, onFocus: onFocus, id: id, autoFocus: autoFocus, autoCapitalize: "none", autoCorrect: "off", spellCheck: false, children: [data?.records.map((item) => ((0, jsx_runtime_1.jsx)(Option_1.Option, { value: item[schema.idAttribute], className: (0, react_components_1.mergeClasses)(styles.option), text: item[schema.primaryAttribute], children: view?.experience.card ? (view.experience.card.Renderer ? ((0, jsx_runtime_1.jsx)(view.experience.card.Renderer, { record: item, schema: schema, selected: false })) : ((0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: view.experience.card, record: item, schema: schema }))) : item[schema.primaryAttribute] }, item[schema.idAttribute]))), !isLoading && !data?.records.length && ((0, jsx_runtime_1.jsx)("div", { style: {
134
134
  paddingInline: react_components_1.tokens.spacingHorizontalL,
135
135
  paddingBlock: react_components_1.tokens.spacingVerticalS,
136
136
  }, children: (0, jsx_runtime_1.jsx)(react_components_1.Body1, { children: lookupStrings.noRecordsFound }) })), allowNewRecord && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_components_1.Divider, {}), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: react_components_1.tokens.spacingVerticalXXS }, children: (0, jsx_runtime_1.jsx)(fluent_1.ToolbarButton, { icon: (0, jsx_runtime_1.jsx)(icons_1.Icons.Add, {}), onClick: async () => {
package/form/controls/MultiSelectLookupControl.js CHANGED
@@ -145,7 +145,7 @@ const LookupControlMd = ({ value, onChange, id, name, onBlur, onFocus, placehold
145
145
  return;
146
146
  recentItemStore.addItem((0, useLookupData_1.createLookupRecentKey)(schema.logicalName), _item[schema.idAttribute], _item[schema.idAttribute]);
147
147
  handleAdd(_item);
148
- }, disableAutoFocus: true, onBlur: onBlur, onFocus: onFocus, id: id, autoFocus: autoFocus, children: [data?.records.map((item) => ((0, jsx_runtime_1.jsx)(Option_1.Option, { value: item[schema.idAttribute], className: (0, react_components_1.mergeClasses)(styles.option), text: item[schema.primaryAttribute], children: (0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: view?.experience.card, record: item, schema: schema }) }, item[schema.idAttribute]))), !isLoading && !data?.records.length && ((0, jsx_runtime_1.jsx)("div", { style: {
148
+ }, disableAutoFocus: true, onBlur: onBlur, onFocus: onFocus, id: id, autoFocus: autoFocus, children: [data?.records.map((item) => ((0, jsx_runtime_1.jsx)(Option_1.Option, { value: item[schema.idAttribute], className: (0, react_components_1.mergeClasses)(styles.option), text: item[schema.primaryAttribute], children: view?.experience.card.Renderer ? ((0, jsx_runtime_1.jsx)(view.experience.card.Renderer, { record: item, schema: schema })) : ((0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: view?.experience.card, record: item, schema: schema })) }, item[schema.idAttribute]))), !isLoading && !data?.records.length && ((0, jsx_runtime_1.jsx)("div", { style: {
149
149
  paddingInline: react_components_1.tokens.spacingHorizontalL,
150
150
  paddingBlock: react_components_1.tokens.spacingVerticalS,
151
151
  }, children: (0, jsx_runtime_1.jsx)(react_components_1.Body1, { children: lookupStrings.noRecordsFound }) })), allowNewRecord && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_components_1.Divider, {}), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: react_components_1.tokens.spacingVerticalXXS }, children: (0, jsx_runtime_1.jsx)(fluent_1.ToolbarButton, { icon: (0, jsx_runtime_1.jsx)(icons_1.Icons.Add, {}), children: lookupStrings.newRecord }) })] }))] }), (0, jsx_runtime_1.jsx)("div", { ref: tagGroupContainerRef, style: {
package/form/controls/RegardingControl.js CHANGED
@@ -150,7 +150,7 @@ const LookupControlMd = ({ value, onChange, id, name, onBlur, onFocus, placehold
150
150
  return null;
151
151
  }
152
152
  return ((0, jsx_runtime_1.jsx)(react_components_1.OptionGroup, { label: schema.label, children: data?.records.map((item) => {
153
- return ((0, jsx_runtime_1.jsx)(Option_1.Option, { value: item[schema.idAttribute], className: (0, react_components_1.mergeClasses)(styles.option), text: item[schema.primaryAttribute], children: view?.card ? ((0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: view.card, record: item, schema: schema })) : item[schema.primaryAttribute] }, item[schema.idAttribute]));
153
+ return ((0, jsx_runtime_1.jsx)(Option_1.Option, { value: item[schema.idAttribute], className: (0, react_components_1.mergeClasses)(styles.option), text: item[schema.primaryAttribute], children: view?.card ? (view.card.Renderer ? ((0, jsx_runtime_1.jsx)(view.card.Renderer, { record: item, schema: schema })) : ((0, jsx_runtime_1.jsx)(RecordCard_1.RecordCard, { cardView: view.card, record: item, schema: schema }))) : item[schema.primaryAttribute] }, item[schema.idAttribute]));
154
154
  }) }, schema.logicalName));
155
155
  }), !isLoading &&
156
156
  result.every((item) => !item.data?.records.length) && ((0, jsx_runtime_1.jsx)("div", { style: {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@headless-adminapp/fluent",
3
- "version": "1.4.46",
3
+ "version": "1.4.48",
4
4
  "description": "",
5
5
  "main": "index.js",
6
6
  "types": "index.d.ts",
@@ -54,5 +54,5 @@
54
54
  "devDependencies": {
55
55
  "@types/lodash": "4.17.20"
56
56
  },
57
- "gitHead": "1bfcdb7d46b6cc382bf841ef4987203a7eb34878"
57
+ "gitHead": "b50526fb97247c5c376a4a997a6eb44cea8c8ae1"
58
58
  }