1mpacto-react-ui 0.2.0-beta.4 → 0.2.0-beta.6

package/dist/package.json.d.ts

@@ -1,7 +1,7 @@
 declare const _default: {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "0.2.0-beta.4",
+  "version": "0.2.0-beta.6",
   "type": "module",
   "engines": {
     "node": ">=20.19.4",
@@ -9,12 +9,13 @@ declare const _default: {
   },
   "scripts": {
     "copy:toastify-css": "cp ./node_modules/react-toastify/dist/ReactToastify.css ./dist/assets/toast.css",
+    "copy:mixin-scss": "cp ./src/styles/_mixins.scss ./dist/assets/_mixins.scss",
     "dev": "vite",
-    "transform:typography": "node -r ./src/utils/register-ts-node.js ./src/utils/generate-file-typography.js",
-    "transform:color": "node -r ./src/utils/register-ts-node.js ./src/utils/generate-file-color.js",
+    "transform:style": "node -r ./src/utils/register-ts-node.js ./src/utils/generate-file-style.js",
     "postProcess:fontfamily": "node ./src/utils/post-process-css.js",
-    "process:transformStyle": "npm run transform:color && npm run postProcess:fontfamily && npm run transform:typography",
-    "build": "tsc -b && vite build && npm run build:css && npm run copy:toastify-css && npm run build:fontfamily && npm run process:transformStyle",
+    "process:transformStyle": "npm run postProcess:fontfamily && npm run transform:style",
+    "process:copyStyle": "npm run copy:mixin-scss && npm run copy:toastify-css",
+    "build": "tsc -b && vite build && npm run build:css && npm run build:fontfamily && npm run process:copyStyle && npm run process:transformStyle",
     "build:css": "tailwindcss -i ./src/styles/index.scss -o ./dist/assets/core.css --minify",
     "build:fontfamily": "sass ./src/styles/fontfamily.scss ./dist/assets/fontfamily.css --no-source-map --style=compressed",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
@@ -87,7 +88,10 @@ declare const _default: {
     "./dist/assets/colors.css": "./dist/assets/colors.css",
     "./dist/assets/_colors.scss": "./dist/assets/_colors.scss",
     "./dist/assets/typography.css": "./dist/assets/typography.css",
-    "./dist/assets/_typography.scss": "./dist/assets/_typography.scss"
+    "./dist/assets/_typography.scss": "./dist/assets/_typography.scss",
+    "./dist/assets/screen.css": "./dist/assets/screen.css",
+    "./dist/assets/_screen.scss": "./dist/assets/_screen.scss",
+    "./dist/assets/_mixins.scss": "./dist/assets/_mixins.scss"
   },
   "files": [
     "/dist"

package/dist/src/components/Collapse/CollapseV2.d.ts

@@ -0,0 +1,3 @@
+import { ICollapseV2 } from '../../interfaces/components/Collapse';
+declare const CollapseV2: ({ children, open, className, id, classNameContainer }: ICollapseV2) => import("react/jsx-runtime").JSX.Element;
+export default CollapseV2;

package/dist/src/components/Collapse/CollapseV2.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ children, open, className, id, classNameContainer }: import('../../interfaces/components/Collapse').ICollapseV2) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        className: {
+            type: "string";
+        };
+    };
+    render: (args: import('../../interfaces/components/Collapse').ICollapseV2) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/src/components/SelectDropdownContainer/SelectDropdownContainer.stories.d.ts

@@ -1,7 +1,8 @@
 import { StoryObj } from '@storybook/react-vite';
+import { ISelectDropdownContainer } from '../../interfaces/components/SelectDropdownContainer';
 declare const meta: {
     title: string;
-    component: <T>(props: import('..').ISelectDropdownContainer<T> & {
+    component: <T>(props: ISelectDropdownContainer<T> & {
         ref?: React.ForwardedRef<import('..').IRefSelectDropdownContainer<T>>;
     }) => React.ReactNode;
     parameters: {
@@ -364,7 +365,9 @@ declare const meta: {
     args: {
         onChange: import('@vitest/spy').Mock<(...args: any[]) => any>;
     };
-    render: () => import("react/jsx-runtime").JSX.Element;
+    render: (args: ISelectDropdownContainer<unknown> & {
+        ref?: import('react').ForwardedRef<import('..').IRefSelectDropdownContainer<unknown>> | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
 export default meta;
 type Story = StoryObj<typeof meta>;

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

@@ -72,8 +72,9 @@ import { default as GradientBarChart } from './Chart/GradientBarChart';
 import { default as StepIndicator } from './Step/StepIndicator';
 import { default as TextEditor } from './TextEditor/TextEditor';
 import { ITextEditorProps } from '../interfaces/components/TextEditor';
+import { default as CollapseV2 } from './Collapse/CollapseV2';
 import * as utilTable from '@tanstack/react-table';
 import type * as SelectDropdownContainerType from 'react-select';
 import type * as FilterContainerType from '../interfaces/components/FilterContainer';
-export { TPublish, Button, Popover, Calendar, CalendarRange, DatePicker, DateRangePicker, FilterDate, InputFloatingInner, InputReguler, Pagination, Tabs, TabPanel, Table, TableVirtualization, ListVirtualization, SelectDropdownContainer, utilTable, Switch, ButtonIcon, Badges, Chips, RadioCheckbox, RadioCheckboxLabel, Breadcrumbs, Sidebar, Collapse, ModalDialog, SelectDropdownContainerComponents, Timeline, FilterContainer, NumberFormat, PatternFormat, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon, ConfigTable, PortalComponent, AlertContainer, UploadFile, TruncateComponent, UploadImage, Textarea, DoughnutChart, MonthYearPicker, CheckboxTable, InputNative, UploadMultipleFile, ErrorMessage, TextareaFloatingInner, Step, LineChart, Tooltip, ButtonPopover, GradientLineChart, GradientBarChart, StepIndicator, TextEditor, };
+export { TPublish, Button, Popover, Calendar, CalendarRange, DatePicker, DateRangePicker, FilterDate, InputFloatingInner, InputReguler, Pagination, Tabs, TabPanel, Table, TableVirtualization, ListVirtualization, SelectDropdownContainer, utilTable, Switch, ButtonIcon, Badges, Chips, RadioCheckbox, RadioCheckboxLabel, Breadcrumbs, Sidebar, Collapse, ModalDialog, SelectDropdownContainerComponents, Timeline, FilterContainer, NumberFormat, PatternFormat, DefaultCheckedChecboxIcon, DefaultRadioChecboxIcon, ConfigTable, PortalComponent, AlertContainer, UploadFile, TruncateComponent, UploadImage, Textarea, DoughnutChart, MonthYearPicker, CheckboxTable, InputNative, UploadMultipleFile, ErrorMessage, TextareaFloatingInner, Step, LineChart, Tooltip, ButtonPopover, GradientLineChart, GradientBarChart, StepIndicator, TextEditor, CollapseV2, };
 export type { ITableColumnDef, IRefPopover, IRefTableVirtualization, IRefListVirtualization, IRefSelectDropdownContainer, IChildrenSelectDropdownContainer, ISidebarModule, SelectDropdownContainerType, FilterContainerType, IInputReguler, IInputFloatingInner, ITableConfig, TButtonVariants, TButtonSize, ITabsList, ITextarea, IListVirtualization, ITableVirtualization, IRefSidebar, IChildrenIconCompany, ICloneElementSidebar, IDataDoughnutChart, IDataInnerLabelDoughnutChart, ISelectDropdownContainer, IDatePicker, IPopover, IInputNative, IUploadMultipleFileValue, IDataStepList, IDataLineChart, IChips, IRefButtonPopover, TGradientLineChartCustomTooltip, IGradientLineChart, IGradientLineChartDataSet, IGradientLineChartData, TGradientBarChartCustomTooltip, IGradientBarChart, IGradientBarChartDataSet, IGradientBarChartData, IFilterDateButtonList, TKeyFilterDateButtonListType, IMasonryLayout, IDataGradientBarChartCustomTooltip, IDataGradientLineChartCustomTooltip, ITextEditorProps, ICollapse, };

package/dist/src/config/components/typography.d.ts

@@ -1,4 +1,4 @@
-export type Itypography = 'payhere-h1' | 'payhere-h2' | 'payhere-h3' | 'payhere-h4' | 'payhere-h5' | 'payhere-h6' | 'payhere-body-lr' | 'payhere-body-lm' | 'payhere-body-ls' | 'payhere-body-lb' | 'payhere-body-mr' | 'payhere-body-mm' | 'payhere-body-ms' | 'payhere-body-mb' | 'payhere-label-r' | 'payhere-label-m' | 'payhere-body-sr' | 'payhere-body-sm' | 'payhere-body-esr' | 'payhere-body-esm' | 'laba-h1' | 'laba-h2' | 'laba-base-rb' | 'laba-base-rs' | 'laba-base-rr' | 'laba-base-sb' | 'laba-base-ss' | 'laba-base-sr' | 'laba-subtitle-rb' | 'laba-subtitle-rs' | 'laba-subtitle-rr' | 'laba-subtitle-sb' | 'laba-subtitle-ss' | 'laba-subtitle-sr';
+export type Itypography = 'payhere-h1' | 'payhere-h2' | 'payhere-h3' | 'payhere-h4' | 'payhere-h5' | 'payhere-h6' | 'payhere-body-lr' | 'payhere-body-lm' | 'payhere-body-ls' | 'payhere-body-lb' | 'payhere-body-mr' | 'payhere-body-mm' | 'payhere-body-ms' | 'payhere-body-mb' | 'payhere-label-r' | 'payhere-label-m' | 'payhere-body-sr' | 'payhere-body-sm' | 'payhere-body-esr' | 'payhere-body-esm' | 'laba-title-lb' | 'laba-title-ls' | 'laba-title-lr' | 'laba-title-mb' | 'laba-title-ms' | 'laba-title-mr' | 'laba-h1' | 'laba-h1-b' | 'laba-h1-sb' | 'laba-h1-r' | 'laba-h2' | 'laba-h2-b' | 'laba-h2-sb' | 'laba-h2-r' | 'laba-base-rb' | 'laba-base-rs' | 'laba-base-rr' | 'laba-base-sb' | 'laba-base-ss' | 'laba-base-sr' | 'laba-subtitle-rb' | 'laba-subtitle-rs' | 'laba-subtitle-rr' | 'laba-subtitle-sb' | 'laba-subtitle-ss' | 'laba-subtitle-sr';
 export declare const configtypography: {
     'payhere-h1': string;
     'payhere-h2': string;
@@ -20,8 +20,20 @@ export declare const configtypography: {
     'payhere-body-sm': string;
     'payhere-body-esr': string;
     'payhere-body-esm': string;
+    'laba-title-lb': string;
+    'laba-title-ls': string;
+    'laba-title-lr': string;
+    'laba-title-mb': string;
+    'laba-title-ms': string;
+    'laba-title-mr': string;
     'laba-h1': string;
+    'laba-h1-b': string;
+    'laba-h1-sb': string;
+    'laba-h1-r': string;
     'laba-h2': string;
+    'laba-h2-b': string;
+    'laba-h2-sb': string;
+    'laba-h2-r': string;
     'laba-base-rb': string;
     'laba-base-rs': string;
     'laba-base-rr': string;

package/dist/src/interfaces/components/Collapse/index.d.ts

@@ -9,3 +9,10 @@ export interface ICollapse {
     triggerCalCulateContainer?: number | string | boolean | object;
     delayTriggerCalculateHeight?: number;
 }
+export interface ICollapseV2 {
+    children: ReactNode | ReactNode[];
+    open: boolean;
+    id: string;
+    className?: string;
+    classNameContainer?: string | undefined;
+}

package/dist/src/interfaces/components/TruncateComponent/index.d.ts

@@ -1,11 +1,9 @@
 export interface ITruncateComponent extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode[] | React.ReactNode;
-    initialVisibleCount: number;
     maxWidth?: string;
-    moreElement: (count: number) => React.ReactNode | (() => React.ReactNode[]);
+    moreElement: (count: number) => React.ReactNode | React.ReactNode[];
     style?: React.CSSProperties;
     className?: string;
     gap?: number;
     gapStyle?: string;
-    triggerCalCulateContainer?: number | string | boolean | object;
 }

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

@@ -53,6 +53,8 @@ export declare function transformSecondTime(secs: number, option?: {
     second: string | number;
 };
 export declare function mergeObjects<T>(target: T, ...sources: unknown[]): T;
+export declare function deleteKeysMutable<T = Record<string | number, unknown>>(obj: T, paths: string | string[]): T;
+export declare function deleteKeysImmutable<T = Record<string | number, unknown>>(obj: T, paths: string | string[]): T;
 export declare const transformNumber: (val: string) => number;
 export declare const transformBigNumber: (val: TBigNumber) => string;
 export declare const transfromIsNan: (value: number) => number | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "1mpacto-react-ui",
   "private": false,
-  "version": "0.2.0-beta.4",
+  "version": "0.2.0-beta.6",
   "type": "module",
   "engines": {
     "node": ">=20.19.4",
@@ -9,12 +9,13 @@
   },
   "scripts": {
     "copy:toastify-css": "cp ./node_modules/react-toastify/dist/ReactToastify.css ./dist/assets/toast.css",
+    "copy:mixin-scss": "cp ./src/styles/_mixins.scss ./dist/assets/_mixins.scss",
     "dev": "vite",
-    "transform:typography": "node -r ./src/utils/register-ts-node.js ./src/utils/generate-file-typography.js",
-    "transform:color": "node -r ./src/utils/register-ts-node.js ./src/utils/generate-file-color.js",
+    "transform:style": "node -r ./src/utils/register-ts-node.js ./src/utils/generate-file-style.js",
     "postProcess:fontfamily": "node ./src/utils/post-process-css.js",
-    "process:transformStyle": "npm run transform:color && npm run postProcess:fontfamily && npm run transform:typography",
-    "build": "tsc -b && vite build && npm run build:css && npm run copy:toastify-css && npm run build:fontfamily && npm run process:transformStyle",
+    "process:transformStyle": "npm run postProcess:fontfamily && npm run transform:style",
+    "process:copyStyle": "npm run copy:mixin-scss && npm run copy:toastify-css",
+    "build": "tsc -b && vite build && npm run build:css && npm run build:fontfamily && npm run process:copyStyle && npm run process:transformStyle",
     "build:css": "tailwindcss -i ./src/styles/index.scss -o ./dist/assets/core.css --minify",
     "build:fontfamily": "sass ./src/styles/fontfamily.scss ./dist/assets/fontfamily.css --no-source-map --style=compressed",
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
@@ -87,7 +88,10 @@
     "./dist/assets/colors.css": "./dist/assets/colors.css",
     "./dist/assets/_colors.scss": "./dist/assets/_colors.scss",
     "./dist/assets/typography.css": "./dist/assets/typography.css",
-    "./dist/assets/_typography.scss": "./dist/assets/_typography.scss"
+    "./dist/assets/_typography.scss": "./dist/assets/_typography.scss",
+    "./dist/assets/screen.css": "./dist/assets/screen.css",
+    "./dist/assets/_screen.scss": "./dist/assets/_screen.scss",
+    "./dist/assets/_mixins.scss": "./dist/assets/_mixins.scss"
   },
   "files": [
     "/dist"