@uxf/ui 10.4.0 → 10.5.0

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 (7) hide show
  1. package/create-component-preview-page/ui-components.d.ts +5 -0
  2. package/create-component-preview-page/ui-components.js +5 -0
  3. package/create-component-preview-page/ui-readmes.js +38 -36
  4. package/message/README.md +25 -1
  5. package/package.json +1 -1
  6. package/tabs/tabs.d.ts +1 -0
  7. package/tabs/tabs.js +2 -1
package/create-component-preview-page/ui-components.d.ts CHANGED
@@ -27,6 +27,7 @@ import * as InputStories from "@uxf/ui/input/input.stories";
27
27
  import * as LabelStories from "@uxf/ui/label/label.stories";
28
28
  import * as ListItemStories from "@uxf/ui/list-item/list-item.stories";
29
29
  import * as LoaderStories from "@uxf/ui/loader/loader.stories";
30
+ import * as MessageStories from "@uxf/ui/message/message.stories";
30
31
  import * as ModalStories from "@uxf/ui/modal/modal.stories";
31
32
  import * as MultiComboboxStories from "@uxf/ui/multi-combobox/multi-combobox.stories";
32
33
  import * as MultiSelectStories from "@uxf/ui/multi-select/multi-select.stories";
@@ -167,6 +168,10 @@ export declare const uiComponents: {
167
168
  readonly title: "Loader";
168
169
  readonly stories: typeof LoaderStories;
169
170
  };
171
+ readonly message: {
172
+ readonly title: "Message";
173
+ readonly stories: typeof MessageStories;
174
+ };
170
175
  readonly modal: {
171
176
  readonly title: "Modal";
172
177
  readonly stories: typeof ModalStories;
package/create-component-preview-page/ui-components.js CHANGED
@@ -53,6 +53,7 @@ const InputStories = __importStar(require("@uxf/ui/input/input.stories"));
53
53
  const LabelStories = __importStar(require("@uxf/ui/label/label.stories"));
54
54
  const ListItemStories = __importStar(require("@uxf/ui/list-item/list-item.stories"));
55
55
  const LoaderStories = __importStar(require("@uxf/ui/loader/loader.stories"));
56
+ const MessageStories = __importStar(require("@uxf/ui/message/message.stories"));
56
57
  const ModalStories = __importStar(require("@uxf/ui/modal/modal.stories"));
57
58
  const MultiComboboxStories = __importStar(require("@uxf/ui/multi-combobox/multi-combobox.stories"));
58
59
  const MultiSelectStories = __importStar(require("@uxf/ui/multi-select/multi-select.stories"));
@@ -193,6 +194,10 @@ exports.uiComponents = {
193
194
  title: "Loader",
194
195
  stories: LoaderStories,
195
196
  },
197
+ message: {
198
+ title: "Message",
199
+ stories: MessageStories,
200
+ },
196
201
  modal: {
197
202
  title: "Modal",
198
203
  stories: ModalStories,
package/create-component-preview-page/ui-readmes.js CHANGED
@@ -34,24 +34,25 @@ const README_md_27 = __importDefault(require("@uxf/ui/input/README.md"));
34
34
  const README_md_28 = __importDefault(require("@uxf/ui/label/README.md"));
35
35
  const README_md_29 = __importDefault(require("@uxf/ui/list-item/README.md"));
36
36
  const README_md_30 = __importDefault(require("@uxf/ui/loader/README.md"));
37
- const README_md_31 = __importDefault(require("@uxf/ui/modal/README.md"));
38
- const README_md_32 = __importDefault(require("@uxf/ui/multi-combobox/README.md"));
39
- const README_md_33 = __importDefault(require("@uxf/ui/multi-select/README.md"));
40
- const README_md_34 = __importDefault(require("@uxf/ui/pagination/README.md"));
41
- const README_md_35 = __importDefault(require("@uxf/ui/paper/README.md"));
42
- const README_md_36 = __importDefault(require("@uxf/ui/radio-group/README.md"));
43
- const README_md_37 = __importDefault(require("@uxf/ui/radio/README.md"));
44
- const README_md_38 = __importDefault(require("@uxf/ui/raster-image/README.md"));
45
- const README_md_39 = __importDefault(require("@uxf/ui/select/README.md"));
46
- const README_md_40 = __importDefault(require("@uxf/ui/tabs/README.md"));
47
- const README_md_41 = __importDefault(require("@uxf/ui/text-input/README.md"));
48
- const README_md_42 = __importDefault(require("@uxf/ui/text-link/README.md"));
49
- const README_md_43 = __importDefault(require("@uxf/ui/textarea/README.md"));
50
- const README_md_44 = __importDefault(require("@uxf/ui/time-picker-input/README.md"));
51
- const README_md_45 = __importDefault(require("@uxf/ui/time-picker/README.md"));
52
- const README_md_46 = __importDefault(require("@uxf/ui/toggle/README.md"));
53
- const README_md_47 = __importDefault(require("@uxf/ui/tooltip/README.md"));
54
- const README_md_48 = __importDefault(require("@uxf/ui/typography/README.md"));
37
+ const README_md_31 = __importDefault(require("@uxf/ui/message/README.md"));
38
+ const README_md_32 = __importDefault(require("@uxf/ui/modal/README.md"));
39
+ const README_md_33 = __importDefault(require("@uxf/ui/multi-combobox/README.md"));
40
+ const README_md_34 = __importDefault(require("@uxf/ui/multi-select/README.md"));
41
+ const README_md_35 = __importDefault(require("@uxf/ui/pagination/README.md"));
42
+ const README_md_36 = __importDefault(require("@uxf/ui/paper/README.md"));
43
+ const README_md_37 = __importDefault(require("@uxf/ui/radio-group/README.md"));
44
+ const README_md_38 = __importDefault(require("@uxf/ui/radio/README.md"));
45
+ const README_md_39 = __importDefault(require("@uxf/ui/raster-image/README.md"));
46
+ const README_md_40 = __importDefault(require("@uxf/ui/select/README.md"));
47
+ const README_md_41 = __importDefault(require("@uxf/ui/tabs/README.md"));
48
+ const README_md_42 = __importDefault(require("@uxf/ui/text-input/README.md"));
49
+ const README_md_43 = __importDefault(require("@uxf/ui/text-link/README.md"));
50
+ const README_md_44 = __importDefault(require("@uxf/ui/textarea/README.md"));
51
+ const README_md_45 = __importDefault(require("@uxf/ui/time-picker-input/README.md"));
52
+ const README_md_46 = __importDefault(require("@uxf/ui/time-picker/README.md"));
53
+ const README_md_47 = __importDefault(require("@uxf/ui/toggle/README.md"));
54
+ const README_md_48 = __importDefault(require("@uxf/ui/tooltip/README.md"));
55
+ const README_md_49 = __importDefault(require("@uxf/ui/typography/README.md"));
55
56
  exports.uiReadmes = {
56
57
  avatar: README_md_2.default,
57
58
  "avatar-file-input": README_md_1.default,
@@ -83,22 +84,23 @@ exports.uiReadmes = {
83
84
  label: README_md_28.default,
84
85
  "list-item": README_md_29.default,
85
86
  loader: README_md_30.default,
86
- modal: README_md_31.default,
87
- "multi-combobox": README_md_32.default,
88
- "multi-select": README_md_33.default,
89
- pagination: README_md_34.default,
90
- paper: README_md_35.default,
91
- radio: README_md_37.default,
92
- "radio-group": README_md_36.default,
93
- "raster-image": README_md_38.default,
94
- select: README_md_39.default,
95
- tabs: README_md_40.default,
96
- "text-input": README_md_41.default,
97
- "text-link": README_md_42.default,
98
- textarea: README_md_43.default,
99
- "time-picker": README_md_45.default,
100
- "time-picker-input": README_md_44.default,
101
- toggle: README_md_46.default,
102
- tooltip: README_md_47.default,
103
- typography: README_md_48.default,
87
+ message: README_md_31.default,
88
+ modal: README_md_32.default,
89
+ "multi-combobox": README_md_33.default,
90
+ "multi-select": README_md_34.default,
91
+ pagination: README_md_35.default,
92
+ paper: README_md_36.default,
93
+ radio: README_md_38.default,
94
+ "radio-group": README_md_37.default,
95
+ "raster-image": README_md_39.default,
96
+ select: README_md_40.default,
97
+ tabs: README_md_41.default,
98
+ "text-input": README_md_42.default,
99
+ "text-link": README_md_43.default,
100
+ textarea: README_md_44.default,
101
+ "time-picker": README_md_46.default,
102
+ "time-picker-input": README_md_45.default,
103
+ toggle: README_md_47.default,
104
+ tooltip: README_md_48.default,
105
+ typography: README_md_49.default,
104
106
  };
package/message/README.md CHANGED
@@ -1 +1,25 @@
1
- # Message
1
+ # Message
2
+
3
+ ## CSS dependencies
4
+
5
+ ```css
6
+ @import url("@uxf/ui/message/message.css");
7
+ @import url("@uxf/ui/dialog/dialog.css");
8
+ @import url("@uxf/ui/button/button.css");
9
+ ```
10
+
11
+ ## Implementation
12
+
13
+ ```tsx
14
+ import {AppProps} from "next/app";
15
+ import {getMessageRef, Message} from "@uxf/ui/message";
16
+
17
+ function App(props: AppProps) {
18
+ return (
19
+ <UiContextProvider value={...}>
20
+ {props.children}
21
+ <Message ref={getMessageRef()}/>
22
+ </UiContextProvider>
23
+ );
24
+ }
25
+ ```
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uxf/ui",
3
- "version": "10.4.0",
3
+ "version": "10.5.0",
4
4
  "description": "",
5
5
  "publishConfig": {
6
6
  "access": "public"
package/tabs/tabs.d.ts CHANGED
@@ -7,6 +7,7 @@ export interface TabsPanelProps {
7
7
  }
8
8
  export interface TabsProps {
9
9
  className?: string;
10
+ customTabListContent?: ReactNode;
10
11
  defaultIndex?: number;
11
12
  grow?: boolean;
12
13
  onChange?: (index: number) => void;
package/tabs/tabs.js CHANGED
@@ -62,7 +62,8 @@ const TabsRoot = (0, react_2.forwardRef)((props, ref) => {
62
62
  react_2.default.createElement("div", { className: (0, cx_1.cx)("uxf-tabs__tab-list", `uxf-tabs__tab-list--${(_b = props.variant) !== null && _b !== void 0 ? _b : "default"}`), ref: containerRef, style: { justifyContent: hasOverflow ? "flex-start" : undefined, ...dragStyle } }, tabs.map((tab, index) => (react_2.default.createElement(react_1.Tab, { disabled: tab.disabled, className: ({ selected }) => {
63
63
  var _a;
64
64
  return (0, cx_1.cx)("uxf-tabs__tab", selected && classes_1.CLASSES.IS_ACTIVE, tab.disabled && classes_1.CLASSES.IS_DISABLED, `uxf-tabs__tab--${(_a = props.variant) !== null && _a !== void 0 ? _a : "default"}`);
65
- }, key: `${tab.title}--${index}` }, tab.title))))),
65
+ }, key: `${tab.title}--${index}` }, tab.title)))),
66
+ props.customTabListContent),
66
67
  react_2.default.createElement(react_1.Tab.Panels, { className: "uxf-tabs__panels" }, tabPanels.map((tab, index) => (react_2.default.createElement(react_1.Tab.Panel, { className: "outline-none", key: `${tab}--${index}` }, tab))))));
67
68
  });
68
69
  TabsRoot.displayName = "UxfUiTabs";