@orfium/ictinus 5.7.2 → 5.8.1

package/dist/src/components/{Table → TableV4}/components/RenderRowOrNestedRow/RenderRowOrNestedRow.d.ts

@@ -1,4 +1,4 @@
-import { Row } from '../../Table';
+import { Row } from '../../TableV4';
 
 declare const RenderRowOrNestedRow: {
     <T extends {

package/dist/src/components/{Table → TableV4}/components/RenderRowOrNestedRow/components/ContentCell/ContentCell.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { ContentComponent, TableType } from '../../../../Table';
+import { ContentComponent, TableType } from '../../../../TableV4';
 
 type ContentCellProps = {
     columns: string[];

package/dist/src/components/{Table → TableV4}/components/TableRowWrapper/TableRowWrapper.d.ts

@@ -1,4 +1,4 @@
-import { Row, Selection, TableType } from '../../Table';
+import { Row, Selection, TableType } from '../../TableV4';
 
 export type TableRowWrapperProps<T> = {
     row: Row<T>;

package/dist/src/components/TableV4/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from './TableV4';
+export * from './TableV4';
+export * from './types';

package/dist/src/components/TableV4/types.d.ts

@@ -0,0 +1,18 @@
+import { TooltipPlacement } from '../Tooltip/Tooltip.types';
+
+export type SortingOrder = 'asc' | 'desc';
+export type ExtendedColumn = {
+    content: {
+        label: string;
+        sortingKey: string;
+    };
+    tooltip?: {
+        content: string;
+        placement?: TooltipPlacement;
+    };
+    isSortable?: boolean;
+};
+export type Sort = {
+    column: string;
+    order: SortingOrder;
+};

package/dist/src/components/TableV4/utils/TableStoryComponents.d.ts

@@ -0,0 +1,10 @@
+import { default as React } from 'react';
+import { Cell, Row } from '../TableV4';
+import { ExtendedColumn } from '../types';
+
+/** This is just a dummy component to be used in Storybook for showing the Row type on props */
+export declare const RowStory: React.FC<Row<unknown>>;
+/** This is just a dummy component to be used in Storybook for showing the Cell type on props */
+export declare const CellStory: React.FC<Cell<unknown>>;
+/** This is just a dummy component to be used in Storybook for showing the ExtendedColumn type on props */
+export declare const ExtendedColumnStory: React.FC<ExtendedColumn>;

package/dist/src/components/TextField/TextField.style.d.ts

@@ -1,8 +1,11 @@
 import { SerializedStyles } from '@emotion/react';
 import { Theme } from 'theme';
+import { TextFieldProps } from '.';
 
 export declare const iconWrapperStyle: ({ iconPosition, isClickable }: {
     iconPosition?: "left" | "right";
     isClickable?: boolean;
 }) => (theme: Theme) => SerializedStyles;
-export declare const suffixContainerStyle: (isClickable?: boolean) => () => SerializedStyles;
+export declare const suffixContainerStyle: ({ size, isClickable }: Pick<TextFieldProps, "size"> & {
+    isClickable?: boolean;
+}) => () => SerializedStyles;

package/dist/src/components/TextInputBase/TextInputBase.d.ts

@@ -1,7 +1,6 @@
 import { CSSObject } from '@emotion/serialize';
 import { default as React } from 'react';
-import { ComponentSizes } from 'types';
-import { TestProps } from '../../utils/types';
+import { ComponentSizes, TestProps } from '../../utils/types';
 import { AcceptedIconNames } from '../Icon';
 
 export type TextInputBaseProps = {

package/dist/src/components/ThemeProvider/ThemeProvider.d.ts

@@ -1,4 +1,4 @@
-import { ThemeConfig } from 'theme';
+import { ThemeConfig } from '../../theme/types';
 import { DeepPartial } from '../../utils/types';
 import * as React from 'react';
 export type ThemeProviderProps = {

package/dist/src/components/Tooltip/Tooltip.types.d.ts

@@ -24,5 +24,7 @@ export type TooltipProps = TooltipContent & {
     /** Hide delay for tooltip */
     /** @default 500 */
     delayOut?: number;
+    /** The tooltip can be controlled or uncontrolled, this attribute can be used to handle show and hide tooltip outside tooltip  */
+    isOpen?: boolean;
     children: React.ReactElement;
 };

package/dist/src/components/utils/PositionInScreen/PositionInScreen.d.ts

@@ -15,6 +15,7 @@ export type PositionInScreenProps = {
     offsetY?: number;
     /** The parent element */
     parent: JSX.Element;
+    placement?: 'top' | 'bottom';
     /** Sx prop to override specific properties */
     sx?: {
         container?: CSSObject;

package/dist/src/components/utils/PositionInScreen/hooks.d.ts

@@ -1,4 +1,4 @@
-export declare const usePositionInScreen: (parentRef: React.MutableRefObject<any>, itemRef: React.MutableRefObject<any>, offsetX: number, offsetY: number, isVisible?: boolean) => {
+export declare const usePositionInScreen: (parentRef: React.MutableRefObject<any>, itemRef: React.MutableRefObject<any>, offsetX: number, offsetY: number, isVisible?: boolean, placement?: "top" | "bottom") => {
     x: number;
     y: number;
 };

package/dist/src/index.d.ts

@@ -87,6 +87,8 @@ export { Switch } from './components/Controls';
 export * from './components/Controls/Switch';
 export { default as Table } from './components/Table';
 export * from './components/Table';
+export { default as TableV4 } from './components/TableV4';
+export * from './components/TableV4';
 export { default as Tag } from './components/Tag';
 export * from './components/Tag';
 export { default as TextField } from './components/TextField';
@@ -95,6 +97,8 @@ export { default as Search } from './components/Search';
 export * from './components/Search';
 export { default as TextArea } from './components/TextArea';
 export * from './components/TextArea';
+export { default as NumberField } from './components/NumberField';
+export * from './components/NumberField';
 export { default as ThemeProvider } from './components/ThemeProvider';
 export * from './components/ThemeProvider';
 export { default as Toast } from './components/Toast';

package/dist/src/utils/date.d.ts

@@ -1,5 +1,5 @@
-import { Dayjs as DayjsType, default as dayjsLib } from 'dayjs';
+import { Dayjs as DayjsType } from 'dayjs';
 
-declare const dayjs: typeof dayjsLib;
+declare const dayjs: import('dayjs').DayjsFn;
 export type Dayjs = DayjsType;
 export default dayjs;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orfium/ictinus",
-  "version": "5.7.2",
+  "version": "5.8.1",
   "type": "module",
   "main": "./dist/index.umd.cjs",
   "module": "./dist/index.js",
@@ -33,7 +33,6 @@
     "@emotion/jest": "^11.11.0",
     "@emotion/react": "^11.11.1",
     "@emotion/styled": "^11.11.0",
-    "@optimize-lodash/rollup-plugin": "^4.0.4",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
     "@storybook/addon-a11y": "^7.6.11",
@@ -64,7 +63,7 @@
     "@testing-library/react-hooks": "^8.0.1",
     "@testing-library/user-event": "^14.5.1",
     "@types/events": "^3.0.0",
-    "@types/lodash": "^4.14.149",
+    "@types/lodash-es": "^4.17.12",
     "@types/pluralize": "^0.0.29",
     "@types/react": "^18.2.21",
     "@types/react-dom": "^18.2.7",
@@ -117,15 +116,15 @@
   },
   "dependencies": {
     "@storybook/addon-controls": "^7.6.17",
-    "@tippyjs/react": "^4.2.5",
-    "dayjs": "^1.8.34",
+    "@tanstack/react-table": "^8.15.3",
+    "dayjs": "^2.0.0-alpha.4",
     "emotion-reset": "^3.0.1",
     "eslint-plugin-unused-imports": "^3.0.0",
     "jscodeshift": "^0.15.1",
-    "lodash": "^4.17.19",
+    "lodash-es": "^4.17.21",
     "patch-package": "^8.0.0",
     "pluralize": "^8.0.0",
-    "polished": "^3.4.4",
+    "polished": "^4.3.1",
     "postinstall-postinstall": "^2.1.0",
     "react-aria": "^3.30.0",
     "react-aria-components": "^1.0.0-rc.0",
@@ -136,6 +135,7 @@
     "react-responsive": "^10.0.0",
     "react-stately": "^3.28.0",
     "react-textarea-autosize": "^8.5.3",
+    "react-tooltip": "^5.26.4",
     "react-window": "^1.8.6",
     "recharts": "^2.8.0",
     "tslib": "^2.4.1",

package/dist/style.css

@@ -1 +0,0 @@
-.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;white-space:normal;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}