@integration-app/react 2.0.2 → 2.0.3-beta.1
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/cjs/_modules/awesome-debounce-promise.cjs +20 -0
- package/dist/cjs/components/Integrations/IntegrationAvatar/index.cjs +57 -0
- package/dist/cjs/components/Integrations/IntegrationItem/index.cjs +56 -0
- package/dist/cjs/components/Integrations/IntegrationItemSkeleton.cjs +45 -0
- package/dist/cjs/contexts/integration-app-context.cjs +48 -0
- package/dist/cjs/hooks/actions/useAction.cjs +37 -0
- package/dist/cjs/hooks/actions/useActionInstance.cjs +51 -0
- package/dist/cjs/hooks/actions/useActionInstances.cjs +21 -0
- package/dist/cjs/hooks/actions/useActions.cjs +21 -0
- package/dist/cjs/hooks/app-data-schemas/useAppDataSchema.cjs +23 -0
- package/dist/cjs/hooks/app-data-schemas/useAppDataSchemaInstance.cjs +38 -0
- package/dist/cjs/hooks/app-data-schemas/useAppDataSchemaInstances.cjs +24 -0
- package/dist/cjs/hooks/app-data-schemas/useAppDataSchemas.cjs +21 -0
- package/dist/cjs/hooks/app-events/useAppEventSubscription.cjs +23 -0
- package/dist/cjs/hooks/app-events/useAppEventSubscriptions.cjs +24 -0
- package/dist/cjs/hooks/app-events/useAppEventType.cjs +23 -0
- package/dist/cjs/hooks/app-events/useAppEventTypes.cjs +21 -0
- package/dist/cjs/hooks/app-events/useAppEvents.cjs +21 -0
- package/dist/cjs/hooks/customers/useCustomer.cjs +23 -0
- package/dist/cjs/hooks/customers/useCustomers.cjs +21 -0
- package/dist/cjs/hooks/data-collections/useDataCollectionSpec.cjs +31 -0
- package/dist/cjs/hooks/data-links/useDataLinkTable.cjs +23 -0
- package/dist/cjs/hooks/data-links/useDataLinkTableInstance.cjs +36 -0
- package/dist/cjs/hooks/data-links/useDataLinkTableInstances.cjs +24 -0
- package/dist/cjs/hooks/data-links/useDataLinkTables.cjs +21 -0
- package/dist/cjs/hooks/data-sources/useDataSource.cjs +37 -0
- package/dist/cjs/hooks/data-sources/useDataSourceInstance.cjs +79 -0
- package/dist/cjs/hooks/data-sources/useDataSourceInstanceCollection.cjs +32 -0
- package/dist/cjs/hooks/data-sources/useDataSourceInstances.cjs +24 -0
- package/dist/cjs/hooks/data-sources/useDataSources.cjs +21 -0
- package/dist/cjs/hooks/external-events/useExternalEventSubscription.cjs +58 -0
- package/dist/cjs/hooks/external-events/useExternalEventSubscriptions.cjs +24 -0
- package/dist/cjs/hooks/field-mappings/useFieldMapping.cjs +37 -0
- package/dist/cjs/hooks/field-mappings/useFieldMappingInstance.cjs +47 -0
- package/dist/cjs/hooks/field-mappings/useFieldMappingInstances.cjs +24 -0
- package/dist/cjs/hooks/field-mappings/useFieldMappings.cjs +21 -0
- package/dist/cjs/hooks/flows/useFlow.cjs +37 -0
- package/dist/cjs/hooks/flows/useFlowInstance.cjs +65 -0
- package/dist/cjs/hooks/flows/useFlowInstances.cjs +21 -0
- package/dist/cjs/hooks/flows/useFlowRun.cjs +35 -0
- package/dist/cjs/hooks/flows/useFlowRuns.cjs +21 -0
- package/dist/cjs/hooks/flows/useFlows.cjs +21 -0
- package/dist/cjs/hooks/integrations/useConnection.cjs +26 -0
- package/dist/cjs/hooks/integrations/useConnections.cjs +21 -0
- package/dist/cjs/hooks/integrations/useConnectorSpec.cjs +23 -0
- package/dist/cjs/hooks/integrations/useIntegration.cjs +23 -0
- package/dist/cjs/hooks/integrations/useIntegrations.cjs +21 -0
- package/dist/cjs/hooks/scenarios/useScenario.cjs +23 -0
- package/dist/cjs/hooks/scenarios/useScenarios.cjs +21 -0
- package/dist/cjs/hooks/screens/useScreen.cjs +23 -0
- package/dist/cjs/hooks/useElement.cjs +124 -0
- package/dist/cjs/hooks/useElements.cjs +76 -0
- package/dist/cjs/hooks/useIntegrationAppSWR.cjs +23 -0
- package/dist/cjs/index.cjs +129 -0
- package/dist/cjs/styled-system/css/conditions.cjs +47 -0
- package/dist/cjs/styled-system/css/css.cjs +58 -0
- package/dist/cjs/styled-system/css/cva.cjs +100 -0
- package/dist/cjs/styled-system/css/cx.cjs +24 -0
- package/dist/cjs/styled-system/helpers.cjs +300 -0
- package/dist/cjs/styled-system/jsx/box.cjs +24 -0
- package/dist/cjs/styled-system/jsx/center.cjs +24 -0
- package/dist/cjs/styled-system/jsx/circle.cjs +24 -0
- package/dist/cjs/styled-system/jsx/factory-helper.cjs +36 -0
- package/dist/cjs/styled-system/jsx/factory.cjs +93 -0
- package/dist/cjs/styled-system/jsx/flex.cjs +24 -0
- package/dist/cjs/styled-system/jsx/is-valid-prop.cjs +24 -0
- package/dist/cjs/styled-system/jsx/visually-hidden.cjs +24 -0
- package/dist/cjs/styled-system/patterns/box.cjs +23 -0
- package/dist/cjs/styled-system/patterns/center.cjs +29 -0
- package/dist/cjs/styled-system/patterns/circle.cjs +33 -0
- package/dist/cjs/styled-system/patterns/flex.cjs +34 -0
- package/dist/cjs/styled-system/patterns/visually-hidden.cjs +26 -0
- package/dist/cjs/styled-system/recipes/avatar.cjs +64 -0
- package/dist/cjs/styled-system/recipes/button.cjs +54 -0
- package/dist/cjs/styled-system/recipes/create-recipe.cjs +94 -0
- package/dist/cjs/styled-system/recipes/icon.cjs +46 -0
- package/dist/cjs/styled-system/recipes/skeleton.cjs +35 -0
- package/dist/cjs/styled-system/recipes/spinner.cjs +45 -0
- package/dist/cjs/styled-system/recipes/text.cjs +52 -0
- package/dist/cjs/ui-kit/avatar.cjs +40 -0
- package/dist/cjs/ui-kit/button.cjs +44 -0
- package/dist/cjs/ui-kit/spinner.cjs +36 -0
- package/dist/cjs/ui-kit/styled/avatar.cjs +31 -0
- package/dist/cjs/ui-kit/styled/button.cjs +22 -0
- package/dist/cjs/ui-kit/styled/icon.cjs +24 -0
- package/dist/cjs/ui-kit/styled/skeleton.cjs +34 -0
- package/dist/cjs/ui-kit/styled/spinner.cjs +22 -0
- package/dist/cjs/ui-kit/styled/text.cjs +21 -0
- package/dist/cjs/ui-kit/styled/utils/create-style-context.cjs +76 -0
- package/dist/esm/_modules/awesome-debounce-promise.mjs +16 -0
- package/dist/esm/components/Integrations/IntegrationAvatar/index.mjs +55 -0
- package/dist/esm/components/Integrations/IntegrationItem/index.mjs +54 -0
- package/dist/esm/components/Integrations/IntegrationItemSkeleton.mjs +43 -0
- package/dist/esm/contexts/integration-app-context.mjs +45 -0
- package/dist/esm/hooks/actions/useAction.mjs +35 -0
- package/dist/esm/hooks/actions/useActionInstance.mjs +49 -0
- package/dist/esm/hooks/actions/useActionInstances.mjs +19 -0
- package/dist/esm/hooks/actions/useActions.mjs +19 -0
- package/dist/esm/hooks/app-data-schemas/useAppDataSchema.mjs +21 -0
- package/dist/esm/hooks/app-data-schemas/useAppDataSchemaInstance.mjs +36 -0
- package/dist/esm/hooks/app-data-schemas/useAppDataSchemaInstances.mjs +22 -0
- package/dist/esm/hooks/app-data-schemas/useAppDataSchemas.mjs +19 -0
- package/dist/esm/hooks/app-events/useAppEventSubscription.mjs +21 -0
- package/dist/esm/hooks/app-events/useAppEventSubscriptions.mjs +22 -0
- package/dist/esm/hooks/app-events/useAppEventType.mjs +21 -0
- package/dist/esm/hooks/app-events/useAppEventTypes.mjs +19 -0
- package/dist/esm/hooks/app-events/useAppEvents.mjs +19 -0
- package/dist/esm/hooks/customers/useCustomer.mjs +21 -0
- package/dist/esm/hooks/customers/useCustomers.mjs +19 -0
- package/dist/esm/hooks/data-collections/useDataCollectionSpec.mjs +29 -0
- package/dist/esm/hooks/data-links/useDataLinkTable.mjs +21 -0
- package/dist/esm/hooks/data-links/useDataLinkTableInstance.mjs +34 -0
- package/dist/esm/hooks/data-links/useDataLinkTableInstances.mjs +22 -0
- package/dist/esm/hooks/data-links/useDataLinkTables.mjs +19 -0
- package/dist/esm/hooks/data-sources/useDataSource.mjs +35 -0
- package/dist/esm/hooks/data-sources/useDataSourceInstance.mjs +77 -0
- package/dist/esm/hooks/data-sources/useDataSourceInstanceCollection.mjs +30 -0
- package/dist/esm/hooks/data-sources/useDataSourceInstances.mjs +22 -0
- package/dist/esm/hooks/data-sources/useDataSources.mjs +19 -0
- package/dist/esm/hooks/external-events/useExternalEventSubscription.mjs +56 -0
- package/dist/esm/hooks/external-events/useExternalEventSubscriptions.mjs +22 -0
- package/dist/esm/hooks/field-mappings/useFieldMapping.mjs +35 -0
- package/dist/esm/hooks/field-mappings/useFieldMappingInstance.mjs +45 -0
- package/dist/esm/hooks/field-mappings/useFieldMappingInstances.mjs +22 -0
- package/dist/esm/hooks/field-mappings/useFieldMappings.mjs +19 -0
- package/dist/esm/hooks/flows/useFlow.mjs +35 -0
- package/dist/esm/hooks/flows/useFlowInstance.mjs +63 -0
- package/dist/esm/hooks/flows/useFlowInstances.mjs +19 -0
- package/dist/esm/hooks/flows/useFlowRun.mjs +33 -0
- package/dist/esm/hooks/flows/useFlowRuns.mjs +19 -0
- package/dist/esm/hooks/flows/useFlows.mjs +19 -0
- package/dist/esm/hooks/integrations/useConnection.mjs +24 -0
- package/dist/esm/hooks/integrations/useConnections.mjs +19 -0
- package/dist/esm/hooks/integrations/useConnectorSpec.mjs +21 -0
- package/dist/esm/hooks/integrations/useIntegration.mjs +21 -0
- package/dist/esm/hooks/integrations/useIntegrations.mjs +19 -0
- package/dist/esm/hooks/scenarios/useScenario.mjs +21 -0
- package/dist/esm/hooks/scenarios/useScenarios.mjs +19 -0
- package/dist/esm/hooks/screens/useScreen.mjs +21 -0
- package/dist/esm/hooks/useElement.mjs +122 -0
- package/dist/esm/hooks/useElements.mjs +74 -0
- package/dist/esm/hooks/useIntegrationAppSWR.mjs +21 -0
- package/dist/esm/index.mjs +62 -0
- package/dist/esm/styled-system/css/conditions.mjs +43 -0
- package/dist/esm/styled-system/css/css.mjs +54 -0
- package/dist/esm/styled-system/css/cva.mjs +96 -0
- package/dist/esm/styled-system/css/cx.mjs +22 -0
- package/dist/esm/styled-system/helpers.mjs +280 -0
- package/dist/esm/styled-system/jsx/box.mjs +22 -0
- package/dist/esm/styled-system/jsx/center.mjs +22 -0
- package/dist/esm/styled-system/jsx/circle.mjs +22 -0
- package/dist/esm/styled-system/jsx/factory-helper.mjs +31 -0
- package/dist/esm/styled-system/jsx/factory.mjs +91 -0
- package/dist/esm/styled-system/jsx/flex.mjs +22 -0
- package/dist/esm/styled-system/jsx/is-valid-prop.mjs +21 -0
- package/dist/esm/styled-system/jsx/visually-hidden.mjs +22 -0
- package/dist/esm/styled-system/patterns/box.mjs +21 -0
- package/dist/esm/styled-system/patterns/center.mjs +27 -0
- package/dist/esm/styled-system/patterns/circle.mjs +31 -0
- package/dist/esm/styled-system/patterns/flex.mjs +32 -0
- package/dist/esm/styled-system/patterns/visually-hidden.mjs +24 -0
- package/dist/esm/styled-system/recipes/avatar.mjs +62 -0
- package/dist/esm/styled-system/recipes/button.mjs +52 -0
- package/dist/esm/styled-system/recipes/create-recipe.mjs +91 -0
- package/dist/esm/styled-system/recipes/icon.mjs +44 -0
- package/dist/esm/styled-system/recipes/skeleton.mjs +33 -0
- package/dist/esm/styled-system/recipes/spinner.mjs +43 -0
- package/dist/esm/styled-system/recipes/text.mjs +50 -0
- package/dist/esm/ui-kit/avatar.mjs +38 -0
- package/dist/esm/ui-kit/button.mjs +42 -0
- package/dist/esm/ui-kit/spinner.mjs +34 -0
- package/dist/esm/ui-kit/styled/avatar.mjs +24 -0
- package/dist/esm/ui-kit/styled/button.mjs +20 -0
- package/dist/esm/ui-kit/styled/icon.mjs +22 -0
- package/dist/esm/ui-kit/styled/skeleton.mjs +32 -0
- package/dist/esm/ui-kit/styled/spinner.mjs +20 -0
- package/dist/esm/ui-kit/styled/text.mjs +19 -0
- package/dist/esm/ui-kit/styled/utils/create-style-context.mjs +74 -0
- package/dist/styles.css +13918 -0
- package/dist/types/_modules/awesome-debounce-promise.d.ts +2 -0
- package/dist/types/components/Integrations/IntegrationAvatar/index.d.ts +6 -0
- package/dist/types/components/Integrations/IntegrationItem/index.d.ts +8 -0
- package/dist/types/components/Integrations/IntegrationItemSkeleton.d.ts +4 -0
- package/dist/types/components/Integrations/index.d.ts +3 -0
- package/dist/types/contexts/index.d.ts +2 -0
- package/dist/types/contexts/integration-app-context.d.ts +14 -0
- package/dist/types/hooks/actions/useAction.d.ts +16 -0
- package/dist/types/hooks/actions/useActionInstance.d.ts +18 -0
- package/dist/types/hooks/actions/useActionInstances.d.ts +11 -0
- package/dist/types/hooks/actions/useActions.d.ts +11 -0
- package/dist/types/hooks/app-data-schemas/useAppDataSchema.d.ts +14 -0
- package/dist/types/hooks/app-data-schemas/useAppDataSchemaInstance.d.ts +15 -0
- package/dist/types/hooks/app-data-schemas/useAppDataSchemaInstances.d.ts +11 -0
- package/dist/types/hooks/app-data-schemas/useAppDataSchemas.d.ts +11 -0
- package/dist/types/hooks/app-events/useAppEventSubscription.d.ts +14 -0
- package/dist/types/hooks/app-events/useAppEventSubscriptions.d.ts +11 -0
- package/dist/types/hooks/app-events/useAppEventType.d.ts +15 -0
- package/dist/types/hooks/app-events/useAppEventTypes.d.ts +11 -0
- package/dist/types/hooks/app-events/useAppEvents.d.ts +11 -0
- package/dist/types/hooks/customers/useCustomer.d.ts +14 -0
- package/dist/types/hooks/customers/useCustomers.d.ts +11 -0
- package/dist/types/hooks/data-collections/useDataCollectionSpec.d.ts +6 -0
- package/dist/types/hooks/data-form/index.d.ts +1 -0
- package/dist/types/hooks/data-links/useDataLinkTable.d.ts +14 -0
- package/dist/types/hooks/data-links/useDataLinkTableInstance.d.ts +17 -0
- package/dist/types/hooks/data-links/useDataLinkTableInstances.d.ts +11 -0
- package/dist/types/hooks/data-links/useDataLinkTables.d.ts +11 -0
- package/dist/types/hooks/data-sources/useDataSource.d.ts +16 -0
- package/dist/types/hooks/data-sources/useDataSourceInstance.d.ts +25 -0
- package/dist/types/hooks/data-sources/useDataSourceInstanceCollection.d.ts +7 -0
- package/dist/types/hooks/data-sources/useDataSourceInstances.d.ts +11 -0
- package/dist/types/hooks/data-sources/useDataSources.d.ts +11 -0
- package/dist/types/hooks/external-events/useExternalEventSubscription.d.ts +19 -0
- package/dist/types/hooks/external-events/useExternalEventSubscriptions.d.ts +11 -0
- package/dist/types/hooks/field-mappings/useFieldMapping.d.ts +16 -0
- package/dist/types/hooks/field-mappings/useFieldMappingInstance.d.ts +17 -0
- package/dist/types/hooks/field-mappings/useFieldMappingInstances.d.ts +11 -0
- package/dist/types/hooks/field-mappings/useFieldMappings.d.ts +11 -0
- package/dist/types/hooks/flows/useFlow.d.ts +16 -0
- package/dist/types/hooks/flows/useFlowInstance.d.ts +21 -0
- package/dist/types/hooks/flows/useFlowInstances.d.ts +11 -0
- package/dist/types/hooks/flows/useFlowRun.d.ts +8 -0
- package/dist/types/hooks/flows/useFlowRuns.d.ts +11 -0
- package/dist/types/hooks/flows/useFlows.d.ts +11 -0
- package/dist/types/hooks/integrations/useConnection.d.ts +14 -0
- package/dist/types/hooks/integrations/useConnections.d.ts +11 -0
- package/dist/types/hooks/integrations/useConnectorSpec.d.ts +6 -0
- package/dist/types/hooks/integrations/useIntegration.d.ts +14 -0
- package/dist/types/hooks/integrations/useIntegrations.d.ts +11 -0
- package/dist/types/hooks/scenarios/useScenario.d.ts +14 -0
- package/dist/types/hooks/scenarios/useScenarios.d.ts +11 -0
- package/dist/types/hooks/screens/useScreen.d.ts +14 -0
- package/dist/types/hooks/useElement.d.ts +22 -0
- package/dist/types/hooks/useElements.d.ts +9 -0
- package/dist/types/hooks/useIntegrationAppSWR.d.ts +1 -0
- package/dist/types/index.d.ts +52 -0
- package/dist/types/storybook-helpers/withColorPalette.d.ts +6 -0
- package/dist/types/styled-system/css/css.d.ts +22 -0
- package/dist/types/styled-system/css/cva.d.ts +6 -0
- package/dist/types/styled-system/css/cx.d.ts +5 -0
- package/dist/types/styled-system/css/index.d.ts +5 -0
- package/dist/types/styled-system/css/sva.d.ts +4 -0
- package/dist/types/styled-system/jsx/aspect-ratio.d.ts +10 -0
- package/dist/types/styled-system/jsx/bleed.d.ts +10 -0
- package/dist/types/styled-system/jsx/box.d.ts +10 -0
- package/dist/types/styled-system/jsx/center.d.ts +10 -0
- package/dist/types/styled-system/jsx/circle.d.ts +10 -0
- package/dist/types/styled-system/jsx/container.d.ts +10 -0
- package/dist/types/styled-system/jsx/cq.d.ts +10 -0
- package/dist/types/styled-system/jsx/divider.d.ts +10 -0
- package/dist/types/styled-system/jsx/factory.d.ts +3 -0
- package/dist/types/styled-system/jsx/flex.d.ts +10 -0
- package/dist/types/styled-system/jsx/float.d.ts +10 -0
- package/dist/types/styled-system/jsx/grid-item.d.ts +10 -0
- package/dist/types/styled-system/jsx/grid.d.ts +10 -0
- package/dist/types/styled-system/jsx/hstack.d.ts +10 -0
- package/dist/types/styled-system/jsx/index.d.ts +24 -0
- package/dist/types/styled-system/jsx/is-valid-prop.d.ts +11 -0
- package/dist/types/styled-system/jsx/link-overlay.d.ts +10 -0
- package/dist/types/styled-system/jsx/spacer.d.ts +10 -0
- package/dist/types/styled-system/jsx/square.d.ts +10 -0
- package/dist/types/styled-system/jsx/stack.d.ts +10 -0
- package/dist/types/styled-system/jsx/visually-hidden.d.ts +10 -0
- package/dist/types/styled-system/jsx/vstack.d.ts +10 -0
- package/dist/types/styled-system/jsx/wrap.d.ts +10 -0
- package/dist/types/styled-system/patterns/aspect-ratio.d.ts +21 -0
- package/dist/types/styled-system/patterns/bleed.d.ts +22 -0
- package/dist/types/styled-system/patterns/box.d.ts +21 -0
- package/dist/types/styled-system/patterns/center.d.ts +21 -0
- package/dist/types/styled-system/patterns/circle.d.ts +21 -0
- package/dist/types/styled-system/patterns/container.d.ts +21 -0
- package/dist/types/styled-system/patterns/cq.d.ts +22 -0
- package/dist/types/styled-system/patterns/divider.d.ts +23 -0
- package/dist/types/styled-system/patterns/flex.d.ts +27 -0
- package/dist/types/styled-system/patterns/float.d.ts +24 -0
- package/dist/types/styled-system/patterns/grid-item.d.ts +26 -0
- package/dist/types/styled-system/patterns/grid.d.ts +25 -0
- package/dist/types/styled-system/patterns/hstack.d.ts +22 -0
- package/dist/types/styled-system/patterns/index.d.ts +21 -0
- package/dist/types/styled-system/patterns/link-overlay.d.ts +21 -0
- package/dist/types/styled-system/patterns/spacer.d.ts +21 -0
- package/dist/types/styled-system/patterns/square.d.ts +21 -0
- package/dist/types/styled-system/patterns/stack.d.ts +24 -0
- package/dist/types/styled-system/patterns/visually-hidden.d.ts +21 -0
- package/dist/types/styled-system/patterns/vstack.d.ts +22 -0
- package/dist/types/styled-system/patterns/wrap.d.ts +25 -0
- package/dist/types/styled-system/recipes/accordion.d.ts +31 -0
- package/dist/types/styled-system/recipes/alert.d.ts +28 -0
- package/dist/types/styled-system/recipes/avatar.d.ts +31 -0
- package/dist/types/styled-system/recipes/badge.d.ts +35 -0
- package/dist/types/styled-system/recipes/button.d.ts +35 -0
- package/dist/types/styled-system/recipes/card.d.ts +28 -0
- package/dist/types/styled-system/recipes/carousel.d.ts +31 -0
- package/dist/types/styled-system/recipes/checkbox.d.ts +31 -0
- package/dist/types/styled-system/recipes/clipboard.d.ts +28 -0
- package/dist/types/styled-system/recipes/code.d.ts +35 -0
- package/dist/types/styled-system/recipes/collapsible.d.ts +28 -0
- package/dist/types/styled-system/recipes/color-picker.d.ts +28 -0
- package/dist/types/styled-system/recipes/combobox.d.ts +31 -0
- package/dist/types/styled-system/recipes/date-picker.d.ts +28 -0
- package/dist/types/styled-system/recipes/dialog.d.ts +28 -0
- package/dist/types/styled-system/recipes/drawer.d.ts +31 -0
- package/dist/types/styled-system/recipes/editable.d.ts +28 -0
- package/dist/types/styled-system/recipes/field.d.ts +28 -0
- package/dist/types/styled-system/recipes/fieldset.d.ts +28 -0
- package/dist/types/styled-system/recipes/file-upload.d.ts +28 -0
- package/dist/types/styled-system/recipes/form-label.d.ts +31 -0
- package/dist/types/styled-system/recipes/hover-card.d.ts +28 -0
- package/dist/types/styled-system/recipes/icon.d.ts +31 -0
- package/dist/types/styled-system/recipes/index.d.ts +54 -0
- package/dist/types/styled-system/recipes/input.d.ts +31 -0
- package/dist/types/styled-system/recipes/kbd.d.ts +31 -0
- package/dist/types/styled-system/recipes/link.d.ts +28 -0
- package/dist/types/styled-system/recipes/menu.d.ts +31 -0
- package/dist/types/styled-system/recipes/number-input.d.ts +31 -0
- package/dist/types/styled-system/recipes/pagination.d.ts +28 -0
- package/dist/types/styled-system/recipes/pin-input.d.ts +31 -0
- package/dist/types/styled-system/recipes/popover.d.ts +28 -0
- package/dist/types/styled-system/recipes/progress.d.ts +31 -0
- package/dist/types/styled-system/recipes/qr-code.d.ts +28 -0
- package/dist/types/styled-system/recipes/radio-button-group.d.ts +35 -0
- package/dist/types/styled-system/recipes/radio-group.d.ts +31 -0
- package/dist/types/styled-system/recipes/rating-group.d.ts +31 -0
- package/dist/types/styled-system/recipes/segment-group.d.ts +31 -0
- package/dist/types/styled-system/recipes/select.d.ts +35 -0
- package/dist/types/styled-system/recipes/signature-pad.d.ts +28 -0
- package/dist/types/styled-system/recipes/skeleton.d.ts +28 -0
- package/dist/types/styled-system/recipes/slider.d.ts +31 -0
- package/dist/types/styled-system/recipes/spinner.d.ts +31 -0
- package/dist/types/styled-system/recipes/splitter.d.ts +28 -0
- package/dist/types/styled-system/recipes/switch-recipe.d.ts +31 -0
- package/dist/types/styled-system/recipes/table.d.ts +35 -0
- package/dist/types/styled-system/recipes/tabs.d.ts +35 -0
- package/dist/types/styled-system/recipes/tags-input.d.ts +31 -0
- package/dist/types/styled-system/recipes/text.d.ts +29 -0
- package/dist/types/styled-system/recipes/textarea.d.ts +31 -0
- package/dist/types/styled-system/recipes/toast.d.ts +28 -0
- package/dist/types/styled-system/recipes/toggle-group.d.ts +35 -0
- package/dist/types/styled-system/recipes/tooltip.d.ts +28 -0
- package/dist/types/styled-system/recipes/tree-view.d.ts +28 -0
- package/dist/types/styled-system/tokens/index.d.ts +9 -0
- package/dist/types/styled-system/tokens/tokens.d.ts +60 -0
- package/dist/types/styled-system/types/composition.d.ts +138 -0
- package/dist/types/styled-system/types/conditions.d.ts +264 -0
- package/dist/types/styled-system/types/csstype.d.ts +21298 -0
- package/dist/types/styled-system/types/global.d.ts +19 -0
- package/dist/types/styled-system/types/index.d.ts +8 -0
- package/dist/types/styled-system/types/jsx.d.ts +52 -0
- package/dist/types/styled-system/types/parts.d.ts +8 -0
- package/dist/types/styled-system/types/pattern.d.ts +78 -0
- package/dist/types/styled-system/types/prop-type.d.ts +245 -0
- package/dist/types/styled-system/types/recipe.d.ts +181 -0
- package/dist/types/styled-system/types/selectors.d.ts +59 -0
- package/dist/types/styled-system/types/static-css.d.ts +51 -0
- package/dist/types/styled-system/types/style-props.d.ts +7468 -0
- package/dist/types/styled-system/types/system-types.d.ts +109 -0
- package/dist/types/ui-kit/avatar.d.ts +6 -0
- package/dist/types/ui-kit/button.d.ts +9 -0
- package/dist/types/ui-kit/icon.d.ts +1 -0
- package/dist/types/ui-kit/skeleton.d.ts +1 -0
- package/dist/types/ui-kit/spinner.d.ts +5 -0
- package/dist/types/ui-kit/styled/avatar.d.ts +12 -0
- package/dist/types/ui-kit/styled/button.d.ts +5 -0
- package/dist/types/ui-kit/styled/icon.d.ts +5 -0
- package/dist/types/ui-kit/styled/skeleton.d.ts +7 -0
- package/dist/types/ui-kit/styled/spinner.d.ts +5 -0
- package/dist/types/ui-kit/styled/text.d.ts +8 -0
- package/dist/types/ui-kit/styled/utils/create-style-context.d.ts +20 -0
- package/dist/types/ui-kit/text.d.ts +1 -0
- package/dist/types/utils/types.d.ts +8 -0
- package/package.json +63 -25
- package/dist/index.d.ts +0 -625
- package/dist/index.js +0 -801
- package/dist/index.js.map +0 -1
- package/dist/index.module.d.mts +0 -625
- package/dist/index.module.mjs +0 -743
- package/dist/index.module.mjs.map +0 -1
@@ -0,0 +1,45 @@
|
|
1
|
+
/*
|
2
|
+
* Integration App React package
|
3
|
+
* {@link https://www.npmjs.com/package/@integration-app/react}
|
4
|
+
* v2.0.3-beta.1
|
5
|
+
*/
|
6
|
+
'use client';
|
7
|
+
|
8
|
+
'use strict';
|
9
|
+
|
10
|
+
var helpers = require('../helpers.cjs');
|
11
|
+
var createRecipe = require('./create-recipe.cjs');
|
12
|
+
|
13
|
+
const spinnerFn = /* @__PURE__ */ createRecipe.createRecipe('spinner', {
|
14
|
+
"size": "md"
|
15
|
+
}, []);
|
16
|
+
|
17
|
+
const spinnerVariantMap = {
|
18
|
+
"size": [
|
19
|
+
"xs",
|
20
|
+
"sm",
|
21
|
+
"md",
|
22
|
+
"lg",
|
23
|
+
"xl"
|
24
|
+
]
|
25
|
+
};
|
26
|
+
|
27
|
+
const spinnerVariantKeys = Object.keys(spinnerVariantMap);
|
28
|
+
|
29
|
+
const spinner = /* @__PURE__ */ Object.assign(helpers.memo(spinnerFn.recipeFn), {
|
30
|
+
__recipe__: true,
|
31
|
+
__name__: 'spinner',
|
32
|
+
__getCompoundVariantCss__: spinnerFn.__getCompoundVariantCss__,
|
33
|
+
raw: (props) => props,
|
34
|
+
variantKeys: spinnerVariantKeys,
|
35
|
+
variantMap: spinnerVariantMap,
|
36
|
+
merge(recipe) {
|
37
|
+
return createRecipe.mergeRecipes(this, recipe)
|
38
|
+
},
|
39
|
+
splitVariantProps(props) {
|
40
|
+
return helpers.splitProps(props, spinnerVariantKeys)
|
41
|
+
},
|
42
|
+
getVariantProps: spinnerFn.getVariantProps,
|
43
|
+
});
|
44
|
+
|
45
|
+
exports.spinner = spinner;
|
@@ -0,0 +1,52 @@
|
|
1
|
+
/*
|
2
|
+
* Integration App React package
|
3
|
+
* {@link https://www.npmjs.com/package/@integration-app/react}
|
4
|
+
* v2.0.3-beta.1
|
5
|
+
*/
|
6
|
+
'use client';
|
7
|
+
|
8
|
+
'use strict';
|
9
|
+
|
10
|
+
var helpers = require('../helpers.cjs');
|
11
|
+
var createRecipe = require('./create-recipe.cjs');
|
12
|
+
|
13
|
+
const textFn = /* @__PURE__ */ createRecipe.createRecipe('text', {}, []);
|
14
|
+
|
15
|
+
const textVariantMap = {
|
16
|
+
"variant": [
|
17
|
+
"heading"
|
18
|
+
],
|
19
|
+
"size": [
|
20
|
+
"xs",
|
21
|
+
"sm",
|
22
|
+
"md",
|
23
|
+
"lg",
|
24
|
+
"xl",
|
25
|
+
"2xl",
|
26
|
+
"3xl",
|
27
|
+
"4xl",
|
28
|
+
"5xl",
|
29
|
+
"6xl",
|
30
|
+
"7xl"
|
31
|
+
]
|
32
|
+
};
|
33
|
+
|
34
|
+
const textVariantKeys = Object.keys(textVariantMap);
|
35
|
+
|
36
|
+
const text = /* @__PURE__ */ Object.assign(helpers.memo(textFn.recipeFn), {
|
37
|
+
__recipe__: true,
|
38
|
+
__name__: 'text',
|
39
|
+
__getCompoundVariantCss__: textFn.__getCompoundVariantCss__,
|
40
|
+
raw: (props) => props,
|
41
|
+
variantKeys: textVariantKeys,
|
42
|
+
variantMap: textVariantMap,
|
43
|
+
merge(recipe) {
|
44
|
+
return createRecipe.mergeRecipes(this, recipe)
|
45
|
+
},
|
46
|
+
splitVariantProps(props) {
|
47
|
+
return helpers.splitProps(props, textVariantKeys)
|
48
|
+
},
|
49
|
+
getVariantProps: textFn.getVariantProps,
|
50
|
+
});
|
51
|
+
|
52
|
+
exports.text = text;
|
@@ -0,0 +1,40 @@
|
|
1
|
+
"use strict";
|
2
|
+
/*
|
3
|
+
* Integration App React package
|
4
|
+
* {@link https://www.npmjs.com/package/@integration-app/react}
|
5
|
+
* v2.0.3-beta.1
|
6
|
+
*/
|
7
|
+
'use client';
|
8
|
+
|
9
|
+
'use strict';
|
10
|
+
|
11
|
+
var jsxRuntime = require('react/jsx-runtime');
|
12
|
+
var React = require('react');
|
13
|
+
var avatar = require('./styled/avatar.cjs');
|
14
|
+
|
15
|
+
const Avatar = React.forwardRef((props, ref) => {
|
16
|
+
const { name, src, ...rootProps } = props;
|
17
|
+
return /* @__PURE__ */ jsxRuntime.jsxs(avatar.Root, { ref, ...rootProps, children: [
|
18
|
+
/* @__PURE__ */ jsxRuntime.jsx(avatar.Fallback, { children: getInitials(name) || /* @__PURE__ */ jsxRuntime.jsx(UserIcon, {}) }),
|
19
|
+
/* @__PURE__ */ jsxRuntime.jsx(avatar.Image, { src, alt: name })
|
20
|
+
] });
|
21
|
+
});
|
22
|
+
Avatar.displayName = "Avatar";
|
23
|
+
const UserIcon = () => /* @__PURE__ */ jsxRuntime.jsxs(
|
24
|
+
"svg",
|
25
|
+
{
|
26
|
+
xmlns: "http://www.w3.org/2000/svg",
|
27
|
+
viewBox: "0 0 24 24",
|
28
|
+
fill: "none",
|
29
|
+
stroke: "currentColor",
|
30
|
+
strokeWidth: "2",
|
31
|
+
children: [
|
32
|
+
/* @__PURE__ */ jsxRuntime.jsx("title", { children: "User Icon" }),
|
33
|
+
/* @__PURE__ */ jsxRuntime.jsx("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
|
34
|
+
/* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "7", r: "4" })
|
35
|
+
]
|
36
|
+
}
|
37
|
+
);
|
38
|
+
const getInitials = (name = "") => name.split(" ").map((part) => part[0]).splice(0, 2).join("").toUpperCase();
|
39
|
+
|
40
|
+
exports.Avatar = Avatar;
|
@@ -0,0 +1,44 @@
|
|
1
|
+
"use strict";
|
2
|
+
/*
|
3
|
+
* Integration App React package
|
4
|
+
* {@link https://www.npmjs.com/package/@integration-app/react}
|
5
|
+
* v2.0.3-beta.1
|
6
|
+
*/
|
7
|
+
'use client';
|
8
|
+
|
9
|
+
'use strict';
|
10
|
+
|
11
|
+
var jsxRuntime = require('react/jsx-runtime');
|
12
|
+
var React = require('react');
|
13
|
+
var factory = require('../styled-system/jsx/factory.cjs');
|
14
|
+
require('../styled-system/jsx/is-valid-prop.cjs');
|
15
|
+
require('../styled-system/helpers.cjs');
|
16
|
+
require('../styled-system/css/css.cjs');
|
17
|
+
var center = require('../styled-system/jsx/center.cjs');
|
18
|
+
var spinner = require('./spinner.cjs');
|
19
|
+
var button = require('./styled/button.cjs');
|
20
|
+
|
21
|
+
const Button = React.forwardRef(
|
22
|
+
(props, ref) => {
|
23
|
+
const { loading, disabled, loadingText, children, ...rest } = props;
|
24
|
+
const trulyDisabled = loading || disabled;
|
25
|
+
return /* @__PURE__ */ jsxRuntime.jsx(button.Button, { disabled: trulyDisabled, ref, ...rest, children: loading && !loadingText ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
26
|
+
/* @__PURE__ */ jsxRuntime.jsx(ButtonSpinner, {}),
|
27
|
+
/* @__PURE__ */ jsxRuntime.jsx(factory.styled.span, { opacity: 0, children })
|
28
|
+
] }) : loadingText ? loadingText : children });
|
29
|
+
}
|
30
|
+
);
|
31
|
+
Button.displayName = "Button";
|
32
|
+
const ButtonSpinner = () => /* @__PURE__ */ jsxRuntime.jsx(
|
33
|
+
center.Center,
|
34
|
+
{
|
35
|
+
inline: true,
|
36
|
+
position: "absolute",
|
37
|
+
transform: "translate(-50%, -50%)",
|
38
|
+
top: "50%",
|
39
|
+
insetStart: "50%",
|
40
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(spinner.Spinner, { colorPalette: "gray" })
|
41
|
+
}
|
42
|
+
);
|
43
|
+
|
44
|
+
exports.Button = Button;
|
@@ -0,0 +1,36 @@
|
|
1
|
+
"use strict";
|
2
|
+
/*
|
3
|
+
* Integration App React package
|
4
|
+
* {@link https://www.npmjs.com/package/@integration-app/react}
|
5
|
+
* v2.0.3-beta.1
|
6
|
+
*/
|
7
|
+
'use client';
|
8
|
+
|
9
|
+
'use strict';
|
10
|
+
|
11
|
+
var jsxRuntime = require('react/jsx-runtime');
|
12
|
+
var React = require('react');
|
13
|
+
var factory = require('../styled-system/jsx/factory.cjs');
|
14
|
+
require('../styled-system/jsx/is-valid-prop.cjs');
|
15
|
+
require('../styled-system/helpers.cjs');
|
16
|
+
require('../styled-system/css/css.cjs');
|
17
|
+
var spinner = require('./styled/spinner.cjs');
|
18
|
+
|
19
|
+
const Spinner = React.forwardRef(
|
20
|
+
(props, ref) => {
|
21
|
+
const { label = "Loading...", ...rest } = props;
|
22
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
23
|
+
spinner.Spinner,
|
24
|
+
{
|
25
|
+
ref,
|
26
|
+
borderBottomColor: "transparent",
|
27
|
+
borderLeftColor: "transparent",
|
28
|
+
...rest,
|
29
|
+
children: label && /* @__PURE__ */ jsxRuntime.jsx(factory.styled.span, { srOnly: true, children: label })
|
30
|
+
}
|
31
|
+
);
|
32
|
+
}
|
33
|
+
);
|
34
|
+
Spinner.displayName = "Spinner";
|
35
|
+
|
36
|
+
exports.Spinner = Spinner;
|
@@ -0,0 +1,31 @@
|
|
1
|
+
"use strict";
|
2
|
+
"use client";
|
3
|
+
/*
|
4
|
+
* Integration App React package
|
5
|
+
* {@link https://www.npmjs.com/package/@integration-app/react}
|
6
|
+
* v2.0.3-beta.1
|
7
|
+
*/
|
8
|
+
'use client';
|
9
|
+
|
10
|
+
'use strict';
|
11
|
+
|
12
|
+
var avatar = require('@ark-ui/react/avatar');
|
13
|
+
require('../../styled-system/helpers.cjs');
|
14
|
+
require('../../styled-system/css/conditions.cjs');
|
15
|
+
require('../../styled-system/css/css.cjs');
|
16
|
+
var avatar$1 = require('../../styled-system/recipes/avatar.cjs');
|
17
|
+
var createStyleContext = require('./utils/create-style-context.cjs');
|
18
|
+
|
19
|
+
const { withProvider, withContext } = createStyleContext.createStyleContext(avatar$1.avatar);
|
20
|
+
withProvider(avatar.Avatar.RootProvider, "root");
|
21
|
+
const Root = withProvider(avatar.Avatar.Root, "root");
|
22
|
+
const Fallback = withContext(avatar.Avatar.Fallback, "fallback");
|
23
|
+
const Image = withContext(avatar.Avatar.Image, "image");
|
24
|
+
|
25
|
+
Object.defineProperty(exports, "Context", {
|
26
|
+
enumerable: true,
|
27
|
+
get: function () { return avatar.AvatarContext; }
|
28
|
+
});
|
29
|
+
exports.Fallback = Fallback;
|
30
|
+
exports.Image = Image;
|
31
|
+
exports.Root = Root;
|
@@ -0,0 +1,22 @@
|
|
1
|
+
"use strict";
|
2
|
+
/*
|
3
|
+
* Integration App React package
|
4
|
+
* {@link https://www.npmjs.com/package/@integration-app/react}
|
5
|
+
* v2.0.3-beta.1
|
6
|
+
*/
|
7
|
+
'use client';
|
8
|
+
|
9
|
+
'use strict';
|
10
|
+
|
11
|
+
var react = require('@ark-ui/react');
|
12
|
+
var factory = require('../../styled-system/jsx/factory.cjs');
|
13
|
+
require('../../styled-system/jsx/is-valid-prop.cjs');
|
14
|
+
require('react');
|
15
|
+
require('../../styled-system/helpers.cjs');
|
16
|
+
require('../../styled-system/css/css.cjs');
|
17
|
+
require('../../styled-system/css/conditions.cjs');
|
18
|
+
var button = require('../../styled-system/recipes/button.cjs');
|
19
|
+
|
20
|
+
const Button = factory.styled(react.ark.button, button.button);
|
21
|
+
|
22
|
+
exports.Button = Button;
|
@@ -0,0 +1,24 @@
|
|
1
|
+
"use strict";
|
2
|
+
/*
|
3
|
+
* Integration App React package
|
4
|
+
* {@link https://www.npmjs.com/package/@integration-app/react}
|
5
|
+
* v2.0.3-beta.1
|
6
|
+
*/
|
7
|
+
'use client';
|
8
|
+
|
9
|
+
'use strict';
|
10
|
+
|
11
|
+
var factory$1 = require('@ark-ui/react/factory');
|
12
|
+
var factory = require('../../styled-system/jsx/factory.cjs');
|
13
|
+
require('../../styled-system/jsx/is-valid-prop.cjs');
|
14
|
+
require('react');
|
15
|
+
require('../../styled-system/helpers.cjs');
|
16
|
+
require('../../styled-system/css/css.cjs');
|
17
|
+
require('../../styled-system/css/conditions.cjs');
|
18
|
+
var icon = require('../../styled-system/recipes/icon.cjs');
|
19
|
+
|
20
|
+
const Icon = factory.styled(factory$1.ark.svg, icon.icon, {
|
21
|
+
defaultProps: { asChild: true }
|
22
|
+
});
|
23
|
+
|
24
|
+
exports.Icon = Icon;
|
@@ -0,0 +1,34 @@
|
|
1
|
+
"use strict";
|
2
|
+
"use client";
|
3
|
+
/*
|
4
|
+
* Integration App React package
|
5
|
+
* {@link https://www.npmjs.com/package/@integration-app/react}
|
6
|
+
* v2.0.3-beta.1
|
7
|
+
*/
|
8
|
+
'use client';
|
9
|
+
|
10
|
+
'use strict';
|
11
|
+
|
12
|
+
var jsxRuntime = require('react/jsx-runtime');
|
13
|
+
var factory$1 = require('@ark-ui/react/factory');
|
14
|
+
var React = require('react');
|
15
|
+
var factory = require('../../styled-system/jsx/factory.cjs');
|
16
|
+
require('../../styled-system/jsx/is-valid-prop.cjs');
|
17
|
+
require('../../styled-system/helpers.cjs');
|
18
|
+
require('../../styled-system/css/css.cjs');
|
19
|
+
require('../../styled-system/css/conditions.cjs');
|
20
|
+
var skeleton = require('../../styled-system/recipes/skeleton.cjs');
|
21
|
+
|
22
|
+
const StyledSkeleton = factory.styled(factory$1.ark.div, skeleton.skeleton);
|
23
|
+
const Skeleton = React.forwardRef(
|
24
|
+
(props, ref) => {
|
25
|
+
const { isLoaded, ...otherProps } = props;
|
26
|
+
if (isLoaded) {
|
27
|
+
return /* @__PURE__ */ jsxRuntime.jsx(factory.styled.div, { animation: "fade-in", ref, ...otherProps });
|
28
|
+
}
|
29
|
+
return /* @__PURE__ */ jsxRuntime.jsx(StyledSkeleton, { ref, ...otherProps });
|
30
|
+
}
|
31
|
+
);
|
32
|
+
Skeleton.displayName = "Skeleton";
|
33
|
+
|
34
|
+
exports.Skeleton = Skeleton;
|
@@ -0,0 +1,22 @@
|
|
1
|
+
"use strict";
|
2
|
+
/*
|
3
|
+
* Integration App React package
|
4
|
+
* {@link https://www.npmjs.com/package/@integration-app/react}
|
5
|
+
* v2.0.3-beta.1
|
6
|
+
*/
|
7
|
+
'use client';
|
8
|
+
|
9
|
+
'use strict';
|
10
|
+
|
11
|
+
var react = require('@ark-ui/react');
|
12
|
+
var factory = require('../../styled-system/jsx/factory.cjs');
|
13
|
+
require('../../styled-system/jsx/is-valid-prop.cjs');
|
14
|
+
require('react');
|
15
|
+
require('../../styled-system/helpers.cjs');
|
16
|
+
require('../../styled-system/css/css.cjs');
|
17
|
+
require('../../styled-system/css/conditions.cjs');
|
18
|
+
var spinner = require('../../styled-system/recipes/spinner.cjs');
|
19
|
+
|
20
|
+
const Spinner = factory.styled(react.ark.div, spinner.spinner);
|
21
|
+
|
22
|
+
exports.Spinner = Spinner;
|
@@ -0,0 +1,21 @@
|
|
1
|
+
"use strict";
|
2
|
+
/*
|
3
|
+
* Integration App React package
|
4
|
+
* {@link https://www.npmjs.com/package/@integration-app/react}
|
5
|
+
* v2.0.3-beta.1
|
6
|
+
*/
|
7
|
+
'use client';
|
8
|
+
|
9
|
+
'use strict';
|
10
|
+
|
11
|
+
var factory = require('../../styled-system/jsx/factory.cjs');
|
12
|
+
require('../../styled-system/jsx/is-valid-prop.cjs');
|
13
|
+
require('react');
|
14
|
+
require('../../styled-system/helpers.cjs');
|
15
|
+
require('../../styled-system/css/css.cjs');
|
16
|
+
require('../../styled-system/css/conditions.cjs');
|
17
|
+
var text = require('../../styled-system/recipes/text.cjs');
|
18
|
+
|
19
|
+
const Text = factory.styled("p", text.text);
|
20
|
+
|
21
|
+
exports.Text = Text;
|
@@ -0,0 +1,76 @@
|
|
1
|
+
"use strict";
|
2
|
+
/*
|
3
|
+
* Integration App React package
|
4
|
+
* {@link https://www.npmjs.com/package/@integration-app/react}
|
5
|
+
* v2.0.3-beta.1
|
6
|
+
*/
|
7
|
+
'use client';
|
8
|
+
|
9
|
+
'use strict';
|
10
|
+
|
11
|
+
var jsxRuntime = require('react/jsx-runtime');
|
12
|
+
var React = require('react');
|
13
|
+
require('../../../styled-system/css/css.cjs');
|
14
|
+
var cx = require('../../../styled-system/css/cx.cjs');
|
15
|
+
require('../../../styled-system/helpers.cjs');
|
16
|
+
var factory = require('../../../styled-system/jsx/factory.cjs');
|
17
|
+
var isValidProp = require('../../../styled-system/jsx/is-valid-prop.cjs');
|
18
|
+
|
19
|
+
const shouldForwardProp = (prop, variantKeys, options = {}) => options.forwardProps?.includes(prop) || !variantKeys.includes(prop) && !isValidProp.isCssProperty(prop);
|
20
|
+
const createStyleContext = (recipe) => {
|
21
|
+
const StyleContext = React.createContext(null);
|
22
|
+
const withRootProvider = (Component) => {
|
23
|
+
const StyledComponent = (props) => {
|
24
|
+
const [variantProps, otherProps] = recipe.splitVariantProps(props);
|
25
|
+
const slotStyles = recipe(variantProps);
|
26
|
+
return /* @__PURE__ */ jsxRuntime.jsx(StyleContext.Provider, { value: slotStyles, children: /* @__PURE__ */ jsxRuntime.jsx(Component, { ...otherProps }) });
|
27
|
+
};
|
28
|
+
return StyledComponent;
|
29
|
+
};
|
30
|
+
const withProvider = (Component, slot, options) => {
|
31
|
+
const StyledComponent = factory.styled(
|
32
|
+
Component,
|
33
|
+
{},
|
34
|
+
{
|
35
|
+
shouldForwardProp: (prop, variantKeys) => shouldForwardProp(prop, variantKeys, options)
|
36
|
+
}
|
37
|
+
);
|
38
|
+
const StyledSlotProvider = React.forwardRef((props, ref) => {
|
39
|
+
const [variantProps, otherProps] = recipe.splitVariantProps(props);
|
40
|
+
const slotStyles = recipe(variantProps);
|
41
|
+
return /* @__PURE__ */ jsxRuntime.jsx(StyleContext.Provider, { value: slotStyles, children: /* @__PURE__ */ jsxRuntime.jsx(
|
42
|
+
StyledComponent,
|
43
|
+
{
|
44
|
+
...otherProps,
|
45
|
+
ref,
|
46
|
+
className: cx.cx(slotStyles?.[slot], props.className)
|
47
|
+
}
|
48
|
+
) });
|
49
|
+
});
|
50
|
+
StyledSlotProvider.displayName = Component.displayName || Component.name;
|
51
|
+
return StyledSlotProvider;
|
52
|
+
};
|
53
|
+
const withContext = (Component, slot) => {
|
54
|
+
const StyledComponent = factory.styled(Component);
|
55
|
+
const StyledSlotComponent = React.forwardRef((props, ref) => {
|
56
|
+
const slotStyles = React.useContext(StyleContext);
|
57
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
58
|
+
StyledComponent,
|
59
|
+
{
|
60
|
+
...props,
|
61
|
+
ref,
|
62
|
+
className: cx.cx(slotStyles?.[slot], props.className)
|
63
|
+
}
|
64
|
+
);
|
65
|
+
});
|
66
|
+
StyledSlotComponent.displayName = Component.displayName || Component.name;
|
67
|
+
return StyledSlotComponent;
|
68
|
+
};
|
69
|
+
return {
|
70
|
+
withRootProvider,
|
71
|
+
withProvider,
|
72
|
+
withContext
|
73
|
+
};
|
74
|
+
};
|
75
|
+
|
76
|
+
exports.createStyleContext = createStyleContext;
|
@@ -0,0 +1,16 @@
|
|
1
|
+
"use strict";
|
2
|
+
/*
|
3
|
+
* Integration App React package
|
4
|
+
* {@link https://www.npmjs.com/package/@integration-app/react}
|
5
|
+
* v2.0.3-beta.1
|
6
|
+
*/
|
7
|
+
'use client';
|
8
|
+
|
9
|
+
import AwesomeDebouncePromiseImport from 'awesome-debounce-promise';
|
10
|
+
|
11
|
+
const AwesomeDebouncePromise = (
|
12
|
+
// @ts-ignore
|
13
|
+
AwesomeDebouncePromiseImport?.default ?? AwesomeDebouncePromiseImport
|
14
|
+
);
|
15
|
+
|
16
|
+
export { AwesomeDebouncePromise as default };
|
@@ -0,0 +1,55 @@
|
|
1
|
+
"use strict";
|
2
|
+
/*
|
3
|
+
* Integration App React package
|
4
|
+
* {@link https://www.npmjs.com/package/@integration-app/react}
|
5
|
+
* v2.0.3-beta.1
|
6
|
+
*/
|
7
|
+
'use client';
|
8
|
+
|
9
|
+
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
10
|
+
import { TbMoodSadFilled, TbMoodSmileFilled } from 'react-icons/tb';
|
11
|
+
import 'react';
|
12
|
+
import '../../../styled-system/css/css.mjs';
|
13
|
+
import '../../../styled-system/helpers.mjs';
|
14
|
+
import '../../../styled-system/jsx/is-valid-prop.mjs';
|
15
|
+
import { Box } from '../../../styled-system/jsx/box.mjs';
|
16
|
+
import { VisuallyHidden } from '../../../styled-system/jsx/visually-hidden.mjs';
|
17
|
+
import { Avatar } from '../../../ui-kit/avatar.mjs';
|
18
|
+
import { Icon } from '../../../ui-kit/styled/icon.mjs';
|
19
|
+
|
20
|
+
const IntegrationAvatarStatus = ({ integration, ...props }) => {
|
21
|
+
if (!integration.connection) return null;
|
22
|
+
const disconnected = integration.connection.disconnected;
|
23
|
+
const StatusIcon = disconnected ? TbMoodSadFilled : TbMoodSmileFilled;
|
24
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
25
|
+
/* @__PURE__ */ jsx(
|
26
|
+
Icon,
|
27
|
+
{
|
28
|
+
position: "absolute",
|
29
|
+
color: "white",
|
30
|
+
top: "-1.5",
|
31
|
+
right: "-1.5",
|
32
|
+
fill: disconnected ? "tomato.11" : "green",
|
33
|
+
bg: "white",
|
34
|
+
borderRadius: "full",
|
35
|
+
children: /* @__PURE__ */ jsx(StatusIcon, { "aria-hidden": "true", ...props })
|
36
|
+
}
|
37
|
+
),
|
38
|
+
/* @__PURE__ */ jsx(VisuallyHidden, { children: disconnected ? " - disconnected" : " - connected" })
|
39
|
+
] });
|
40
|
+
};
|
41
|
+
const IntegrationAvatar = ({ integration, ...props }) => {
|
42
|
+
return /* @__PURE__ */ jsxs(Box, { position: "relative", ...props, children: [
|
43
|
+
/* @__PURE__ */ jsx(
|
44
|
+
Avatar,
|
45
|
+
{
|
46
|
+
src: integration.logoUri,
|
47
|
+
name: integration.name,
|
48
|
+
"aria-hidden": "true"
|
49
|
+
}
|
50
|
+
),
|
51
|
+
/* @__PURE__ */ jsx(IntegrationAvatarStatus, { integration })
|
52
|
+
] });
|
53
|
+
};
|
54
|
+
|
55
|
+
export { IntegrationAvatar };
|
@@ -0,0 +1,54 @@
|
|
1
|
+
"use strict";
|
2
|
+
/*
|
3
|
+
* Integration App React package
|
4
|
+
* {@link https://www.npmjs.com/package/@integration-app/react}
|
5
|
+
* v2.0.3-beta.1
|
6
|
+
*/
|
7
|
+
'use client';
|
8
|
+
|
9
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
10
|
+
import React, { forwardRef, Children, Fragment as Fragment$1 } from 'react';
|
11
|
+
import { Button } from '../../../ui-kit/button.mjs';
|
12
|
+
import { Text } from '../../../ui-kit/styled/text.mjs';
|
13
|
+
import { IntegrationAvatar } from '../IntegrationAvatar/index.mjs';
|
14
|
+
|
15
|
+
const IntegrationItem = forwardRef(({ integration, children, asChild, ...props }, ref) => {
|
16
|
+
const hasDirectChild = Boolean(
|
17
|
+
children && Children.only(children) && React.isValidElement(children)
|
18
|
+
);
|
19
|
+
const directDescendant = hasDirectChild ? children : /* @__PURE__ */ jsx(Fragment$1, {});
|
20
|
+
return /* @__PURE__ */ jsx(
|
21
|
+
Button,
|
22
|
+
{
|
23
|
+
ref,
|
24
|
+
variant: "subtle",
|
25
|
+
colorPalette: "blue",
|
26
|
+
display: "flex",
|
27
|
+
bg: {
|
28
|
+
base: "white",
|
29
|
+
_hover: "revert-layer"
|
30
|
+
},
|
31
|
+
justifyContent: "start",
|
32
|
+
alignItems: "center",
|
33
|
+
gap: "2",
|
34
|
+
flexDirection: "column-reverse",
|
35
|
+
maxH: "initial",
|
36
|
+
h: "initial",
|
37
|
+
p: "3",
|
38
|
+
pt: "5",
|
39
|
+
borderRadius: "md",
|
40
|
+
minH: "28",
|
41
|
+
whiteSpace: "wrap",
|
42
|
+
...props,
|
43
|
+
asChild: asChild && hasDirectChild,
|
44
|
+
children: React.cloneElement(directDescendant, {
|
45
|
+
children: /* @__PURE__ */ jsxs(Fragment, { children: [
|
46
|
+
/* @__PURE__ */ jsx(Text, { color: "gray.12", size: "xs", children: integration.name }),
|
47
|
+
/* @__PURE__ */ jsx(IntegrationAvatar, { integration })
|
48
|
+
] })
|
49
|
+
})
|
50
|
+
}
|
51
|
+
);
|
52
|
+
});
|
53
|
+
|
54
|
+
export { IntegrationItem };
|
@@ -0,0 +1,43 @@
|
|
1
|
+
"use strict";
|
2
|
+
/*
|
3
|
+
* Integration App React package
|
4
|
+
* {@link https://www.npmjs.com/package/@integration-app/react}
|
5
|
+
* v2.0.3-beta.1
|
6
|
+
*/
|
7
|
+
'use client';
|
8
|
+
|
9
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
10
|
+
import { forwardRef } from 'react';
|
11
|
+
import { Skeleton } from '../../ui-kit/styled/skeleton.mjs';
|
12
|
+
import '../../styled-system/css/css.mjs';
|
13
|
+
import '../../styled-system/helpers.mjs';
|
14
|
+
import '../../styled-system/jsx/is-valid-prop.mjs';
|
15
|
+
import { Flex } from '../../styled-system/jsx/flex.mjs';
|
16
|
+
import { Circle } from '../../styled-system/jsx/circle.mjs';
|
17
|
+
|
18
|
+
const IntegrationItemSkeleton = forwardRef(({ ...props }, ref) => {
|
19
|
+
return /* @__PURE__ */ jsxs(
|
20
|
+
Flex,
|
21
|
+
{
|
22
|
+
ref,
|
23
|
+
display: "flex",
|
24
|
+
bg: "white",
|
25
|
+
justifyContent: "start",
|
26
|
+
alignItems: "center",
|
27
|
+
gap: "2",
|
28
|
+
flexDirection: "column",
|
29
|
+
p: "3",
|
30
|
+
pt: "5",
|
31
|
+
borderRadius: "md",
|
32
|
+
minH: "28",
|
33
|
+
whiteSpace: "wrap",
|
34
|
+
...props,
|
35
|
+
children: [
|
36
|
+
/* @__PURE__ */ jsx(Skeleton, { borderRadius: "full", children: /* @__PURE__ */ jsx(Circle, { size: "10" }) }),
|
37
|
+
/* @__PURE__ */ jsx(Skeleton, { h: "4", w: "3/5" })
|
38
|
+
]
|
39
|
+
}
|
40
|
+
);
|
41
|
+
});
|
42
|
+
|
43
|
+
export { IntegrationItemSkeleton };
|
@@ -0,0 +1,45 @@
|
|
1
|
+
"use strict";
|
2
|
+
/*
|
3
|
+
* Integration App React package
|
4
|
+
* {@link https://www.npmjs.com/package/@integration-app/react}
|
5
|
+
* v2.0.3-beta.1
|
6
|
+
*/
|
7
|
+
'use client';
|
8
|
+
|
9
|
+
import { jsx } from 'react/jsx-runtime';
|
10
|
+
import { IntegrationAppClient } from '@integration-app/sdk';
|
11
|
+
import { createContext, useMemo, useContext } from 'react';
|
12
|
+
|
13
|
+
const IntegrationAppContext = createContext(null);
|
14
|
+
IntegrationAppContext.displayName = "IntegrationAppClientContext";
|
15
|
+
const IntegrationAppProvider = ({
|
16
|
+
token,
|
17
|
+
fetchToken,
|
18
|
+
credentials,
|
19
|
+
fetchCredentials,
|
20
|
+
/* FIXME: strictNullCheck temporary fix */
|
21
|
+
// @ts-expect-error TS(2322): Type 'null' is not assignable to type 'string'.
|
22
|
+
apiUri = null,
|
23
|
+
/* FIXME: strictNullCheck temporary fix */
|
24
|
+
// @ts-expect-error TS(2322): Type 'null' is not assignable to type 'string'.
|
25
|
+
uiUri = null,
|
26
|
+
children
|
27
|
+
}) => {
|
28
|
+
const client = useMemo(
|
29
|
+
() => new IntegrationAppClient({
|
30
|
+
token,
|
31
|
+
fetchToken,
|
32
|
+
credentials,
|
33
|
+
fetchCredentials,
|
34
|
+
apiUri,
|
35
|
+
uiUri
|
36
|
+
}),
|
37
|
+
[token, JSON.stringify(credentials), apiUri, uiUri]
|
38
|
+
);
|
39
|
+
return /* @__PURE__ */ jsx(IntegrationAppContext.Provider, { value: client, children });
|
40
|
+
};
|
41
|
+
function useIntegrationApp() {
|
42
|
+
return useContext(IntegrationAppContext);
|
43
|
+
}
|
44
|
+
|
45
|
+
export { IntegrationAppProvider, useIntegrationApp };
|