@telicent-oss/ds 0.4.0-rc3 → 0.5.1-rc3

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 (28) hide show
  1. package/dist/ds.js +16262 -17012
  2. package/dist/ds.umd.cjs +132 -137
  3. package/dist/src/components/OntologyClassMarker/OntologyClassMarker.stories.d.ts +1 -1
  4. package/dist/src/components/OntologyHierarchy/OntologyHierarchy.stories.d.ts +1 -1
  5. package/dist/src/components/OntologyHierarchy/OntologyHierarchyDisplay.d.ts +1 -1
  6. package/dist/src/components/SearchAutocomplete/SearchAutocomplete.d.ts +1 -1
  7. package/dist/src/components/SearchAutocomplete/SearchAutocomplete.stories.d.ts +2 -2
  8. package/dist/src/components/SearchAutocompleteDialog/SearchAutocompleteDialog.stories.d.ts +2 -2
  9. package/dist/src/components/TeliAutocomplete/TeliAutocomplete.d.ts +1 -1
  10. package/dist/src/components/TeliIcons/AllIcons.d.ts +1 -1
  11. package/dist/src/components/TeliMenu/stories/SimpleMenu.d.ts +1 -1
  12. package/dist/src/components/TeliSelect/TeliSelect.stories.d.ts +1 -1
  13. package/dist/src/components/TeliTable/table-utils.d.ts +1 -1
  14. package/dist/src/components/TeliTabs/ExampleTeliTabs.stories.d.ts +1 -1
  15. package/dist/src/components/TeliToolbar/TeliToolbar.stories.d.ts +1 -1
  16. package/dist/src/components/TeliTypeIcon/TeliTypeIcon.stories.d.ts +1 -1
  17. package/dist/src/components/TeliTypeahead/TeliTypeahead.d.ts +1 -1
  18. package/dist/src/components/TeliTypeahead/TeliTypeahead.stories.d.ts +2 -2
  19. package/dist/src/v1/components/data-display/AppSwitch/AppSwitch.d.ts +24 -0
  20. package/dist/src/v1/components/data-display/AppSwitch/AppSwitch.test.d.ts +1 -0
  21. package/dist/src/v1/components/data-display/Chip/Chip.stories.d.ts +3 -3
  22. package/dist/src/v1/components/data-display/Text/Text.test.d.ts +1 -0
  23. package/dist/src/v1/components/data-display/UserProfile/UserProfileContent/UserProfileContent.stories.d.ts +1 -1
  24. package/dist/src/v1/components/data-display/index.d.ts +1 -0
  25. package/dist/src/v1/components/inputs/Button/Button.stories.d.ts +4 -4
  26. package/dist/src/v1/components/surfaces/AppBar/AppBar.d.ts +2 -0
  27. package/dist/src/v1/components/surfaces/index.d.ts +1 -0
  28. package/package.json +8 -2
@@ -10,7 +10,7 @@ declare const meta: {
10
10
  decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
11
11
  features?: import('geojson').Feature<import('geojson').Point, OntologyClassMarkerProperties<unknown>>[] | undefined;
12
12
  onClick?: ((event: import('react-map-gl/dist/esm/types').MarkerEvent<import('react-map-gl/maplibre').MarkerInstance, MouseEvent>, feature: import('geojson').Feature<import('geojson').Point, OntologyClassMarkerProperties<unknown>>) => void) | undefined;
13
- }>) => import("react/jsx-runtime").JSX.Element)[];
13
+ }>) => import("@emotion/react/jsx-runtime").JSX.Element)[];
14
14
  };
15
15
  export default meta;
16
16
  type Story = StoryObj<typeof OntologyClassMarker>;
@@ -37,7 +37,7 @@ declare const meta: {
37
37
  filterIds?: string[] | undefined;
38
38
  expandAll?: boolean | undefined;
39
39
  expandElement?: boolean | undefined;
40
- }>) => import("react/jsx-runtime").JSX.Element)[];
40
+ }>) => import("@emotion/react/jsx-runtime").JSX.Element)[];
41
41
  };
42
42
  export default meta;
43
43
  type Story = StoryObj<typeof meta>;
@@ -1,4 +1,4 @@
1
1
  declare const OntologyHierarchyDisplay: (inputs: {
2
2
  instanceId: string;
3
- }) => import("react/jsx-runtime").JSX.Element;
3
+ }) => import("@emotion/react/jsx-runtime").JSX.Element;
4
4
  export default OntologyHierarchyDisplay;
@@ -55,5 +55,5 @@ export type SearchAutocompleteProps<Option = DefaultOption> = {
55
55
  onChange: MUIAutocompleteProps<Option>["onChange"];
56
56
  onInputChange: MUIAutocompleteProps<Option>["onInputChange"];
57
57
  }>;
58
- declare const SearchAutocomplete: <Option>({ autoFocus, autoHighlight, error, fullWidth, getOptionKey, getOptionLabel, helperText, id, inputValue, isOptionEqualToValue, label, listboxMaxHeight, loading, loadingText, onChange, onInputChange, openOnFocus, options, placeholder, width, }: SearchAutocompleteProps<Option>) => import("react/jsx-runtime").JSX.Element;
58
+ declare const SearchAutocomplete: <Option>({ autoFocus, autoHighlight, error, fullWidth, getOptionKey, getOptionLabel, helperText, id, inputValue, isOptionEqualToValue, label, listboxMaxHeight, loading, loadingText, onChange, onInputChange, openOnFocus, options, placeholder, width, }: SearchAutocompleteProps<Option>) => import("@emotion/react/jsx-runtime").JSX.Element;
59
59
  export default SearchAutocomplete;
@@ -1,7 +1,7 @@
1
1
  import { StoryObj } from '@storybook/react';
2
2
 
3
3
  declare const meta: {
4
- component: <Option>({ autoFocus, autoHighlight, error, fullWidth, getOptionKey, getOptionLabel, helperText, id, inputValue, isOptionEqualToValue, label, listboxMaxHeight, loading, loadingText, onChange, onInputChange, openOnFocus, options, placeholder, width, }: import('./SearchAutocomplete').SearchAutocompleteProps<Option>) => import("react/jsx-runtime").JSX.Element;
4
+ component: <Option>({ autoFocus, autoHighlight, error, fullWidth, getOptionKey, getOptionLabel, helperText, id, inputValue, isOptionEqualToValue, label, listboxMaxHeight, loading, loadingText, onChange, onInputChange, openOnFocus, options, placeholder, width, }: import('./SearchAutocomplete').SearchAutocompleteProps<Option>) => import("@emotion/react/jsx-runtime").JSX.Element;
5
5
  parameters: {
6
6
  docs: {
7
7
  description: {
@@ -30,7 +30,7 @@ declare const meta: {
30
30
  isOptionEqualToValue?: ((option: unknown, value: unknown) => boolean) | undefined;
31
31
  onChange?: ((event: import('react').SyntheticEvent, value: unknown, reason: import('@mui/material').AutocompleteChangeReason, details?: import('@mui/material').AutocompleteChangeDetails<unknown> | undefined) => void) | undefined;
32
32
  onInputChange?: ((event: import('react').SyntheticEvent, value: string, reason: import('@mui/material').AutocompleteInputChangeReason) => void) | undefined;
33
- }>) => import("react/jsx-runtime").JSX.Element)[];
33
+ }>) => import("@emotion/react/jsx-runtime").JSX.Element)[];
34
34
  };
35
35
  export default meta;
36
36
  export type SearchAutocompleteStory = StoryObj<typeof meta>;
@@ -24,8 +24,8 @@ declare const meta: {
24
24
  } | null, reason: import('@mui/material').AutocompleteChangeReason, details?: import('@mui/material').AutocompleteChangeDetails<{
25
25
  label: string;
26
26
  }> | undefined) => void) | undefined;
27
- width?: number | undefined;
28
27
  label?: string | undefined;
28
+ width?: number | undefined;
29
29
  loading?: boolean | undefined;
30
30
  placeholder?: string | undefined;
31
31
  options: readonly {
@@ -52,7 +52,7 @@ declare const meta: {
52
52
  open: import('@mui/material').DialogProps["open"];
53
53
  children: import('react').ReactNode;
54
54
  onClose?: import('@mui/material').DialogProps["onClose"];
55
- }>) => import("react/jsx-runtime").JSX.Element)[];
55
+ }>) => import("@emotion/react/jsx-runtime").JSX.Element)[];
56
56
  };
57
57
  export default meta;
58
58
  export type SearchAutocompleteDialogStory = StoryObj<typeof meta>;
@@ -20,5 +20,5 @@ export interface TeliAutocompleteProps<Value, Multiple extends boolean = false,
20
20
  /** Width of the component. */
21
21
  width?: number;
22
22
  }
23
- declare function TeliAutocomplete<Value, Multiple extends boolean = false, DisableClearable extends boolean = false, FreeSolo extends boolean = false>({ error, fullWidth, helperText, label, loading, maxHeight, mode, placeholder, startAdornment, width, getChipIcon, getOptionLabel, ...other }: TeliAutocompleteProps<Value, Multiple, DisableClearable, FreeSolo>): import("react/jsx-runtime").JSX.Element;
23
+ declare function TeliAutocomplete<Value, Multiple extends boolean = false, DisableClearable extends boolean = false, FreeSolo extends boolean = false>({ error, fullWidth, helperText, label, loading, maxHeight, mode, placeholder, startAdornment, width, getChipIcon, getOptionLabel, ...other }: TeliAutocompleteProps<Value, Multiple, DisableClearable, FreeSolo>): import("@emotion/react/jsx-runtime").JSX.Element;
24
24
  export default TeliAutocomplete;
@@ -1,2 +1,2 @@
1
- declare const AllIcons: () => import("react/jsx-runtime").JSX.Element;
1
+ declare const AllIcons: () => import("@emotion/react/jsx-runtime").JSX.Element;
2
2
  export default AllIcons;
@@ -1,2 +1,2 @@
1
- declare const SimpleMenu: () => import("react/jsx-runtime").JSX.Element;
1
+ declare const SimpleMenu: () => import("@emotion/react/jsx-runtime").JSX.Element;
2
2
  export default SimpleMenu;
@@ -36,7 +36,7 @@ declare const meta: {
36
36
  selectId?: string | undefined;
37
37
  width?: number | undefined;
38
38
  value?: any;
39
- }>) => import("react/jsx-runtime").JSX.Element)[];
39
+ }>) => import("@emotion/react/jsx-runtime").JSX.Element)[];
40
40
  };
41
41
  export default meta;
42
42
  export type TeliSelectStory = StoryObj<typeof meta>;
@@ -5,7 +5,7 @@ interface RowHeaderProps {
5
5
  component?: TableCellProps["component"];
6
6
  scope?: TableCellProps["scope"];
7
7
  }
8
- export declare const getAlignmentProp: (index: number, align: TeliBasicTableProps["align"]) => "inherit" | "left" | "right" | "center" | "justify" | undefined;
8
+ export declare const getAlignmentProp: (index: number, align: TeliBasicTableProps["align"]) => "center" | "inherit" | "left" | "right" | "justify" | undefined;
9
9
  export declare const getRowHeaderProps: (index: number, isHeader: boolean) => RowHeaderProps | undefined;
10
10
  export declare const createRows: (rows: Array<Array<string>>, numberRows: boolean) => string[][];
11
11
  export declare const createColumns: <TCol>(columns: TCol[], numberRows: boolean, numberColumnHeading?: string) => (string | TCol)[];
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
2
2
 
3
3
  declare const meta: {
4
4
  title: string;
5
- component: () => import("react/jsx-runtime").JSX.Element;
5
+ component: () => import("@emotion/react/jsx-runtime").JSX.Element;
6
6
  };
7
7
  export default meta;
8
8
  type Story = StoryObj<typeof meta>;
@@ -282,7 +282,7 @@ declare const meta: {
282
282
  onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLUListElement> | undefined;
283
283
  onTransitionEnd?: import('react').TransitionEventHandler<HTMLUListElement> | undefined;
284
284
  onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLUListElement> | undefined;
285
- }>) => import("react/jsx-runtime").JSX.Element)[];
285
+ }>) => import("@emotion/react/jsx-runtime").JSX.Element)[];
286
286
  };
287
287
  export default meta;
288
288
  export type ToolbarStory = StoryObj<typeof meta>;
@@ -19,7 +19,7 @@ declare const meta: {
19
19
  disabled?: boolean | undefined;
20
20
  size?: import('./type-icon-utils').TeliTypeIconSizeProp | undefined;
21
21
  type?: string | undefined;
22
- }>) => import("react/jsx-runtime").JSX.Element)[];
22
+ }>) => import("@emotion/react/jsx-runtime").JSX.Element)[];
23
23
  };
24
24
  export default meta;
25
25
  type Story = StoryObj<typeof meta>;
@@ -6,5 +6,5 @@ export interface TeliTypeaheadProps<Value, Multiple extends boolean = false, Dis
6
6
  url: string;
7
7
  onTransform?: (data: any) => any;
8
8
  }
9
- declare function TeliTypeahead<Value, Multiple extends boolean = false, DisableClearable extends boolean = false, FreeSolo extends boolean = false>({ errorMessage, helperText, queryParamKey, url, noOptionsText, onTransform, ...otherProps }: TeliTypeaheadProps<Value, Multiple, DisableClearable, FreeSolo>): import("react/jsx-runtime").JSX.Element;
9
+ declare function TeliTypeahead<Value, Multiple extends boolean = false, DisableClearable extends boolean = false, FreeSolo extends boolean = false>({ errorMessage, helperText, queryParamKey, url, noOptionsText, onTransform, ...otherProps }: TeliTypeaheadProps<Value, Multiple, DisableClearable, FreeSolo>): import("@emotion/react/jsx-runtime").JSX.Element;
10
10
  export default TeliTypeahead;
@@ -282,13 +282,13 @@ declare const meta: {
282
282
  onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
283
283
  onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
284
284
  onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
285
+ label?: string | import('react').ReactNode;
285
286
  ref?: import('react').Ref<unknown> | undefined;
286
287
  width?: number | undefined;
287
288
  mode?: "search" | undefined;
288
289
  open?: boolean | undefined;
289
290
  disablePortal?: boolean | undefined;
290
291
  onClose?: ((event: import('react').SyntheticEvent, reason: import('@mui/material').AutocompleteCloseReason) => void) | undefined;
291
- label?: string | import('react').ReactNode;
292
292
  disabled?: boolean | undefined;
293
293
  maxHeight?: number | undefined;
294
294
  value?: unknown;
@@ -340,7 +340,7 @@ declare const meta: {
340
340
  selectOnFocus?: boolean | undefined;
341
341
  helperText?: string | undefined;
342
342
  getChipIcon?: ((option: unknown) => any) | undefined;
343
- }>) => import("react/jsx-runtime").JSX.Element)[];
343
+ }>) => import("@emotion/react/jsx-runtime").JSX.Element)[];
344
344
  };
345
345
  export default meta;
346
346
  export type TeliTypeaheadStory = StoryObj<typeof TeliTypeahead>;
@@ -0,0 +1,24 @@
1
+ import { default as React } from 'react';
2
+ import { default as zod } from 'zod';
3
+
4
+ declare const AppSchema: zod.ZodObject<{
5
+ id: zod.ZodString;
6
+ name: zod.ZodString;
7
+ url: zod.ZodString;
8
+ icon: zod.ZodString;
9
+ }, "strip", zod.ZodTypeAny, {
10
+ id: string;
11
+ url: string;
12
+ name: string;
13
+ icon: string;
14
+ }, {
15
+ id: string;
16
+ url: string;
17
+ name: string;
18
+ icon: string;
19
+ }>;
20
+ export type AppSwitchLibraryType = zod.infer<typeof AppSchema>[];
21
+ declare const AppSwitch: React.FC<{
22
+ apps: AppSwitchLibraryType;
23
+ }>;
24
+ export default AppSwitch;
@@ -310,14 +310,14 @@ declare const meta: {
310
310
  onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
311
311
  onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
312
312
  onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
313
+ label?: import('react').ReactNode;
313
314
  ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
314
- size?: import('@mui/types').OverridableStringUnion<"small" | "medium", import('@mui/material').ChipPropsSizeOverrides> | undefined;
315
315
  key?: import('react').Key | null | undefined;
316
- label?: import('react').ReactNode;
316
+ size?: import('@mui/types').OverridableStringUnion<"small" | "medium", import('@mui/material').ChipPropsSizeOverrides> | undefined;
317
317
  variant?: import('@mui/types').OverridableStringUnion<"filled" | "outlined", import('@mui/material').ChipPropsVariantOverrides> | undefined;
318
318
  disabled?: boolean | undefined;
319
319
  onDelete?: import('react').EventHandler<any> | undefined;
320
- }>) => import("react/jsx-runtime").JSX.Element;
320
+ }>) => import("@emotion/react/jsx-runtime").JSX.Element;
321
321
  };
322
322
  export default meta;
323
323
  type Story = StoryObj<typeof meta>;
@@ -8,7 +8,7 @@ declare const meta: {
8
8
  tags: string[];
9
9
  decorators: (Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
10
10
  children?: React.ReactNode | undefined;
11
- }>) => import("react/jsx-runtime").JSX.Element;
11
+ }>) => import("@emotion/react/jsx-runtime").JSX.Element;
12
12
  argTypes: {
13
13
  children: {
14
14
  control: false;
@@ -2,6 +2,7 @@ export * from './Icons';
2
2
  export * from './FontAwesomeIcons';
3
3
  export * from './Text/Text';
4
4
  export * from './List/List';
5
+ export type { AppSwitchLibraryType } from './AppSwitch/AppSwitch';
5
6
  export { default as Chip } from './Chip/Chip';
6
7
  export type { ChipProps } from './Chip/Chip';
7
8
  export { default as Divider } from './Divider/Divider';
@@ -326,12 +326,12 @@ declare const meta: {
326
326
  onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLButtonElement> | undefined;
327
327
  onTransitionEnd?: import('react').TransitionEventHandler<HTMLButtonElement> | undefined;
328
328
  onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLButtonElement> | undefined;
329
- ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
330
329
  form?: string | undefined;
331
- size?: import('@mui/types').OverridableStringUnion<"small" | "medium" | "large", import('@mui/material').ButtonPropsSizeOverrides> | undefined;
330
+ ref?: ((instance: HTMLButtonElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLButtonElement> | null | undefined;
332
331
  key?: import('react').Key | null | undefined;
333
- name?: string | undefined;
332
+ size?: import('@mui/types').OverridableStringUnion<"small" | "medium" | "large", import('@mui/material').ButtonPropsSizeOverrides> | undefined;
334
333
  type?: "submit" | "reset" | "button" | undefined;
334
+ name?: string | undefined;
335
335
  action?: import('react').Ref<import('@mui/material').ButtonBaseActions> | undefined;
336
336
  centerRipple?: boolean | undefined;
337
337
  disabled?: boolean | undefined;
@@ -354,7 +354,7 @@ declare const meta: {
354
354
  endIcon?: import('react').ReactNode;
355
355
  variant?: "link" | "text" | "primary" | "secondary" | "tertiary" | undefined;
356
356
  color?: "inherit" | "primary" | undefined;
357
- }>) => import("react/jsx-runtime").JSX.Element;
357
+ }>) => import("@emotion/react/jsx-runtime").JSX.Element;
358
358
  };
359
359
  export default meta;
360
360
  type Story = StoryObj<typeof meta>;
@@ -1,9 +1,11 @@
1
1
  import { default as React } from 'react';
2
2
  import { AppBarProps as MUIAppBarProps } from '@mui/material/AppBar';
3
+ import { AppSwitchLibraryType } from '../../data-display/AppSwitch/AppSwitch';
3
4
 
4
5
  export type AppBarProps = Partial<{
5
6
  appName: string;
6
7
  beta: boolean;
8
+ apps: AppSwitchLibraryType;
7
9
  userProfile: React.ReactNode;
8
10
  position: MUIAppBarProps["position"];
9
11
  }>;
@@ -1,4 +1,5 @@
1
1
  export * from './Card';
2
2
  export { default as AppBar } from './AppBar/AppBar';
3
+ export type { AppBarProps } from './AppBar/AppBar';
3
4
  export { default as PopOver } from './PopOver/Popover';
4
5
  export { default as Toolbar } from './Toolbar/Toolbar';
package/package.json CHANGED
@@ -7,7 +7,7 @@
7
7
  "url": "https://github.com/telicent-oss/telicent-ds.git"
8
8
  },
9
9
  "type": "module",
10
- "version": "0.4.0-rc3",
10
+ "version": "0.5.1-rc3",
11
11
  "private": false,
12
12
  "dependencies": {
13
13
  "@emotion/react": "^11.10.6",
@@ -77,6 +77,7 @@
77
77
  "@chromatic-com/storybook": "^1.7.0",
78
78
  "@commitlint/cli": "17.1.2",
79
79
  "@commitlint/config-conventional": "^17.1.0",
80
+ "@emotion/babel-plugin": "^11.12.0",
80
81
  "@storybook/addon-a11y": "^8.2.9",
81
82
  "@storybook/addon-actions": "^8.2.9",
82
83
  "@storybook/addon-docs": "^8.2.9",
@@ -173,6 +174,11 @@
173
174
  "moduleNameMapper": {
174
175
  "^d3$": "<rootDir>/node_modules/d3/dist/d3.min.js"
175
176
  },
177
+ "collectCoverageFrom": [
178
+ "src/**/*.{js,jsx,ts,tsx}",
179
+ "!src/**/*.stories.{js,jsx,ts,tsx}",
180
+ "!src/**/*/*.d.ts"
181
+ ],
176
182
  "transformIgnorePatterns": [
177
183
  "node_modules\\/(?!(@telicent-oss/ontologyservice))"
178
184
  ]
@@ -185,4 +191,4 @@
185
191
  "engine": {
186
192
  "node": "20.14.0"
187
193
  }
188
- }
194
+ }