@toptal/picasso-section 5.1.7 → 5.1.8-alpha-1757603192867.0

package/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@toptal/picasso-section",
-  "version": "5.1.7",
+  "version": "5.1.8-alpha-1757603192867.0",
   "description": "Toptal UI components library - Section",
   "publishConfig": {
-    "access": "public"
+    "access": "public",
+    "provenance": true
   },
   "main": "./dist-package/src/index.js",
   "module": "./dist-package/src/index.js",
   "scripts": {
     "build:package": "tsc -b tsconfig.json",
-    "prepublishOnly": "yarn build:package"
+    "prepublishOnly": "echo 0"
   },
   "repository": {
     "type": "git",
@@ -22,28 +23,28 @@
   },
   "homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
   "dependencies": {
-    "@toptal/picasso-button": "4.0.23",
-    "@toptal/picasso-container": "3.1.2",
-    "@toptal/picasso-icons": "1.12.1",
-    "@toptal/picasso-typography": "4.0.4",
-    "@toptal/picasso-utils": "3.1.0",
-    "@toptal/picasso-collapse": "3.0.3"
+    "@toptal/picasso-button": "4.0.24-alpha-1757603192867.0",
+    "@toptal/picasso-container": "3.1.3-alpha-1757603192867.0",
+    "@toptal/picasso-icons": "1.12.2-alpha-1757603192867.0",
+    "@toptal/picasso-typography": "4.0.5-alpha-1757603192867.0",
+    "@toptal/picasso-utils": "3.1.1-alpha-1757603192867.0",
+    "@toptal/picasso-collapse": "3.0.4-alpha-1757603192867.0"
   },
   "sideEffects": [
     "**/styles.ts",
     "**/styles.js"
   ],
   "peerDependencies": {
-    "@toptal/picasso-tailwind-merge": "^2.0.0",
-    "@toptal/picasso-tailwind": ">=2.7",
+    "@toptal/picasso-tailwind-merge": "2.0.4-alpha-1757603192867.0",
+    "@toptal/picasso-tailwind": "3.0.1-alpha-1757603192867.0",
     "react": ">=16.12.0 < 19.0.0"
   },
   "exports": {
     ".": "./dist-package/src/index.js"
   },
   "devDependencies": {
-    "@toptal/picasso-tailwind-merge": "2.0.3",
-    "@toptal/picasso-test-utils": "1.1.1"
+    "@toptal/picasso-tailwind-merge": "2.0.4-alpha-1757603192867.0",
+    "@toptal/picasso-test-utils": "1.1.2-alpha-1757603192867.0"
   },
   "files": [
     "dist-package/**",

package/dist-package/src/Section/Section.d.ts

@@ -1,35 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { SizeType, BaseProps } from '@toptal/picasso-shared';
-declare type VariantType = 'bordered' | 'default' | 'withHeaderBar';
-export interface Props extends BaseProps {
-    /** Title of the Section */
-    title?: ReactNode;
-    /** Subtitle of the Section */
-    subtitle?: ReactNode;
-    /** Additional actions of the Section */
-    actions?: ReactNode;
-    /** Main content of the Section */
-    children?: ReactNode;
-    /** Whether section can be collapsed */
-    collapsible?: boolean;
-    /** Default collapsed value **(applied if `collapsible: true`)** */
-    defaultCollapsed?: boolean;
-    /** Controlled collapsed state */
-    collapsed?: boolean;
-    /** Callback when the collapsed state changes */
-    onToggle?: (collapsed: boolean) => void;
-    testIds?: {
-        header?: string;
-        title?: string;
-        subtitle?: string;
-        actions?: string;
-        collapse?: string;
-    };
-    variant?: VariantType;
-    /** Title size of the inner text */
-    titleSize?: SizeType<'small' | 'medium'>;
-}
-export declare const Section: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLDivElement>>;
-export default Section;
-//# sourceMappingURL=Section.d.ts.map

package/dist-package/src/Section/Section.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Section.d.ts","sourceRoot":"","sources":["../../../src/Section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACtC,OAAO,KAA+B,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AASjE,aAAK,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,eAAe,CAAA;AAE3D,MAAM,WAAW,KAAM,SAAQ,SAAS;IACtC,2BAA2B;IAC3B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,kCAAkC;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,uCAAuC;IACvC,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,iCAAiC;IACjC,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;IACvC,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,OAAO,CAAC,EAAE,MAAM,CAAA;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;KAClB,CAAA;IACD,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,mCAAmC;IACnC,SAAS,CAAC,EAAE,QAAQ,CAAC,OAAO,GAAG,QAAQ,CAAC,CAAA;CACzC;AAkDD,eAAO,MAAM,OAAO,8EA4HlB,CAAA;AASF,eAAe,OAAO,CAAA"}

package/dist-package/src/Section/Section.js

@@ -1,86 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import React, { forwardRef, useState } from 'react';
-import { ButtonCircular } from '@toptal/picasso-button';
-import { Container } from '@toptal/picasso-container';
-import { Typography } from '@toptal/picasso-typography';
-import { isString, Rotate180 } from '@toptal/picasso-utils';
-import { ArrowDownMinor16 } from '@toptal/picasso-icons';
-import { twMerge, twJoin } from '@toptal/picasso-tailwind-merge';
-import { Collapse } from '@toptal/picasso-collapse';
-const headerBarClasses = [
-    'pt-3 pb-3 pl-4 pr-4',
-    'rounded-tl-md rounded-tr-md rounded-br-0 rounded-bl-0',
-    'border-solid border-l-0 border-r-0 border-t-0 border-b border-gray-400',
-    'bg-gray-100',
-];
-const classesByCollapsedHeader = {
-    default: 'pb-0',
-    bordered: 'pb-0',
-    withHeaderBar: ['border-b-0 rounded-md', 'transition delay-300'],
-};
-const getVariantClasses = (variant, collapsible, className) => {
-    const defaultChildMargin = collapsible
-        ? ''
-        : '[&>:last-child:not(:first-child)]:mt-6';
-    const classesByVariant = {
-        default: defaultChildMargin,
-        bordered: [
-            defaultChildMargin,
-            'border rounded-md border-solid border-gray-300',
-            'p-8 [&>:last-child]:pb-0',
-        ],
-        withHeaderBar: 'p-0 rounded-md border border-solid border-gray-400',
-    };
-    return twMerge('pt-8', classesByVariant[variant], collapsible && variant === 'bordered' && 'p-6', className);
-};
-const getHeaderClasses = (variant, isCollapsed) => {
-    return twJoin('flex items-center', variant === 'withHeaderBar' && headerBarClasses, isCollapsed && classesByCollapsedHeader[variant]);
-};
-export const Section = forwardRef(function Section(props, ref) {
-    const { className, style, title, subtitle, actions, children, testIds, collapsible = false, defaultCollapsed = true, collapsed, onToggle, variant = 'default', titleSize = 'medium' } = props, rest = __rest(props, ["className", "style", "title", "subtitle", "actions", "children", "testIds", "collapsible", "defaultCollapsed", "collapsed", "onToggle", "variant", "titleSize"]);
-    const [internalCollapsed, setInternalCollapsed] = useState(collapsible ? defaultCollapsed : false);
-    const isCollapsed = collapsed !== undefined ? collapsed : internalCollapsed;
-    const toggleCollapse = () => {
-        const newCollapsed = !isCollapsed;
-        if (onToggle) {
-            onToggle(newCollapsed);
-        }
-        else {
-            setInternalCollapsed(newCollapsed);
-        }
-    };
-    const renderTitle = () => title ? (React.createElement(Typography, { as: isString(title) ? undefined : 'div', className: 'mr-4 min-w-0', "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.title, variant: 'heading', size: titleSize }, title)) : null;
-    const renderSubtitle = () => subtitle ? (React.createElement(Typography, { as: isString(subtitle) ? undefined : 'div', className: 'self-center !mr-4 min-w-0', "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.subtitle, size: 'medium', color: 'dark-grey' }, subtitle)) : null;
-    const renderCollapse = () => collapsible ? (React.createElement(ButtonCircular, { onClick: toggleCollapse, "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.collapse, variant: 'flat', icon: React.createElement(Rotate180, { on: !isCollapsed },
-            React.createElement(ArrowDownMinor16, null)) })) : null;
-    const hasActions = actions || collapsible;
-    const renderActions = () => hasActions ? (React.createElement(Container, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.actions, flex: true, alignItems: 'center', className: 'ml-auto' },
-        actions,
-        renderCollapse())) : null;
-    const hasHeader = title || subtitle || hasActions;
-    return (React.createElement(Container, Object.assign({ ref: ref, variant: ['bordered', 'withHeaderBar'].includes(variant) ? 'white' : undefined, style: style }, rest, { className: getVariantClasses(variant, collapsible, className) }),
-        hasHeader && (React.createElement(Container, { "data-testid": testIds === null || testIds === void 0 ? void 0 : testIds.header, className: getHeaderClasses(variant, isCollapsed) },
-            renderTitle(),
-            renderSubtitle(),
-            renderActions())),
-        React.createElement(Collapse, { in: !isCollapsed, unmountOnExit: true },
-            React.createElement(Container, { className: variant === 'withHeaderBar' ? 'p-6' : collapsible ? 'mt-6' : '' }, children))));
-});
-Section.displayName = 'Section';
-Section.defaultProps = {
-    collapsible: false,
-    defaultCollapsed: true,
-    titleSize: 'medium',
-};
-export default Section;
-//# sourceMappingURL=Section.js.map

package/dist-package/src/Section/Section.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../src/Section/Section.tsx"],"names":[],"mappings":"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"}

package/dist-package/src/Section/index.d.ts

@@ -1,5 +0,0 @@
-import type { OmitInternalProps } from '@toptal/picasso-shared';
-import type { Props } from './Section';
-export { default as Section } from './Section';
-export declare type SectionProps = OmitInternalProps<Props>;
-//# sourceMappingURL=index.d.ts.map

package/dist-package/src/Section/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/Section/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAE/D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAEtC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AAC9C,oBAAY,YAAY,GAAG,iBAAiB,CAAC,KAAK,CAAC,CAAA"}

package/dist-package/src/Section/index.js

@@ -1,2 +0,0 @@
-export { default as Section } from './Section';
-//# sourceMappingURL=index.js.map

package/dist-package/src/Section/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Section/index.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA"}

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

@@ -1,2 +0,0 @@
-export * from './Section';
-//# sourceMappingURL=index.d.ts.map

package/dist-package/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}

package/dist-package/src/index.js

@@ -1,2 +0,0 @@
-export * from './Section';
-//# sourceMappingURL=index.js.map

package/dist-package/src/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAA"}