@segmentify/ui 0.0.2 → 0.0.4
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.
- package/README.md +1 -5
- package/dist/components/atoms/badge.d.ts +1 -1
- package/dist/components/atoms/button.d.ts +6 -3
- package/dist/components/atoms/carousel.d.ts +1 -1
- package/dist/components/atoms/command.d.ts +4 -2
- package/dist/components/atoms/label.d.ts +1 -1
- package/dist/components/atoms/quill-editor.d.ts +11 -0
- package/dist/components/atoms/sidebar.d.ts +4 -4
- package/dist/components/atoms/sonner.d.ts +3 -0
- package/dist/components/atoms/tooltip.d.ts +2 -1
- package/dist/components/molecules/base-button.d.ts +29 -0
- package/dist/components/molecules/campaign-title.d.ts +9 -0
- package/dist/components/molecules/checkbox-field.d.ts +10 -0
- package/dist/components/molecules/combobox-field.d.ts +32 -0
- package/dist/components/molecules/confirmation-dialog.d.ts +24 -0
- package/dist/components/molecules/creatable-action-icons.d.ts +9 -0
- package/dist/components/molecules/date-range-picker.d.ts +15 -0
- package/dist/components/molecules/debounced-input.d.ts +11 -0
- package/dist/components/molecules/detailed-image-modal.d.ts +18 -0
- package/dist/components/molecules/input-field.d.ts +19 -0
- package/dist/components/molecules/multi-select-dropdown.d.ts +18 -0
- package/dist/components/molecules/select-field.d.ts +16 -0
- package/dist/components/molecules/select-multi-field.d.ts +20 -0
- package/dist/components/molecules/switch-field.d.ts +7 -0
- package/dist/components/molecules/textarea-field.d.ts +11 -0
- package/dist/components/molecules/tooltip-field.d.ts +13 -0
- package/dist/components/organisms/form-checkbox.d.ts +7 -0
- package/dist/components/organisms/form-combobox.d.ts +24 -0
- package/dist/components/organisms/form-file-upload.d.ts +19 -0
- package/dist/components/organisms/form-input.d.ts +12 -0
- package/dist/components/organisms/form-password.d.ts +12 -0
- package/dist/components/organisms/form-radio.d.ts +13 -0
- package/dist/components/organisms/form-switch.d.ts +7 -0
- package/dist/components/organisms/form-textarea.d.ts +9 -0
- package/dist/index.d.ts +28 -15
- package/dist/lib/design-variants.d.ts +3 -0
- package/dist/lib/types.d.ts +7 -0
- package/dist/segmentify-ui.cjs +81 -33
- package/dist/segmentify-ui.js +27012 -18258
- package/package.json +8 -2
- package/dist/components/atoms/load-more.d.ts +0 -6
- package/dist/components/atoms/select-multi.d.ts +0 -28
- package/dist/components/atoms/table-whatsapp.d.ts +0 -35
- package/dist/vite.svg +0 -1
- /package/dist/{App.d.ts → app.d.ts} +0 -0
package/package.json
CHANGED
|
@@ -1,7 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@segmentify/ui",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.4",
|
|
4
4
|
"description": "A collection of reusable React UI components built with Tailwind CSS and Radix UI",
|
|
5
|
+
"repository": {
|
|
6
|
+
"type": "git",
|
|
7
|
+
"url": "git+https://github.com/segmentify-frontend/segmentify-ui.git"
|
|
8
|
+
},
|
|
9
|
+
"license": "MIT",
|
|
10
|
+
"homepage": "https://github.com/segmentify-frontend/segmentify-ui#readme",
|
|
5
11
|
"type": "module",
|
|
6
12
|
"main": "./dist/segmentify-ui.cjs",
|
|
7
13
|
"module": "./dist/segmentify-ui.js",
|
|
@@ -110,7 +116,7 @@
|
|
|
110
116
|
},
|
|
111
117
|
"scripts": {
|
|
112
118
|
"dev": "vite",
|
|
113
|
-
"build": "vite build && tsc -p tsconfig.build.json",
|
|
119
|
+
"build": "vite build && tsc -p tsconfig.build.json && node scripts/fix-type-aliases.mjs",
|
|
114
120
|
"postbuild": "node ./scripts/verify-dist.mjs",
|
|
115
121
|
"lint": "eslint .",
|
|
116
122
|
"lint:fix": "npm run lint -- --fix",
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import BaseSelect, { type ActionMeta, type SingleValue, type MultiValue, type InputActionMeta, type GroupBase } from 'react-select';
|
|
3
|
-
import Creatable from 'react-select/creatable';
|
|
4
|
-
import { labelVariants } from '@/lib/design-variants';
|
|
5
|
-
import { type VariantProps } from 'class-variance-authority';
|
|
6
|
-
import type { ClassValue } from 'clsx';
|
|
7
|
-
interface SelectMultiProps {
|
|
8
|
-
label: string;
|
|
9
|
-
options: readonly (string | GroupBase<string>)[];
|
|
10
|
-
name: string;
|
|
11
|
-
value: SingleValue<string> | MultiValue<string>;
|
|
12
|
-
onChange?: (newValue: SingleValue<string> | MultiValue<string>, actionMeta: ActionMeta<string>) => void;
|
|
13
|
-
onInputChange?: (inputValue: string, actionMeta: InputActionMeta) => void;
|
|
14
|
-
placeholder?: string;
|
|
15
|
-
isClearable?: boolean;
|
|
16
|
-
isSearchable?: boolean;
|
|
17
|
-
isMulti?: boolean;
|
|
18
|
-
isDisabled?: boolean;
|
|
19
|
-
error?: string;
|
|
20
|
-
onError?: (error: string) => void;
|
|
21
|
-
description?: string;
|
|
22
|
-
className?: ClassValue;
|
|
23
|
-
selectClassName?: string;
|
|
24
|
-
labelVariant?: VariantProps<typeof labelVariants>['variant'];
|
|
25
|
-
props?: React.ComponentProps<typeof BaseSelect> & React.ComponentProps<typeof Creatable>;
|
|
26
|
-
}
|
|
27
|
-
declare function SelectMulti({ label, options, name, value, onChange, onInputChange, placeholder, isClearable, isSearchable, isMulti, isDisabled, error, onError, description, className, selectClassName, labelVariant, ...props }: SelectMultiProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
-
export { SelectMulti };
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
type ColumnDefMeta = {
|
|
3
|
-
whiteSpace?: string;
|
|
4
|
-
sticky?: boolean;
|
|
5
|
-
stickyLeft?: boolean;
|
|
6
|
-
stickyRight?: boolean;
|
|
7
|
-
textColor?: string;
|
|
8
|
-
borderRight?: boolean;
|
|
9
|
-
cellBgColorClass?: string;
|
|
10
|
-
};
|
|
11
|
-
type ColumnLike = {
|
|
12
|
-
columnDef?: ColumnDefMeta;
|
|
13
|
-
};
|
|
14
|
-
declare const Table: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, "ref"> & React.RefAttributes<HTMLTableElement>>;
|
|
15
|
-
export type TableHeaderProps = React.ComponentProps<'thead'> & {
|
|
16
|
-
disableHover?: boolean;
|
|
17
|
-
};
|
|
18
|
-
declare const TableHeader: React.ForwardRefExoticComponent<Omit<TableHeaderProps, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
19
|
-
type TableHeadProps = React.ComponentProps<'th'> & {
|
|
20
|
-
column?: ColumnLike;
|
|
21
|
-
};
|
|
22
|
-
declare const TableHead: React.ForwardRefExoticComponent<Omit<TableHeadProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
|
|
23
|
-
type TableCellProps = React.ComponentProps<'td'> & {
|
|
24
|
-
column?: ColumnLike;
|
|
25
|
-
};
|
|
26
|
-
declare const TableCell: React.ForwardRefExoticComponent<Omit<TableCellProps, "ref"> & React.RefAttributes<HTMLTableCellElement>>;
|
|
27
|
-
declare const TableBody: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
28
|
-
declare const TableHeadRow: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
|
|
29
|
-
export type TableRowProps = React.ComponentProps<'tr'> & {
|
|
30
|
-
disableHover?: boolean;
|
|
31
|
-
};
|
|
32
|
-
declare const TableRow: React.ForwardRefExoticComponent<Omit<TableRowProps, "ref"> & React.RefAttributes<HTMLTableRowElement>>;
|
|
33
|
-
declare const TableCaption: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & React.RefAttributes<HTMLTableCaptionElement>>;
|
|
34
|
-
declare const TableFooter: React.ForwardRefExoticComponent<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLTableSectionElement>, HTMLTableSectionElement>, "ref"> & React.RefAttributes<HTMLTableSectionElement>>;
|
|
35
|
-
export { Table, TableHeader, TableBody, TableFooter, TableHead, TableHeadRow, TableRow, TableCell, TableCaption };
|
package/dist/vite.svg
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>
|
|
File without changes
|