@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,32 @@
|
|
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
|
+
import { getPatternStyles, patternFns } from '../helpers.mjs';
|
9
|
+
import '../css/css.mjs';
|
10
|
+
|
11
|
+
const flexConfig = {
|
12
|
+
transform(props) {
|
13
|
+
const { direction, align, justify, wrap: wrap2, basis, grow, shrink, ...rest } = props;
|
14
|
+
return {
|
15
|
+
display: "flex",
|
16
|
+
flexDirection: direction,
|
17
|
+
alignItems: align,
|
18
|
+
justifyContent: justify,
|
19
|
+
flexWrap: wrap2,
|
20
|
+
flexBasis: basis,
|
21
|
+
flexGrow: grow,
|
22
|
+
flexShrink: shrink,
|
23
|
+
...rest
|
24
|
+
};
|
25
|
+
}};
|
26
|
+
|
27
|
+
const getFlexStyle = (styles = {}) => {
|
28
|
+
const _styles = getPatternStyles(flexConfig, styles);
|
29
|
+
return flexConfig.transform(_styles, patternFns)
|
30
|
+
};
|
31
|
+
|
32
|
+
export { getFlexStyle };
|
@@ -0,0 +1,24 @@
|
|
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
|
+
import { getPatternStyles, patternFns } from '../helpers.mjs';
|
9
|
+
import '../css/css.mjs';
|
10
|
+
|
11
|
+
const visuallyHiddenConfig = {
|
12
|
+
transform(props) {
|
13
|
+
return {
|
14
|
+
srOnly: true,
|
15
|
+
...props
|
16
|
+
};
|
17
|
+
}};
|
18
|
+
|
19
|
+
const getVisuallyHiddenStyle = (styles = {}) => {
|
20
|
+
const _styles = getPatternStyles(visuallyHiddenConfig, styles);
|
21
|
+
return visuallyHiddenConfig.transform(_styles, patternFns)
|
22
|
+
};
|
23
|
+
|
24
|
+
export { getVisuallyHiddenStyle };
|
@@ -0,0 +1,62 @@
|
|
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
|
+
import { splitProps, memo, compact, getSlotCompoundVariant } from '../helpers.mjs';
|
9
|
+
import { createRecipe } from './create-recipe.mjs';
|
10
|
+
|
11
|
+
const avatarDefaultVariants = {
|
12
|
+
"size": "md"
|
13
|
+
};
|
14
|
+
const avatarCompoundVariants = [];
|
15
|
+
|
16
|
+
const avatarSlotNames = [
|
17
|
+
[
|
18
|
+
"root",
|
19
|
+
"avatar__root"
|
20
|
+
],
|
21
|
+
[
|
22
|
+
"image",
|
23
|
+
"avatar__image"
|
24
|
+
],
|
25
|
+
[
|
26
|
+
"fallback",
|
27
|
+
"avatar__fallback"
|
28
|
+
]
|
29
|
+
];
|
30
|
+
const avatarSlotFns = /* @__PURE__ */ avatarSlotNames.map(([slotName, slotKey]) => [slotName, createRecipe(slotKey, avatarDefaultVariants, getSlotCompoundVariant(avatarCompoundVariants, slotName))]);
|
31
|
+
|
32
|
+
const avatarFn = memo((props = {}) => {
|
33
|
+
return Object.fromEntries(avatarSlotFns.map(([slotName, slotFn]) => [slotName, slotFn.recipeFn(props)]))
|
34
|
+
});
|
35
|
+
|
36
|
+
const avatarVariantKeys = [
|
37
|
+
"size"
|
38
|
+
];
|
39
|
+
const getVariantProps = (variants) => ({ ...avatarDefaultVariants, ...compact(variants) });
|
40
|
+
|
41
|
+
const avatar = /* @__PURE__ */ Object.assign(avatarFn, {
|
42
|
+
__recipe__: false,
|
43
|
+
__name__: 'avatar',
|
44
|
+
raw: (props) => props,
|
45
|
+
variantKeys: avatarVariantKeys,
|
46
|
+
variantMap: {
|
47
|
+
"size": [
|
48
|
+
"xs",
|
49
|
+
"sm",
|
50
|
+
"md",
|
51
|
+
"lg",
|
52
|
+
"xl",
|
53
|
+
"2xl"
|
54
|
+
]
|
55
|
+
},
|
56
|
+
splitVariantProps(props) {
|
57
|
+
return splitProps(props, avatarVariantKeys)
|
58
|
+
},
|
59
|
+
getVariantProps
|
60
|
+
});
|
61
|
+
|
62
|
+
export { avatar };
|
@@ -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
|
+
import { memo, splitProps } from '../helpers.mjs';
|
9
|
+
import { mergeRecipes, createRecipe } from './create-recipe.mjs';
|
10
|
+
|
11
|
+
const buttonFn = /* @__PURE__ */ createRecipe('button', {
|
12
|
+
"variant": "solid",
|
13
|
+
"size": "md"
|
14
|
+
}, []);
|
15
|
+
|
16
|
+
const buttonVariantMap = {
|
17
|
+
"variant": [
|
18
|
+
"solid",
|
19
|
+
"outline",
|
20
|
+
"ghost",
|
21
|
+
"link",
|
22
|
+
"subtle"
|
23
|
+
],
|
24
|
+
"size": [
|
25
|
+
"xs",
|
26
|
+
"sm",
|
27
|
+
"md",
|
28
|
+
"lg",
|
29
|
+
"xl",
|
30
|
+
"2xl"
|
31
|
+
]
|
32
|
+
};
|
33
|
+
|
34
|
+
const buttonVariantKeys = Object.keys(buttonVariantMap);
|
35
|
+
|
36
|
+
const button = /* @__PURE__ */ Object.assign(memo(buttonFn.recipeFn), {
|
37
|
+
__recipe__: true,
|
38
|
+
__name__: 'button',
|
39
|
+
__getCompoundVariantCss__: buttonFn.__getCompoundVariantCss__,
|
40
|
+
raw: (props) => props,
|
41
|
+
variantKeys: buttonVariantKeys,
|
42
|
+
variantMap: buttonVariantMap,
|
43
|
+
merge(recipe) {
|
44
|
+
return mergeRecipes(this, recipe)
|
45
|
+
},
|
46
|
+
splitVariantProps(props) {
|
47
|
+
return splitProps(props, buttonVariantKeys)
|
48
|
+
},
|
49
|
+
getVariantProps: buttonFn.getVariantProps,
|
50
|
+
});
|
51
|
+
|
52
|
+
export { button };
|
@@ -0,0 +1,91 @@
|
|
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
|
+
import { sortConditions, finalizeConditions } from '../css/conditions.mjs';
|
9
|
+
import { css } from '../css/css.mjs';
|
10
|
+
import { getCompoundVariantCss, assertCompoundVariant } from '../css/cva.mjs';
|
11
|
+
import { cx } from '../css/cx.mjs';
|
12
|
+
import { uniq, splitProps, compact, createCss, withoutSpace } from '../helpers.mjs';
|
13
|
+
|
14
|
+
const createRecipe = (name, defaultVariants, compoundVariants) => {
|
15
|
+
const getVariantProps = (variants) => {
|
16
|
+
return {
|
17
|
+
[name]: '__ignore__',
|
18
|
+
...defaultVariants,
|
19
|
+
...compact(variants),
|
20
|
+
};
|
21
|
+
};
|
22
|
+
|
23
|
+
const recipeFn = (variants, withCompoundVariants = true) => {
|
24
|
+
const transform = (prop, value) => {
|
25
|
+
assertCompoundVariant(name, compoundVariants, variants, prop);
|
26
|
+
|
27
|
+
if (value === '__ignore__') {
|
28
|
+
return { className: name }
|
29
|
+
}
|
30
|
+
|
31
|
+
value = withoutSpace(value);
|
32
|
+
return { className: `${name}--${prop}_${value}` }
|
33
|
+
};
|
34
|
+
|
35
|
+
const recipeCss = createCss({
|
36
|
+
|
37
|
+
conditions: {
|
38
|
+
shift: sortConditions,
|
39
|
+
finalize: finalizeConditions,
|
40
|
+
breakpoints: { keys: ["base","sm","md","lg","xl","2xl"] }
|
41
|
+
},
|
42
|
+
utility: {
|
43
|
+
prefix: "iap",
|
44
|
+
toHash: (path, hashFn) => hashFn(path.join(":")),
|
45
|
+
transform,
|
46
|
+
}
|
47
|
+
});
|
48
|
+
|
49
|
+
const recipeStyles = getVariantProps(variants);
|
50
|
+
|
51
|
+
if (withCompoundVariants) {
|
52
|
+
const compoundVariantStyles = getCompoundVariantCss(compoundVariants, recipeStyles);
|
53
|
+
return cx(recipeCss(recipeStyles), css(compoundVariantStyles))
|
54
|
+
}
|
55
|
+
|
56
|
+
return recipeCss(recipeStyles)
|
57
|
+
};
|
58
|
+
|
59
|
+
return {
|
60
|
+
recipeFn,
|
61
|
+
getVariantProps,
|
62
|
+
__getCompoundVariantCss__: (variants) => {
|
63
|
+
return getCompoundVariantCss(compoundVariants, getVariantProps(variants));
|
64
|
+
},
|
65
|
+
}
|
66
|
+
};
|
67
|
+
|
68
|
+
const mergeRecipes = (recipeA, recipeB) => {
|
69
|
+
if (recipeA && !recipeB) return recipeA
|
70
|
+
if (!recipeA && recipeB) return recipeB
|
71
|
+
|
72
|
+
const recipeFn = (...args) => cx(recipeA(...args), recipeB(...args));
|
73
|
+
const variantKeys = uniq(recipeA.variantKeys, recipeB.variantKeys);
|
74
|
+
const variantMap = variantKeys.reduce((acc, key) => {
|
75
|
+
acc[key] = uniq(recipeA.variantMap[key], recipeB.variantMap[key]);
|
76
|
+
return acc
|
77
|
+
}, {});
|
78
|
+
|
79
|
+
return Object.assign(recipeFn, {
|
80
|
+
__recipe__: true,
|
81
|
+
__name__: `${recipeA.__name__} ${recipeB.__name__}`,
|
82
|
+
raw: (props) => props,
|
83
|
+
variantKeys,
|
84
|
+
variantMap,
|
85
|
+
splitVariantProps(props) {
|
86
|
+
return splitProps(props, variantKeys)
|
87
|
+
},
|
88
|
+
})
|
89
|
+
};
|
90
|
+
|
91
|
+
export { createRecipe, mergeRecipes };
|
@@ -0,0 +1,44 @@
|
|
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
|
+
import { memo, splitProps } from '../helpers.mjs';
|
9
|
+
import { mergeRecipes, createRecipe } from './create-recipe.mjs';
|
10
|
+
|
11
|
+
const iconFn = /* @__PURE__ */ createRecipe('icon', {
|
12
|
+
"size": "md"
|
13
|
+
}, []);
|
14
|
+
|
15
|
+
const iconVariantMap = {
|
16
|
+
"size": [
|
17
|
+
"xs",
|
18
|
+
"sm",
|
19
|
+
"md",
|
20
|
+
"lg",
|
21
|
+
"xl",
|
22
|
+
"2xl"
|
23
|
+
]
|
24
|
+
};
|
25
|
+
|
26
|
+
const iconVariantKeys = Object.keys(iconVariantMap);
|
27
|
+
|
28
|
+
const icon = /* @__PURE__ */ Object.assign(memo(iconFn.recipeFn), {
|
29
|
+
__recipe__: true,
|
30
|
+
__name__: 'icon',
|
31
|
+
__getCompoundVariantCss__: iconFn.__getCompoundVariantCss__,
|
32
|
+
raw: (props) => props,
|
33
|
+
variantKeys: iconVariantKeys,
|
34
|
+
variantMap: iconVariantMap,
|
35
|
+
merge(recipe) {
|
36
|
+
return mergeRecipes(this, recipe)
|
37
|
+
},
|
38
|
+
splitVariantProps(props) {
|
39
|
+
return splitProps(props, iconVariantKeys)
|
40
|
+
},
|
41
|
+
getVariantProps: iconFn.getVariantProps,
|
42
|
+
});
|
43
|
+
|
44
|
+
export { icon };
|
@@ -0,0 +1,33 @@
|
|
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
|
+
import { memo, splitProps } from '../helpers.mjs';
|
9
|
+
import { mergeRecipes, createRecipe } from './create-recipe.mjs';
|
10
|
+
|
11
|
+
const skeletonFn = /* @__PURE__ */ createRecipe('skeleton', {}, []);
|
12
|
+
|
13
|
+
const skeletonVariantMap = {};
|
14
|
+
|
15
|
+
const skeletonVariantKeys = Object.keys(skeletonVariantMap);
|
16
|
+
|
17
|
+
const skeleton = /* @__PURE__ */ Object.assign(memo(skeletonFn.recipeFn), {
|
18
|
+
__recipe__: true,
|
19
|
+
__name__: 'skeleton',
|
20
|
+
__getCompoundVariantCss__: skeletonFn.__getCompoundVariantCss__,
|
21
|
+
raw: (props) => props,
|
22
|
+
variantKeys: skeletonVariantKeys,
|
23
|
+
variantMap: skeletonVariantMap,
|
24
|
+
merge(recipe) {
|
25
|
+
return mergeRecipes(this, recipe)
|
26
|
+
},
|
27
|
+
splitVariantProps(props) {
|
28
|
+
return splitProps(props, skeletonVariantKeys)
|
29
|
+
},
|
30
|
+
getVariantProps: skeletonFn.getVariantProps,
|
31
|
+
});
|
32
|
+
|
33
|
+
export { skeleton };
|
@@ -0,0 +1,43 @@
|
|
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
|
+
import { memo, splitProps } from '../helpers.mjs';
|
9
|
+
import { mergeRecipes, createRecipe } from './create-recipe.mjs';
|
10
|
+
|
11
|
+
const spinnerFn = /* @__PURE__ */ createRecipe('spinner', {
|
12
|
+
"size": "md"
|
13
|
+
}, []);
|
14
|
+
|
15
|
+
const spinnerVariantMap = {
|
16
|
+
"size": [
|
17
|
+
"xs",
|
18
|
+
"sm",
|
19
|
+
"md",
|
20
|
+
"lg",
|
21
|
+
"xl"
|
22
|
+
]
|
23
|
+
};
|
24
|
+
|
25
|
+
const spinnerVariantKeys = Object.keys(spinnerVariantMap);
|
26
|
+
|
27
|
+
const spinner = /* @__PURE__ */ Object.assign(memo(spinnerFn.recipeFn), {
|
28
|
+
__recipe__: true,
|
29
|
+
__name__: 'spinner',
|
30
|
+
__getCompoundVariantCss__: spinnerFn.__getCompoundVariantCss__,
|
31
|
+
raw: (props) => props,
|
32
|
+
variantKeys: spinnerVariantKeys,
|
33
|
+
variantMap: spinnerVariantMap,
|
34
|
+
merge(recipe) {
|
35
|
+
return mergeRecipes(this, recipe)
|
36
|
+
},
|
37
|
+
splitVariantProps(props) {
|
38
|
+
return splitProps(props, spinnerVariantKeys)
|
39
|
+
},
|
40
|
+
getVariantProps: spinnerFn.getVariantProps,
|
41
|
+
});
|
42
|
+
|
43
|
+
export { spinner };
|
@@ -0,0 +1,50 @@
|
|
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
|
+
import { memo, splitProps } from '../helpers.mjs';
|
9
|
+
import { mergeRecipes, createRecipe } from './create-recipe.mjs';
|
10
|
+
|
11
|
+
const textFn = /* @__PURE__ */ createRecipe('text', {}, []);
|
12
|
+
|
13
|
+
const textVariantMap = {
|
14
|
+
"variant": [
|
15
|
+
"heading"
|
16
|
+
],
|
17
|
+
"size": [
|
18
|
+
"xs",
|
19
|
+
"sm",
|
20
|
+
"md",
|
21
|
+
"lg",
|
22
|
+
"xl",
|
23
|
+
"2xl",
|
24
|
+
"3xl",
|
25
|
+
"4xl",
|
26
|
+
"5xl",
|
27
|
+
"6xl",
|
28
|
+
"7xl"
|
29
|
+
]
|
30
|
+
};
|
31
|
+
|
32
|
+
const textVariantKeys = Object.keys(textVariantMap);
|
33
|
+
|
34
|
+
const text = /* @__PURE__ */ Object.assign(memo(textFn.recipeFn), {
|
35
|
+
__recipe__: true,
|
36
|
+
__name__: 'text',
|
37
|
+
__getCompoundVariantCss__: textFn.__getCompoundVariantCss__,
|
38
|
+
raw: (props) => props,
|
39
|
+
variantKeys: textVariantKeys,
|
40
|
+
variantMap: textVariantMap,
|
41
|
+
merge(recipe) {
|
42
|
+
return mergeRecipes(this, recipe)
|
43
|
+
},
|
44
|
+
splitVariantProps(props) {
|
45
|
+
return splitProps(props, textVariantKeys)
|
46
|
+
},
|
47
|
+
getVariantProps: textFn.getVariantProps,
|
48
|
+
});
|
49
|
+
|
50
|
+
export { text };
|
@@ -0,0 +1,38 @@
|
|
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 { Root, Fallback, Image } from './styled/avatar.mjs';
|
12
|
+
|
13
|
+
const Avatar = forwardRef((props, ref) => {
|
14
|
+
const { name, src, ...rootProps } = props;
|
15
|
+
return /* @__PURE__ */ jsxs(Root, { ref, ...rootProps, children: [
|
16
|
+
/* @__PURE__ */ jsx(Fallback, { children: getInitials(name) || /* @__PURE__ */ jsx(UserIcon, {}) }),
|
17
|
+
/* @__PURE__ */ jsx(Image, { src, alt: name })
|
18
|
+
] });
|
19
|
+
});
|
20
|
+
Avatar.displayName = "Avatar";
|
21
|
+
const UserIcon = () => /* @__PURE__ */ jsxs(
|
22
|
+
"svg",
|
23
|
+
{
|
24
|
+
xmlns: "http://www.w3.org/2000/svg",
|
25
|
+
viewBox: "0 0 24 24",
|
26
|
+
fill: "none",
|
27
|
+
stroke: "currentColor",
|
28
|
+
strokeWidth: "2",
|
29
|
+
children: [
|
30
|
+
/* @__PURE__ */ jsx("title", { children: "User Icon" }),
|
31
|
+
/* @__PURE__ */ jsx("path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2" }),
|
32
|
+
/* @__PURE__ */ jsx("circle", { cx: "12", cy: "7", r: "4" })
|
33
|
+
]
|
34
|
+
}
|
35
|
+
);
|
36
|
+
const getInitials = (name = "") => name.split(" ").map((part) => part[0]).splice(0, 2).join("").toUpperCase();
|
37
|
+
|
38
|
+
export { Avatar };
|
@@ -0,0 +1,42 @@
|
|
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 { forwardRef } from 'react';
|
11
|
+
import { styled } from '../styled-system/jsx/factory.mjs';
|
12
|
+
import '../styled-system/jsx/is-valid-prop.mjs';
|
13
|
+
import '../styled-system/helpers.mjs';
|
14
|
+
import '../styled-system/css/css.mjs';
|
15
|
+
import { Center } from '../styled-system/jsx/center.mjs';
|
16
|
+
import { Spinner } from './spinner.mjs';
|
17
|
+
import { Button as Button$1 } from './styled/button.mjs';
|
18
|
+
|
19
|
+
const Button = forwardRef(
|
20
|
+
(props, ref) => {
|
21
|
+
const { loading, disabled, loadingText, children, ...rest } = props;
|
22
|
+
const trulyDisabled = loading || disabled;
|
23
|
+
return /* @__PURE__ */ jsx(Button$1, { disabled: trulyDisabled, ref, ...rest, children: loading && !loadingText ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
24
|
+
/* @__PURE__ */ jsx(ButtonSpinner, {}),
|
25
|
+
/* @__PURE__ */ jsx(styled.span, { opacity: 0, children })
|
26
|
+
] }) : loadingText ? loadingText : children });
|
27
|
+
}
|
28
|
+
);
|
29
|
+
Button.displayName = "Button";
|
30
|
+
const ButtonSpinner = () => /* @__PURE__ */ jsx(
|
31
|
+
Center,
|
32
|
+
{
|
33
|
+
inline: true,
|
34
|
+
position: "absolute",
|
35
|
+
transform: "translate(-50%, -50%)",
|
36
|
+
top: "50%",
|
37
|
+
insetStart: "50%",
|
38
|
+
children: /* @__PURE__ */ jsx(Spinner, { colorPalette: "gray" })
|
39
|
+
}
|
40
|
+
);
|
41
|
+
|
42
|
+
export { Button };
|
@@ -0,0 +1,34 @@
|
|
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 { forwardRef } from 'react';
|
11
|
+
import { styled } from '../styled-system/jsx/factory.mjs';
|
12
|
+
import '../styled-system/jsx/is-valid-prop.mjs';
|
13
|
+
import '../styled-system/helpers.mjs';
|
14
|
+
import '../styled-system/css/css.mjs';
|
15
|
+
import { Spinner as Spinner$1 } from './styled/spinner.mjs';
|
16
|
+
|
17
|
+
const Spinner = forwardRef(
|
18
|
+
(props, ref) => {
|
19
|
+
const { label = "Loading...", ...rest } = props;
|
20
|
+
return /* @__PURE__ */ jsx(
|
21
|
+
Spinner$1,
|
22
|
+
{
|
23
|
+
ref,
|
24
|
+
borderBottomColor: "transparent",
|
25
|
+
borderLeftColor: "transparent",
|
26
|
+
...rest,
|
27
|
+
children: label && /* @__PURE__ */ jsx(styled.span, { srOnly: true, children: label })
|
28
|
+
}
|
29
|
+
);
|
30
|
+
}
|
31
|
+
);
|
32
|
+
Spinner.displayName = "Spinner";
|
33
|
+
|
34
|
+
export { Spinner };
|
@@ -0,0 +1,24 @@
|
|
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
|
+
import { Avatar } from '@ark-ui/react/avatar';
|
11
|
+
export { AvatarContext as Context } from '@ark-ui/react/avatar';
|
12
|
+
import '../../styled-system/helpers.mjs';
|
13
|
+
import '../../styled-system/css/conditions.mjs';
|
14
|
+
import '../../styled-system/css/css.mjs';
|
15
|
+
import { avatar } from '../../styled-system/recipes/avatar.mjs';
|
16
|
+
import { createStyleContext } from './utils/create-style-context.mjs';
|
17
|
+
|
18
|
+
const { withProvider, withContext } = createStyleContext(avatar);
|
19
|
+
withProvider(Avatar.RootProvider, "root");
|
20
|
+
const Root = withProvider(Avatar.Root, "root");
|
21
|
+
const Fallback = withContext(Avatar.Fallback, "fallback");
|
22
|
+
const Image = withContext(Avatar.Image, "image");
|
23
|
+
|
24
|
+
export { Fallback, Image, Root };
|
@@ -0,0 +1,20 @@
|
|
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 { ark } from '@ark-ui/react';
|
10
|
+
import { styled } from '../../styled-system/jsx/factory.mjs';
|
11
|
+
import '../../styled-system/jsx/is-valid-prop.mjs';
|
12
|
+
import 'react';
|
13
|
+
import '../../styled-system/helpers.mjs';
|
14
|
+
import '../../styled-system/css/css.mjs';
|
15
|
+
import '../../styled-system/css/conditions.mjs';
|
16
|
+
import { button } from '../../styled-system/recipes/button.mjs';
|
17
|
+
|
18
|
+
const Button = styled(ark.button, button);
|
19
|
+
|
20
|
+
export { Button };
|
@@ -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
|
+
import { ark } from '@ark-ui/react/factory';
|
10
|
+
import { styled } from '../../styled-system/jsx/factory.mjs';
|
11
|
+
import '../../styled-system/jsx/is-valid-prop.mjs';
|
12
|
+
import 'react';
|
13
|
+
import '../../styled-system/helpers.mjs';
|
14
|
+
import '../../styled-system/css/css.mjs';
|
15
|
+
import '../../styled-system/css/conditions.mjs';
|
16
|
+
import { icon } from '../../styled-system/recipes/icon.mjs';
|
17
|
+
|
18
|
+
const Icon = styled(ark.svg, icon, {
|
19
|
+
defaultProps: { asChild: true }
|
20
|
+
});
|
21
|
+
|
22
|
+
export { Icon };
|
@@ -0,0 +1,32 @@
|
|
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
|
+
import { jsx } from 'react/jsx-runtime';
|
11
|
+
import { ark } from '@ark-ui/react/factory';
|
12
|
+
import { forwardRef } from 'react';
|
13
|
+
import { styled } from '../../styled-system/jsx/factory.mjs';
|
14
|
+
import '../../styled-system/jsx/is-valid-prop.mjs';
|
15
|
+
import '../../styled-system/helpers.mjs';
|
16
|
+
import '../../styled-system/css/css.mjs';
|
17
|
+
import '../../styled-system/css/conditions.mjs';
|
18
|
+
import { skeleton } from '../../styled-system/recipes/skeleton.mjs';
|
19
|
+
|
20
|
+
const StyledSkeleton = styled(ark.div, skeleton);
|
21
|
+
const Skeleton = forwardRef(
|
22
|
+
(props, ref) => {
|
23
|
+
const { isLoaded, ...otherProps } = props;
|
24
|
+
if (isLoaded) {
|
25
|
+
return /* @__PURE__ */ jsx(styled.div, { animation: "fade-in", ref, ...otherProps });
|
26
|
+
}
|
27
|
+
return /* @__PURE__ */ jsx(StyledSkeleton, { ref, ...otherProps });
|
28
|
+
}
|
29
|
+
);
|
30
|
+
Skeleton.displayName = "Skeleton";
|
31
|
+
|
32
|
+
export { Skeleton };
|
@@ -0,0 +1,20 @@
|
|
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 { ark } from '@ark-ui/react';
|
10
|
+
import { styled } from '../../styled-system/jsx/factory.mjs';
|
11
|
+
import '../../styled-system/jsx/is-valid-prop.mjs';
|
12
|
+
import 'react';
|
13
|
+
import '../../styled-system/helpers.mjs';
|
14
|
+
import '../../styled-system/css/css.mjs';
|
15
|
+
import '../../styled-system/css/conditions.mjs';
|
16
|
+
import { spinner } from '../../styled-system/recipes/spinner.mjs';
|
17
|
+
|
18
|
+
const Spinner = styled(ark.div, spinner);
|
19
|
+
|
20
|
+
export { Spinner };
|