@geneui/components 3.0.0-next-9ffcb93-16102024 → 3.0.0-next-48d0ef7-31102024

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 (248) hide show
  1. package/Avatar.js +63 -0
  2. package/CHANGELOG.md +7 -0
  3. package/Divider.js +23 -0
  4. package/{GeneUIProvider/index.js → GeneUIProvider.js} +52 -65
  5. package/HelperText.js +69 -0
  6. package/Info.js +64 -0
  7. package/Label.js +38 -0
  8. package/Loader.js +21 -0
  9. package/Pill.js +64 -0
  10. package/TextLink.js +20 -0
  11. package/{index-65217440.js → Tooltip.js} +104 -80
  12. package/{lib → components}/atoms/Avatar/Avatar.d.ts +7 -6
  13. package/components/atoms/Avatar/index.d.ts +1 -0
  14. package/{lib → components}/atoms/Divider/Divider.d.ts +5 -5
  15. package/components/atoms/Divider/index.d.ts +1 -0
  16. package/{lib → components}/atoms/HelperText/HelperText.d.ts +6 -5
  17. package/components/atoms/HelperText/index.d.ts +1 -0
  18. package/{lib → components}/atoms/Info/Info.d.ts +5 -5
  19. package/components/atoms/Info/index.d.ts +1 -0
  20. package/{lib → components}/atoms/Label/Label.d.ts +3 -3
  21. package/components/atoms/Label/index.d.ts +1 -0
  22. package/{lib → components}/atoms/Loader/Loader.d.ts +5 -5
  23. package/components/atoms/Loader/index.d.ts +1 -0
  24. package/{lib → components}/atoms/Pill/Pill.d.ts +7 -6
  25. package/components/atoms/Pill/index.d.ts +1 -0
  26. package/{lib → components}/atoms/TextLink/TextLink.d.ts +5 -5
  27. package/components/atoms/TextLink/index.d.ts +1 -0
  28. package/{lib → components}/molecules/Tooltip/Tooltip.d.ts +26 -21
  29. package/components/molecules/Tooltip/index.d.ts +1 -0
  30. package/components/providers/GeneUIProvider/GeneUIProvider.d.ts +30 -0
  31. package/components/providers/GeneUIProvider/index.d.ts +1 -0
  32. package/hooks/index.d.ts +2 -20
  33. package/hooks/useDebounceCallback/index.d.ts +1 -0
  34. package/hooks/useDebounceCallback/useDebounceCallback.d.ts +2 -0
  35. package/hooks/useEllipsisDetection/index.d.ts +1 -1
  36. package/hooks/useEllipsisDetection/useEllipsisDetection.d.ts +2 -2
  37. package/{index-031ff73c.js → index-ce02421b.js} +4 -4
  38. package/index.d.ts +11 -121
  39. package/index.js +12 -159
  40. package/package.json +24 -43
  41. package/tokens-0abb4e1b.js +6 -0
  42. package/types/index.d.ts +0 -3
  43. package/useEllipsisDetection-46d712b6.js +34 -0
  44. package/ActionableList/index.js +0 -1694
  45. package/AdvancedSearch/index.js +0 -892
  46. package/Alert/index.js +0 -98
  47. package/Avatar/index.js +0 -58
  48. package/Badge/index.js +0 -29
  49. package/Breadcrumb/index.js +0 -130
  50. package/BusyLoader/index.js +0 -31
  51. package/Button/index.js +0 -30
  52. package/Card/index.js +0 -502
  53. package/CardList/index.js +0 -662
  54. package/CellMeasurerCache-80be385d.js +0 -229
  55. package/Charts/index.js +0 -17662
  56. package/Checkbox/index.js +0 -229
  57. package/CheckboxGroup/index.js +0 -203
  58. package/CheckboxGroupWithSearch/index.js +0 -280
  59. package/Collapse/index.js +0 -195
  60. package/ColorPicker/index.js +0 -210
  61. package/ComboBox/index.js +0 -524
  62. package/Copy/index.js +0 -56
  63. package/Counter/index.js +0 -312
  64. package/DateFilter/index.js +0 -183
  65. package/DatePicker/index.js +0 -1229
  66. package/DatePickerInput/index.js +0 -883
  67. package/Divider/index.js +0 -23
  68. package/Drawer/index.js +0 -261
  69. package/Dropdown/index.js +0 -43
  70. package/Editor/index.js +0 -22975
  71. package/Empty/index.js +0 -76
  72. package/ExtendedInput/index.js +0 -590
  73. package/Form/index.js +0 -85
  74. package/FormContainer/index.js +0 -189
  75. package/FormableCheckbox/index.js +0 -24
  76. package/FormableDatePicker/index.js +0 -43
  77. package/FormableDropdown/index.js +0 -50
  78. package/FormableEditor/index.js +0 -26
  79. package/FormableHOC-85f89a81.js +0 -83
  80. package/FormableMultiSelectDropdown/index.js +0 -50
  81. package/FormableNumberInput/index.js +0 -34
  82. package/FormableRadio/index.js +0 -22
  83. package/FormableSwitcher/index.js +0 -22
  84. package/FormableTextInput/index.js +0 -34
  85. package/FormableUploader/index.js +0 -44
  86. package/Grid/index.js +0 -167
  87. package/HelperText/index.js +0 -86
  88. package/Holder/index.js +0 -261
  89. package/Icon/index.js +0 -62
  90. package/Image/index.js +0 -45
  91. package/ImagePreview/index.js +0 -217
  92. package/Info/index.js +0 -41
  93. package/InfoOutline-dd2e89d9.js +0 -29
  94. package/InteractiveWidget/index.js +0 -78
  95. package/KeyValue/index.js +0 -22
  96. package/Label/index.js +0 -48
  97. package/LinkButton/index.js +0 -34
  98. package/Loader/index.js +0 -23
  99. package/Menu/index.js +0 -281
  100. package/MobileNavigation/index.js +0 -94
  101. package/MobilePopup/index.js +0 -182
  102. package/Modal/index.js +0 -251
  103. package/ModuleTitle/index.js +0 -141
  104. package/NavigationMenu/index.js +0 -222
  105. package/Notification/index.js +0 -120
  106. package/Option/index.js +0 -184
  107. package/Overlay/index.js +0 -187
  108. package/Overspread/index.js +0 -291
  109. package/Pagination/index.js +0 -261
  110. package/Paper/index.js +0 -96
  111. package/Pill/index.js +0 -67
  112. package/Popover/index.js +0 -725
  113. package/PopoverV2/index.js +0 -19
  114. package/Portal/index.js +0 -58
  115. package/Products/index.js +0 -115
  116. package/Profile/index.js +0 -589
  117. package/Progress/index.js +0 -200
  118. package/QRCode/index.js +0 -814
  119. package/Radio/index.js +0 -151
  120. package/RadioGroup/index.js +0 -104
  121. package/Range/index.js +0 -191
  122. package/Rating/index.js +0 -174
  123. package/RichEditor/index.js +0 -13
  124. package/RichEditor-78c2617e.js +0 -228
  125. package/Scrollbar/index.js +0 -1585
  126. package/Search/index.js +0 -75
  127. package/SearchWithDropdown/index.js +0 -140
  128. package/Section/index.js +0 -61
  129. package/SkeletonLoader/index.js +0 -81
  130. package/Slider/index.js +0 -261
  131. package/Status/index.js +0 -97
  132. package/Steps/index.js +0 -314
  133. package/SuggestionList/index.js +0 -385
  134. package/Switcher/index.js +0 -193
  135. package/Table/index.js +0 -57
  136. package/TableCompositions/index.js +0 -16995
  137. package/Tabs/index.js +0 -235
  138. package/Tag/index.js +0 -102
  139. package/TextLink/index.js +0 -20
  140. package/Textarea/index.js +0 -242
  141. package/Time/index.js +0 -62
  142. package/TimePicker/index.js +0 -575
  143. package/Timeline/index.js +0 -113
  144. package/Title/index.js +0 -65
  145. package/Toaster/index.js +0 -116
  146. package/Tooltip/index.js +0 -6
  147. package/TransferList/index.js +0 -493
  148. package/Uploader/index.js +0 -992
  149. package/ValidatableCheckbox/index.js +0 -123
  150. package/ValidatableDatePicker/index.js +0 -316
  151. package/ValidatableDropdown/index.js +0 -141
  152. package/ValidatableElements/index.js +0 -67
  153. package/ValidatableMultiSelectDropdown/index.js +0 -152
  154. package/ValidatableNumberInput/index.js +0 -204
  155. package/ValidatableRadio/index.js +0 -116
  156. package/ValidatableSwitcher/index.js +0 -93
  157. package/ValidatableTextInput/index.js +0 -167
  158. package/ValidatableTimeInput/index.js +0 -174
  159. package/ValidatableUploader/index.js +0 -98
  160. package/Widget/index.js +0 -225
  161. package/_commonjsHelpers-24198af3.js +0 -35
  162. package/_rollupPluginBabelHelpers-a83240e1.js +0 -11
  163. package/callAfterDelay-7272faca.js +0 -12
  164. package/checkTimeValidation-e56771be.js +0 -16
  165. package/checkboxRadioSwitcher-5b69d7bd.js +0 -4
  166. package/clsx.m-2bb6df4b.js +0 -3
  167. package/config-1053d64d.js +0 -20
  168. package/configs-00612ce0.js +0 -103
  169. package/configs.js +0 -111
  170. package/dateValidation-67caec66.js +0 -225
  171. package/debounce-4419bc2f.js +0 -17
  172. package/guid-8ddf77b3.js +0 -16
  173. package/hooks/useBodyScroll.js +0 -16
  174. package/hooks/useClick.js +0 -18
  175. package/hooks/useClickOutside.js +0 -25
  176. package/hooks/useDebounce.js +0 -28
  177. package/hooks/useDeviceType.js +0 -17
  178. package/hooks/useDidMount.js +0 -15
  179. package/hooks/useForceUpdate.js +0 -8
  180. package/hooks/useHover.js +0 -20
  181. package/hooks/useImgDownload.js +0 -18
  182. package/hooks/useKeyDown.js +0 -21
  183. package/hooks/useMount.js +0 -13
  184. package/hooks/useMutationObserver.js +0 -21
  185. package/hooks/usePrevious.js +0 -10
  186. package/hooks/useThrottle.js +0 -16
  187. package/hooks/useToggle.js +0 -11
  188. package/hooks/useUpdatableRef.js +0 -14
  189. package/hooks/useUpdate.js +0 -10
  190. package/hooks/useWidth.js +0 -16
  191. package/hooks/useWindowSize.js +0 -40
  192. package/index-122432cd.js +0 -270
  193. package/index-262edd7a.js +0 -77
  194. package/index-2f5aa51e.js +0 -6483
  195. package/index-370f9acd.js +0 -4
  196. package/index-45eafea6.js +0 -90
  197. package/index-480fd7d9.js +0 -10032
  198. package/index-5f37f281.js +0 -168
  199. package/index-73aaa093.js +0 -1940
  200. package/index.mobile.d.ts +0 -14
  201. package/lib/atoms/Avatar/index.d.ts +0 -1
  202. package/lib/atoms/Badge/Badge.d.ts +0 -36
  203. package/lib/atoms/Badge/index.d.ts +0 -1
  204. package/lib/atoms/BusyLoader/BusyLoader.d.ts +0 -32
  205. package/lib/atoms/BusyLoader/BusyLoaderHolderHOC.d.ts +0 -8
  206. package/lib/atoms/BusyLoader/index.d.ts +0 -1
  207. package/lib/atoms/Button/Button.d.ts +0 -70
  208. package/lib/atoms/Button/index.d.ts +0 -1
  209. package/lib/atoms/Divider/index.d.ts +0 -1
  210. package/lib/atoms/Empty/Empty.d.ts +0 -39
  211. package/lib/atoms/Empty/index.d.ts +0 -1
  212. package/lib/atoms/Empty/utils.d.ts +0 -9
  213. package/lib/atoms/HelperText/index.d.ts +0 -1
  214. package/lib/atoms/Image/Image.d.ts +0 -51
  215. package/lib/atoms/Image/index.d.ts +0 -1
  216. package/lib/atoms/ImagePreview/ImagePreview.d.ts +0 -56
  217. package/lib/atoms/ImagePreview/ImagePreviewHOC.d.ts +0 -4
  218. package/lib/atoms/ImagePreview/Magnifier.d.ts +0 -40
  219. package/lib/atoms/ImagePreview/index.d.ts +0 -1
  220. package/lib/atoms/Info/index.d.ts +0 -1
  221. package/lib/atoms/KeyValue/KeyValue.d.ts +0 -29
  222. package/lib/atoms/KeyValue/index.d.ts +0 -1
  223. package/lib/atoms/Label/index.d.ts +0 -1
  224. package/lib/atoms/LinkButton/LinkButton.d.ts +0 -46
  225. package/lib/atoms/LinkButton/index.d.ts +0 -1
  226. package/lib/atoms/Loader/index.d.ts +0 -1
  227. package/lib/atoms/Pill/index.d.ts +0 -1
  228. package/lib/atoms/Rating/DefaultSvg.d.ts +0 -3
  229. package/lib/atoms/Rating/Rating.d.ts +0 -49
  230. package/lib/atoms/Rating/index.d.ts +0 -1
  231. package/lib/atoms/TextLink/index.d.ts +0 -1
  232. package/lib/molecules/Copy/Copy.d.ts +0 -38
  233. package/lib/molecules/Copy/index.d.ts +0 -1
  234. package/lib/molecules/InteractiveWidget/InteractiveWidget.d.ts +0 -70
  235. package/lib/molecules/InteractiveWidget/InteractiveWidgetIcon.d.ts +0 -8
  236. package/lib/molecules/InteractiveWidget/index.d.ts +0 -1
  237. package/lib/molecules/Tooltip/index.d.ts +0 -1
  238. package/lib/providers/GeneUIProvider/GeneUIProvider.d.ts +0 -30
  239. package/lib/providers/GeneUIProvider/index.d.ts +0 -1
  240. package/localization-4ba17032.js +0 -46
  241. package/objectWithoutPropertiesLoose-e1596bdb.js +0 -62
  242. package/rangeAndSlider-693a3d41.js +0 -8684
  243. package/react-beautiful-dnd.esm-b637016a.js +0 -10116
  244. package/react-lifecycles-compat.es-6e1f3768.js +0 -158
  245. package/redux-e591c1b8.js +0 -536
  246. package/tokens-8ab1179c.js +0 -6
  247. package/tslib.es6-f211516f.js +0 -35
  248. package/useEllipsisDetection-c1c9ad94.js +0 -38
@@ -1,70 +0,0 @@
1
- import { FC, MouseEvent, KeyboardEvent, ReactNode } from 'react';
2
- import Switcher from '../../atoms/Switcher';
3
- import { IHTMLDivElementAttributes } from '../../../types';
4
- import './InteractiveWidget.scss';
5
- interface IInteractiveWidgetProps extends IHTMLDivElementAttributes {
6
- /**
7
- * Show/Hide border.
8
- */
9
- withBorder?: boolean;
10
- /**
11
- * Additional className will be applied on the wrapper element.
12
- */
13
- className?: string;
14
- /**
15
- * Fires an event on Widget click `((event: Event) => void)`.
16
- */
17
- onClick?: (event: MouseEvent | KeyboardEvent) => void;
18
- /**
19
- * Disabled state.
20
- */
21
- disabled?: boolean;
22
- /**
23
- * The `icon` prop determines the representation of an icon within the component.
24
- * It can be a string, such as a URL for an SVG image, or a React component for example <Icon> component.
25
- */
26
- icon?: ReactNode;
27
- /**
28
- * This property controls the size of the icon, influencing the appearance of the component.<br>
29
- * Possible values: `'default' | 'compact'`
30
- */
31
- appearance?: 'default' | 'compact';
32
- /**
33
- * The prop determines the color of the icon in the component.
34
- * It should be a string representing a valid CSS color value.
35
- */
36
- iconColor?: string;
37
- /**
38
- * Label for tag component.
39
- * Adding props you will add the `<Tag/>` component.
40
- */
41
- tagName?: string;
42
- /**
43
- * Color value for tag component.
44
- */
45
- tagColor?: string;
46
- /**
47
- * Props for `<Switcher/>` component (see `<Switcher/>` component documentation).
48
- * Adding props you wil add the component.
49
- */
50
- switcherProps?: typeof Switcher.propTypes;
51
- /**
52
- * The main descriptive text or title for the component.
53
- */
54
- title?: string;
55
- /**
56
- * Additional information or tooltip string that appears when hovering over the info icon next to the title.
57
- * If not provided, the info icon will not be displayed.
58
- */
59
- titleInfo?: string;
60
- /**
61
- * Description paragraph.
62
- */
63
- description?: string;
64
- /**
65
- * Icon background color for default appearance.
66
- */
67
- iconBackground?: boolean;
68
- }
69
- declare const InteractiveWidget: FC<IInteractiveWidgetProps>;
70
- export { IInteractiveWidgetProps, InteractiveWidget as default };
@@ -1,8 +0,0 @@
1
- import { FC, PropsWithChildren } from 'react';
2
- interface IInteractiveWidgetIconProps extends PropsWithChildren {
3
- appearance?: 'default' | 'compact';
4
- iconColor?: string;
5
- iconBackground?: boolean;
6
- }
7
- declare const InteractiveWidgetIcon: FC<IInteractiveWidgetIconProps>;
8
- export default InteractiveWidgetIcon;
@@ -1 +0,0 @@
1
- export { IInteractiveWidgetProps, default as default } from './InteractiveWidget';
@@ -1 +0,0 @@
1
- export { ITooltipProps, default as default } from './Tooltip';
@@ -1,30 +0,0 @@
1
- import React, { JSX } from 'react';
2
- import 'src/assets/styles/globalStyling.scss';
3
- import 'src/assets/styles/utils.scss';
4
- type ThemesTypes = 'light' | 'dark';
5
- type TokensType = {
6
- [key: string]: string | number;
7
- } | null;
8
- export interface IGeneUIDesignSystemContext {
9
- theme: ThemesTypes;
10
- tokens: TokensType;
11
- geneUIProviderRef: React.MutableRefObject<null>;
12
- }
13
- export declare const GeneUIDesignSystemContext: React.Context<IGeneUIDesignSystemContext>;
14
- export interface IGeneUIProviderProps {
15
- /**
16
- * Any valid React node
17
- */
18
- children: React.ReactElement;
19
- /**
20
- * Tokens library object defined by style-dictionary standard,
21
- * and GeneUI tokens package rules
22
- */
23
- tokens?: TokensType;
24
- /**
25
- * Theme which will follow all nested GeneUI components
26
- */
27
- theme?: ThemesTypes;
28
- }
29
- declare const GeneUIProvider: ({ children, tokens, theme }: IGeneUIProviderProps) => JSX.Element;
30
- export default GeneUIProvider;
@@ -1 +0,0 @@
1
- export { IGeneUIProviderProps, IGeneUIDesignSystemContext, GeneUIDesignSystemContext, default as default } from './GeneUIProvider';
@@ -1,46 +0,0 @@
1
- /* Localization (https://developer.mozilla.org/en-US/docs/Mozilla/Localization/Web_Localizability/Creating_localizable_web_applications)
2
- * The localization problem includes languages(i18n),
3
- * date & number formating, currency and document direction.
4
- * The project itself did not include any text and currency.
5
- * Document direction problem is solved on the markup level.
6
- * Here will be helpers for localizing date and number formats.
7
- */
8
-
9
- // For IE11
10
- const getParsedString = date => [].filter.call(date, (v, i) => date.charCodeAt(i) !== 8206).join('');
11
- const getBrowserTimeFormat = function () {
12
- let includeSeconds = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
13
- const date = new Date(2013, 11, 31, 23, 5, 8);
14
- const dateString = date.toLocaleTimeString();
15
- const parsedString = getParsedString(dateString);
16
- let timeFormat;
17
- if (!dateString.match(/23/i)) {
18
- timeFormat = parsedString.replace(/PM|AM/, '').replace('11', 'hh').replace('05', 'mm').replace('08', includeSeconds ? 'ss' : '').trim();
19
- timeFormat = includeSeconds ? "".concat(timeFormat, " A") : "".concat(timeFormat.slice(0, -1), " A");
20
- } else {
21
- timeFormat = parsedString.replace('23', 'HH').replace('05', 'mm').replace('08', includeSeconds ? 'ss' : '');
22
- timeFormat = includeSeconds ? timeFormat : timeFormat.trim().slice(0, -1);
23
- }
24
- return timeFormat;
25
- };
26
-
27
- /**
28
- * This function is used to get date format depending on browser settings.
29
- * @param {boolean} withTime - returns time format also
30
- * @param {boolean} includeSeconds - shows seconds
31
- * @returns {string} Date format.
32
- */
33
-
34
- const getBrowserDateFormat = function () {
35
- let withTime = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
36
- let includeSeconds = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
37
- const browserDate = new Date(2013, 11, 31).toLocaleDateString();
38
- const parsedString = getParsedString(browserDate);
39
- let dateFormat = parsedString.replace('31', 'DD').replace('12', 'MM').replace('2013', 'YYYY');
40
- if (withTime) {
41
- dateFormat = "".concat(dateFormat, " ").concat(getBrowserTimeFormat(includeSeconds));
42
- }
43
- return dateFormat;
44
- };
45
-
46
- export { getBrowserTimeFormat as a, getBrowserDateFormat as g };
@@ -1,62 +0,0 @@
1
- function _typeof(o) {
2
- "@babel/helpers - typeof";
3
-
4
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
5
- return typeof o;
6
- } : function (o) {
7
- return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
8
- }, _typeof(o);
9
- }
10
-
11
- function toPrimitive(t, r) {
12
- if ("object" != _typeof(t) || !t) return t;
13
- var e = t[Symbol.toPrimitive];
14
- if (void 0 !== e) {
15
- var i = e.call(t, r || "default");
16
- if ("object" != _typeof(i)) return i;
17
- throw new TypeError("@@toPrimitive must return a primitive value.");
18
- }
19
- return ("string" === r ? String : Number)(t);
20
- }
21
-
22
- function toPropertyKey(t) {
23
- var i = toPrimitive(t, "string");
24
- return "symbol" == _typeof(i) ? i : i + "";
25
- }
26
-
27
- function _setPrototypeOf(t, e) {
28
- return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
29
- return t.__proto__ = e, t;
30
- }, _setPrototypeOf(t, e);
31
- }
32
-
33
- function _defineProperty(e, r, t) {
34
- return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
35
- value: t,
36
- enumerable: !0,
37
- configurable: !0,
38
- writable: !0
39
- }) : e[r] = t, e;
40
- }
41
-
42
- function _extends() {
43
- return _extends = Object.assign ? Object.assign.bind() : function (n) {
44
- for (var e = 1; e < arguments.length; e++) {
45
- var t = arguments[e];
46
- for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
47
- }
48
- return n;
49
- }, _extends.apply(null, arguments);
50
- }
51
-
52
- function _objectWithoutPropertiesLoose(r, e) {
53
- if (null == r) return {};
54
- var t = {};
55
- for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
56
- if (e.indexOf(n) >= 0) continue;
57
- t[n] = r[n];
58
- }
59
- return t;
60
- }
61
-
62
- export { _defineProperty as _, _setPrototypeOf as a, _objectWithoutPropertiesLoose as b, _extends as c, _typeof as d, toPropertyKey as t };