obeyaka-ui 0.1.31 → 0.1.32
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/dist/index.es.js +1295 -1223
- package/dist/index.js +2 -2
- package/dist/style.css +1 -1
- package/dist/types/components/molecules/FloatingIndicator/FloatingIndicator.d.ts +26 -2
- package/dist/types/components/molecules/FloatingIndicator/FloatingIndicator.d.ts.map +1 -1
- package/dist/types/components/molecules/FloatingIndicator/FloatingIndicator.types.d.ts +12 -0
- package/dist/types/components/molecules/FloatingIndicator/FloatingIndicator.types.d.ts.map +1 -1
- package/dist/types/components/molecules/FloatingIndicator/index.d.ts +2 -2
- package/dist/types/components/molecules/FloatingIndicator/index.d.ts.map +1 -1
- package/dist/types/components/molecules/index.d.ts +2 -2
- package/dist/types/components/molecules/index.d.ts.map +1 -1
- package/package.json +1 -1
package/dist/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.floatingIndicator-module__wrapper___oBPtC{position:relative;display:inline-flex;border-radius:var(--mantine-radius-md);width:fit-content}.floatingIndicator-module__control___5GZIX{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:
|
|
1
|
+
.floatingIndicator-module__wrapper___oBPtC{position:relative;display:inline-flex;border-radius:var(--mantine-radius-md);gap:6px;width:fit-content}.floatingIndicator-module__control___5GZIX{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;height:28px;padding:0 12px;border-radius:var(--mantine-radius-md);color:var(--mantine-color-gray-9);transition:color .15s ease,transform .15s ease;font-size:var(--mantine-font-size-sm);font-weight:500;background-color:transparent}.floatingIndicator-module__control___5GZIX:hover:not(:disabled){background-color:var(--mantine-color-gray-0)}.floatingIndicator-module__control___5GZIX[data-active=true]{color:var(--mantine-color-gray-9);background-color:var(--mantine-color-gray-0);box-shadow:none}.floatingIndicator-module__control___5GZIX:disabled{color:var(--mantine-color-gray-5);cursor:not-allowed}.floatingIndicator-module__label___Qmy1z{line-height:1;white-space:nowrap}.floatingIndicator-module__icon___sjrda{display:inline-flex;align-items:center;justify-content:center}.floatingIndicator-module__indicator___p7zco{border-radius:var(--mantine-radius-md);box-shadow:none;background-color:transparent}.floatingIndicator-module__content___UXG3x{margin-top:16px;padding:16px;border-radius:12px;background-color:var(--mantine-color-gray-0);color:var(--mantine-color-gray-8)}.userChip-module__pill___DgFME{display:flex;align-items:center;gap:4px}.workspace-selector-module__menuItem___FSB6P{transition:background-color .2s ease;border-radius:var(--mantine-radius-md)}.workspace-selector-module__menuItem___FSB6P:hover{background-color:var(--mantine-color-gray-0)!important}.workspace-selector-module__menuItem___FSB6P[data-danger=red]:hover{background-color:var(--mantine-color-red-0)!important}.workspace-selector-module__workspaceButton___-P6kp{transition:background-color .2s ease;cursor:pointer;border-radius:var(--mantine-radius-md)}.workspace-selector-module__workspaceButton___-P6kp:hover{background-color:var(--mantine-color-gray-1)!important}.workspace-selector-module__workspaceText___YDAlj{flex:1;min-width:0;overflow:hidden}.workspace-selector-module__scrollWrapper___MzrJY{position:relative}.workspace-selector-module__scrollWrapper___MzrJY:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:20px;background:linear-gradient(to top,var(--mantine-color-body),transparent);pointer-events:none;z-index:1}
|
|
@@ -1,4 +1,28 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { FloatingIndicatorProps } from '
|
|
3
|
-
|
|
2
|
+
import type { FloatingIndicatorProps as MantineFloatingIndicatorProps } from '@mantine/core';
|
|
3
|
+
import type { FloatingIndicatorContentProps, FloatingIndicatorItem, FloatingIndicatorProps, FloatingIndicatorProviderProps, FloatingIndicatorTriggersProps } from './FloatingIndicator.types';
|
|
4
|
+
type ControlsRefsRecord = Record<string, HTMLButtonElement | null>;
|
|
5
|
+
interface FloatingIndicatorContextValue {
|
|
6
|
+
items: FloatingIndicatorItem[];
|
|
7
|
+
currentActiveId: string | null;
|
|
8
|
+
showIcons: boolean;
|
|
9
|
+
handleItemClick: (id: string, disabled?: boolean) => () => void;
|
|
10
|
+
getControlRefCallback: (id: string) => (node: HTMLButtonElement | null) => void;
|
|
11
|
+
setParentRef: (node: HTMLDivElement | null) => void;
|
|
12
|
+
parentRef: HTMLDivElement | null;
|
|
13
|
+
indicatorClassName?: string;
|
|
14
|
+
indicatorProps: Omit<MantineFloatingIndicatorProps, 'target' | 'parent'>;
|
|
15
|
+
activeItem?: FloatingIndicatorItem;
|
|
16
|
+
controlsRefs: ControlsRefsRecord;
|
|
17
|
+
}
|
|
18
|
+
export declare const FloatingIndicatorProvider: React.FC<FloatingIndicatorProviderProps>;
|
|
19
|
+
export declare const FloatingIndicatorTriggers: React.FC<FloatingIndicatorTriggersProps>;
|
|
20
|
+
export declare const FloatingIndicatorContent: React.FC<FloatingIndicatorContentProps>;
|
|
21
|
+
export declare const useFloatingIndicator: () => FloatingIndicatorContextValue;
|
|
22
|
+
export declare const FloatingIndicator: React.FC<FloatingIndicatorProps> & {
|
|
23
|
+
Provider: React.FC<FloatingIndicatorProviderProps>;
|
|
24
|
+
Triggers: React.FC<FloatingIndicatorTriggersProps>;
|
|
25
|
+
Content: React.FC<FloatingIndicatorContentProps>;
|
|
26
|
+
};
|
|
27
|
+
export {};
|
|
4
28
|
//# sourceMappingURL=FloatingIndicator.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FloatingIndicator/FloatingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"FloatingIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FloatingIndicator/FloatingIndicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAQN,MAAM,OAAO,CAAC;AAOf,OAAO,KAAK,EAAE,sBAAsB,IAAI,6BAA6B,EAAE,MAAM,eAAe,CAAC;AAE7F,OAAO,KAAK,EACV,6BAA6B,EAC7B,qBAAqB,EACrB,sBAAsB,EACtB,8BAA8B,EAC9B,8BAA8B,EAC/B,MAAM,2BAA2B,CAAC;AAEnC,KAAK,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,iBAAiB,GAAG,IAAI,CAAC,CAAC;AAEnE,UAAU,6BAA6B;IACrC,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,SAAS,EAAE,OAAO,CAAC;IACnB,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,MAAM,IAAI,CAAC;IAChE,qBAAqB,EAAE,CACrB,EAAE,EAAE,MAAM,KACP,CAAC,IAAI,EAAE,iBAAiB,GAAG,IAAI,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,CAAC,IAAI,EAAE,cAAc,GAAG,IAAI,KAAK,IAAI,CAAC;IACpD,SAAS,EAAE,cAAc,GAAG,IAAI,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,EAAE,IAAI,CAAC,6BAA6B,EAAE,QAAQ,GAAG,QAAQ,CAAC,CAAC;IACzE,UAAU,CAAC,EAAE,qBAAqB,CAAC;IACnC,YAAY,EAAE,kBAAkB,CAAC;CAClC;AAiBD,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAC9C,8BAA8B,CA6K/B,CAAC;AAEF,eAAO,MAAM,yBAAyB,EAAE,KAAK,CAAC,EAAE,CAC9C,8BAA8B,CAoD/B,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,KAAK,CAAC,EAAE,CAC7C,6BAA6B,CAoB9B,CAAC;AAeF,eAAO,MAAM,oBAAoB,qCAA8B,CAAC;AAEhE,eAAO,MAAM,iBAAiB;;;;CAI5B,CAAC"}
|
|
@@ -19,4 +19,16 @@ export interface FloatingIndicatorProps {
|
|
|
19
19
|
indicatorProps?: Omit<MantineFloatingIndicatorProps, 'target' | 'parent'>;
|
|
20
20
|
showIcons?: boolean;
|
|
21
21
|
}
|
|
22
|
+
export interface FloatingIndicatorProviderProps extends FloatingIndicatorProps {
|
|
23
|
+
children: ReactNode;
|
|
24
|
+
}
|
|
25
|
+
export interface FloatingIndicatorTriggersProps {
|
|
26
|
+
className?: string;
|
|
27
|
+
style?: CSSProperties;
|
|
28
|
+
}
|
|
29
|
+
export interface FloatingIndicatorContentProps {
|
|
30
|
+
className?: string;
|
|
31
|
+
style?: CSSProperties;
|
|
32
|
+
renderContent?: (item: FloatingIndicatorItem | undefined) => ReactNode;
|
|
33
|
+
}
|
|
22
34
|
//# sourceMappingURL=FloatingIndicator.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FloatingIndicator.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FloatingIndicator/FloatingIndicator.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,IAAI,6BAA6B,EAAE,MAAM,eAAe,CAAC;AAC7F,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,cAAc,CAAC,EAAE,IAAI,CAAC,6BAA6B,EAAE,QAAQ,GAAG,QAAQ,CAAC,CAAC;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB"}
|
|
1
|
+
{"version":3,"file":"FloatingIndicator.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FloatingIndicator/FloatingIndicator.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,sBAAsB,IAAI,6BAA6B,EAAE,MAAM,eAAe,CAAC;AAC7F,OAAO,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErE,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IACxC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,qBAAqB,EAAE,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,cAAc,CAAC,EAAE,IAAI,CAAC,6BAA6B,EAAE,QAAQ,GAAG,QAAQ,CAAC,CAAC;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,8BAA+B,SAAQ,sBAAsB;IAC5E,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,8BAA8B;IAC7C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED,MAAM,WAAW,6BAA6B;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,qBAAqB,GAAG,SAAS,KAAK,SAAS,CAAC;CACxE"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export { FloatingIndicator } from './FloatingIndicator';
|
|
2
|
-
export type { FloatingIndicatorProps, FloatingIndicatorItem, } from './FloatingIndicator.types';
|
|
1
|
+
export { FloatingIndicator, FloatingIndicatorProvider, FloatingIndicatorTriggers, FloatingIndicatorContent, useFloatingIndicator, } from './FloatingIndicator';
|
|
2
|
+
export type { FloatingIndicatorProps, FloatingIndicatorItem, FloatingIndicatorProviderProps, FloatingIndicatorTriggersProps, FloatingIndicatorContentProps, } from './FloatingIndicator.types';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FloatingIndicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/FloatingIndicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,yBAAyB,EACzB,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,sBAAsB,EACtB,qBAAqB,EACrB,8BAA8B,EAC9B,8BAA8B,EAC9B,6BAA6B,GAC9B,MAAM,2BAA2B,CAAC"}
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
export { ExpandableSearch } from './ExpandableSearch';
|
|
2
2
|
export { FilterDropdown, FilterDropdownButton, FilterDropdownFilters, } from './FilterDropdown';
|
|
3
3
|
export { Menu } from './Menu';
|
|
4
|
-
export { FloatingIndicator } from './FloatingIndicator';
|
|
4
|
+
export { FloatingIndicator, FloatingIndicatorProvider, FloatingIndicatorTriggers, FloatingIndicatorContent, useFloatingIndicator, } from './FloatingIndicator';
|
|
5
5
|
export { NavButton } from './NavButton';
|
|
6
6
|
export { NavLink } from './NavLink';
|
|
7
7
|
export { UserChip } from './UserChip';
|
|
8
8
|
export type { ExpandableSearchProps } from './ExpandableSearch/ExpandableSearch.types';
|
|
9
9
|
export type { FilterDropdownProps, FilterDropdownButtonProps, FilterDropdownFiltersProps, FilterTagProps, AddFilterButtonProps, FilterOption, FilterTag, } from './FilterDropdown/FilterDropdown.types';
|
|
10
10
|
export type { MenuProps, MenuItemProps } from './Menu/Menu.types';
|
|
11
|
-
export type { FloatingIndicatorProps, FloatingIndicatorItem, } from './FloatingIndicator';
|
|
11
|
+
export type { FloatingIndicatorProps, FloatingIndicatorItem, FloatingIndicatorProviderProps, FloatingIndicatorTriggersProps, FloatingIndicatorContentProps, } from './FloatingIndicator';
|
|
12
12
|
export type { NavButtonProps } from './NavButton/NavButton.types';
|
|
13
13
|
export type { NavLinkProps } from './NavLink/NavLink.types';
|
|
14
14
|
export type { UserChipProps } from './UserChip/UserChip.types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,qBAAqB,GACtB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EACL,iBAAiB,EACjB,yBAAyB,EACzB,yBAAyB,EACzB,wBAAwB,EACxB,oBAAoB,GACrB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC;AACvF,YAAY,EACV,mBAAmB,EACnB,yBAAyB,EACzB,0BAA0B,EAC1B,cAAc,EACd,oBAAoB,EACpB,YAAY,EACZ,SAAS,GACV,MAAM,uCAAuC,CAAC;AAC/C,YAAY,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClE,YAAY,EACV,sBAAsB,EACtB,qBAAqB,EACrB,8BAA8B,EAC9B,8BAA8B,EAC9B,6BAA6B,GAC9B,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAClE,YAAY,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AAC5D,YAAY,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC"}
|